/* Minification failed. Returning unminified contents. : run-time error CSS1036: Expected expression, found '' */ /* Google Fonts */ @import url(https://fonts.googleapis.com/css?family=Raleway:400,600,500,700); /*===================================================== COLOR SCHEMES =====================================================*/ /*=== ORANGE ===*/ /* background */ .color-orange #goToTop, .color-orange .eu-cookie-bar-notification button, .color-orange .header-links-wrapper, .color-orange .shopping-cart-link > a, .color-orange .side-2 .block .title, .color-orange .side-2 .block .list a:after, .color-orange .side-2 .block .list strong:after, .color-orange .side-2 .block .view-all a:hover, .color-orange .listbox .poll .buttons input:hover, .color-orange .product-grid .item-box .visible-details:before, .color-orange .item-box input[type="button"]:hover, .color-orange .product-list .item-box:after, .color-orange .manufacturer-item .title:before, .color-orange .free-shipping, .color-orange .overview .add-to-cart-button:hover, .color-orange .variant-overview .add-to-cart-button:hover, .color-orange .write-review .button-1, .color-orange .wishlist-content .button-2:hover, .color-orange .contact-page .button-1, .color-orange .email-a-friend-page .button-1, .color-orange .account-page .page-title h1:after, .color-orange .registration-page .button-1, .color-orange .registration-result-page .button-1, .color-orange .login-page .button-1, .color-orange .password-recovery-page .button-1, .color-orange .account-page .button-1, .color-orange .return-request-page .button-1, .color-orange .account-page .button-2:hover, .color-orange .address-item .buttons:before, .color-orange .order-item .buttons:before, .color-orange .shopping-cart-page .button-1, .color-orange .checkout-page .button-1, .color-orange .checkout-page .button-2.order-completed-continue-button, .color-orange .order-details-page .actions input, .color-orange .search-input .button-1, .color-orange .news-items .item:after, .color-orange .new-comment .button-1, .color-orange .shopping-cart-page .cart-footer .button-2:hover, .color-orange .update-cart-button:hover, .color-orange .checkout-page .button-2:hover, .color-orange .order-details-page .page-title a:hover, .color-orange .shopping-cart-page .common-buttons .continue-shopping-button, .color-orange .product-variant-line:before, .color-orange .flyout-cart:before, .color-orange .mini-shopping-cart input[type="button"], .color-orange .search-box-button, .color-orange .header-menu > ul > li > a:after, .color-orange .header-menu > ul > li > span:after, .color-orange .header-menu .sublist:before, .color-orange .cart th, .color-orange .data-table th, .color-orange .forums-table-section th, .color-orange .ajaxCart .productAddedToCartWindowCheckout, .color-orange .ui-slider-range, .color-orange .nopAjaxFilters7Spikes .close-filters, .color-orange .products-carousel .item-info:before, .color-orange .products-carousel .item-info .button:hover, .color-orange .mega-menu .dropdown:before, .color-orange .previous-product, .color-orange .next-product, .color-orange .product-grid .quick-view-button a, .color-orange .product-list .quick-view-button a:hover, .color-orange .todays-poll-box, .color-orange .footer-upper, .color-orange .nop-jcarousel .carousel-title.vertical span { background-color: #f3a078; } /* text color */ .color-orange .eu-cookie-bar-notification a, .color-orange .fieldset .title, .color-orange .required, .color-orange .message-error, .color-orange .field-validation-error, .color-orange .not-available-status, .color-orange .poll-vote-error, .color-orange .password-error, .color-orange .footer-middle .footer-block a:hover, .color-orange .side-2 .block .view-all a, .color-orange .block .tags li a:hover, .color-orange .listbox .poll .buttons input, .color-orange .item-box .actual-price, .color-orange .item-box input[type="button"], .color-orange .pager li span, .color-orange .pager li a:hover, .color-orange .overview .product-price span, .color-orange .variant-overview .product-price span, .color-orange .overview .add-to-cart-button, .color-orange .variant-overview .add-to-cart-button, .color-orange .variant-overview .add-to-wishlist-button, .color-orange .ui-tabs .ui-tabs-nav li.ui-tabs-selected a, .color-orange .ui-tabs .ui-state-active.ui-tabs-active a, .color-orange .product-tags-list li:hover > *, .color-orange .product-reviews-page .title, .color-orange .write-review .button-1:hover, .color-orange .wishlist-content .button-2, .color-orange .compare-products-page .button-2, .color-orange .compare-products-page .clear-list:hover, .color-orange .compare-products-page .button-2:hover, .color-orange .contact-page .button-1:hover, .color-orange .email-a-friend-page .button-1:hover, .color-orange .email-a-friend-page .title a:hover, .color-orange #username-availabilty, .color-orange .registration-page .button-1:hover, .color-orange .registration-result-page .button-1:hover, .color-orange .login-page .button-1:hover, .color-orange .password-recovery-page .button-1:hover, .color-orange .account-page .button-1:hover, .color-orange .return-request-page .button-1:hover, .color-orange .login-page .title, .color-orange .login-page .topic-html-content-title, .color-orange .forgot-password:hover, .color-orange .account-page .button-2, .color-orange .shopping-cart-page .button-1:hover, .color-orange .checkout-page .button-1:hover, .color-orange .shopping-cart-page .cart-footer .button-2, .color-orange .update-cart-button, .color-orange .order-details-page .page-title a, .color-orange .shopping-cart-page .common-buttons .continue-shopping-button:hover, .color-orange .cart-total tr:last-child td:last-child, .color-orange .order-completed .details a:hover, .color-orange .checkout-page .button-2.order-completed-continue-button:hover, .color-orange .opc .back-link a:hover, .color-orange .order-details-page .actions input:hover, .color-orange .search-input .button-1:hover, .color-orange .sitemap-page .entity-title, .color-orange .sitemap-page a:hover, .color-orange .news-title:hover, .color-orange .post-head .post-title, .color-orange .blog-page .tags a:hover, .color-orange .blogpost-page .tags a:hover, .color-orange .new-comment .button-1:hover, .color-orange .vendor-list a:hover, .color-orange .product-tags-all-page .product-tags-list a:hover, .color-orange .mini-shopping-cart .count a, .color-orange .mini-shopping-cart .price span, .color-orange .mini-shopping-cart input[type="button"]:hover, .color-orange .cart a:hover, .color-orange .data-table a:hover, .color-orange .forums-table-section a:hover, .color-orange .compare-products-table a:hover, .color-orange .compare-products-table .product-price td, .color-orange .productAddedToCartWindowDescription strong, .color-orange .ajaxCart .productAddedToCartWindowCheckout:hover, .color-orange .filter-block a.clearFilterOptions, .color-orange .filter-block a.clearPriceRangeFilter, .color-orange .priceRangeCurrentPricesPanel span, .color-orange .instant-search-item .detail .price, .color-orange .products-carousel .item-info .actual-price, .color-orange .products-carousel .item-info .button, .color-orange .mega-menu .box li a:hover, .color-orange .product-grid .quick-view-button a:hover, .color-orange .product-list .quick-view-button a, .color-orange .poll .buttons input:hover { color: #f3a078; } /* border color */ .color-orange .eu-cookie-bar-notification, .color-orange .side-2 .block .list li.active > a, .color-orange .side-2 .block .list li.active > strong, .color-orange .side-2 .block .view-all a, .color-orange .listbox .poll .buttons input, .color-orange .item-box input[type="button"], .color-orange .overview .qty-input, .color-orange .variant-overview .qty-input, .color-orange .overview .add-to-cart-button, .color-orange .variant-overview .add-to-cart-button, .color-orange .variant-overview .add-to-wishlist-button, .color-orange .ui-tabs .ui-tabs-nav li.ui-tabs-selected a, .color-orange .ui-tabs .ui-state-active.ui-tabs-active a, .color-orange .write-review .button-1:hover, .color-orange .wishlist-content .button-2, .color-orange .compare-products-page .page-title h1, .color-orange .contact-page .page-title h1, .color-orange .email-a-friend-page .page-title h1, .color-orange .contact-page .button-1:hover, .color-orange .email-a-friend-page .button-1:hover, .color-orange .registration-page .button-1:hover, .color-orange .registration-result-page .button-1:hover, .color-orange .login-page .button-1:hover, .color-orange .password-recovery-page .button-1:hover, .color-orange .account-page .button-1:hover, .color-orange .return-request-page .button-1:hover, .color-orange .login-page .page-title h1, .color-orange .account-page .button-2, .color-orange .order-progress ul, .color-orange .shopping-cart-page .button-1:hover, .color-orange .checkout-page .button-1:hover, .color-orange .shopping-cart-page .cart-footer .button-2, .color-orange .update-cart-button, .color-orange .order-details-page .page-title a, .color-orange .shopping-cart-page .common-buttons .continue-shopping-button:hover, .color-orange .order-review-data ul, .color-orange .checkout-page .button-2.order-completed-continue-button:hover, .color-orange .opc .step, .color-orange .order-details-area ul, .color-orange .order-details-page .actions input:hover, .color-orange .shipment-details-page .shipment-overview > ul, .color-orange .search-input .button-1:hover, .color-orange .sitemap-page .page-title h1, .color-orange .new-comment .button-1:hover, .color-orange .blog-comment, .color-orange .news-comment, .color-orange .news-list-page .page-title h1, .color-orange .blog-page .page-title h1, .color-orange .product-tags-all-page .page-title h1, .color-orange .vendor-list-page .page-title h1, .color-orange .topic-page .page-title h1, .color-orange .mini-shopping-cart input[type="button"]:hover, .color-orange .cart th, .color-orange .data-table th, .color-orange .forums-table-section th, .color-orange .ajax-cart-button-wrapper input[type="text"], .color-orange .ajaxCart .k-window-titlebar.k-header, .color-orange .ajaxCart .productAddedToCartWindowCheckout:hover, .color-orange .filter-block a.clearFilterOptions, .color-orange .filter-block a.clearPriceRangeFilter, .color-orange .products-carousel .item-info .button, .color-orange .product-grid .quick-view-button a:hover, .color-orange .product-list .quick-view-button a, .color-orange .quickViewWindow .popup-header { border-color: #f3a078; } /* icons */ .color-orange .shopping-cart-page .common-buttons .update-cart-button { background-image: url(/Themes/Allure/Content/img/icon-update-cart-orange.png); } .color-orange .shopping-cart-page .common-buttons .continue-shopping-button { background-image: url(/Themes/Allure/Content/img/icon-continue-shop-orange.png); } @media all and (min-width: 240px) and (max-width: 1000px) { /* background */ .color-orange .search-box, .color-orange .responsive-nav-wrapper .search-wrap span, .color-orange .responsive-nav-wrapper .filters-button span, .color-orange .header-menu .close-menu, .color-orange .header-menu ul li.back-button { background-color: #f3a078; } /* text color */ /* border color */ } /*=== OLIVE ===*/ /* background */ .color-olive #goToTop, .color-olive .eu-cookie-bar-notification button, .color-olive .header-links-wrapper, .color-olive .shopping-cart-link > a, .color-olive .side-2 .block .title, .color-olive .side-2 .block .list a:after, .color-olive .side-2 .block .list strong:after, .color-olive .side-2 .block .view-all a:hover, .color-olive .listbox .poll .buttons input:hover, .color-olive .product-grid .item-box .visible-details:before, .color-olive .item-box input[type="button"]:hover, .color-olive .product-list .item-box:after, .color-olive .manufacturer-item .title:before, .color-olive .free-shipping, .color-olive .overview .add-to-cart-button:hover, .color-olive .variant-overview .add-to-cart-button:hover, .color-olive .write-review .button-1, .color-olive .wishlist-content .button-2:hover, .color-olive .contact-page .button-1, .color-olive .email-a-friend-page .button-1, .color-olive .account-page .page-title h1:after, .color-olive .registration-page .button-1, .color-olive .registration-result-page .button-1, .color-olive .login-page .button-1, .color-olive .password-recovery-page .button-1, .color-olive .account-page .button-1, .color-olive .return-request-page .button-1, .color-olive .account-page .button-2:hover, .color-olive .address-item .buttons:before, .color-olive .order-item .buttons:before, .color-olive .shopping-cart-page .button-1, .color-olive .checkout-page .button-1, .color-olive .checkout-page .button-2.order-completed-continue-button, .color-olive .order-details-page .actions input, .color-olive .search-input .button-1, .color-olive .news-items .item:after, .color-olive .new-comment .button-1, .color-olive .shopping-cart-page .cart-footer .button-2:hover, .color-olive .update-cart-button:hover, .color-olive .checkout-page .button-2:hover, .color-olive .order-details-page .page-title a:hover, .color-olive .shopping-cart-page .common-buttons .continue-shopping-button, .color-olive .product-variant-line:before, .color-olive .flyout-cart:before, .color-olive .mini-shopping-cart input[type="button"], .color-olive .search-box-button, .color-olive .header-menu > ul > li > a:after, .color-olive .header-menu > ul > li > span:after, .color-olive .header-menu .sublist:before, .color-olive .cart th, .color-olive .data-table th, .color-olive .forums-table-section th, .color-olive .ajaxCart .productAddedToCartWindowCheckout, .color-olive .ui-slider-range, .color-olive .nopAjaxFilters7Spikes .close-filters, .color-olive .products-carousel .item-info:before, .color-olive .products-carousel .item-info .button:hover, .color-olive .mega-menu .dropdown:before, .color-olive .previous-product, .color-olive .next-product, .color-olive .product-grid .quick-view-button a, .color-olive .product-list .quick-view-button a:hover, .color-olive .todays-poll-box, .color-olive .footer-upper, .color-olive .nop-jcarousel .carousel-title.vertical span { background-color: #a6b773; } /* text color */ .color-olive .eu-cookie-bar-notification a, .color-olive .fieldset .title, .color-olive .required, .color-olive .message-error, .color-olive .field-validation-error, .color-olive .not-available-status, .color-olive .poll-vote-error, .color-olive .password-error, .color-olive .footer-middle .footer-block a:hover, .color-olive .side-2 .block .view-all a, .color-olive .block .tags li a:hover, .color-olive .listbox .poll .buttons input, .color-olive .item-box .actual-price, .color-olive .item-box input[type="button"], .color-olive .pager li span, .color-olive .pager li a:hover, .color-olive .overview .product-price span, .color-olive .variant-overview .product-price span, .color-olive .overview .add-to-cart-button, .color-olive .variant-overview .add-to-cart-button, .color-olive .variant-overview .add-to-wishlist-button, .color-olive .ui-tabs .ui-tabs-nav li.ui-tabs-selected a, .color-olive .ui-tabs .ui-state-active.ui-tabs-active a, .color-olive .product-tags-list li:hover > *, .color-olive .product-reviews-page .title, .color-olive .write-review .button-1:hover, .color-olive .wishlist-content .button-2, .color-olive .compare-products-page .button-2, .color-olive .compare-products-page .clear-list:hover, .color-olive .compare-products-page .button-2:hover, .color-olive .contact-page .button-1:hover, .color-olive .email-a-friend-page .button-1:hover, .color-olive .email-a-friend-page .title a:hover, .color-olive #username-availabilty, .color-olive .registration-page .button-1:hover, .color-olive .registration-result-page .button-1:hover, .color-olive .login-page .button-1:hover, .color-olive .password-recovery-page .button-1:hover, .color-olive .account-page .button-1:hover, .color-olive .return-request-page .button-1:hover, .color-olive .login-page .title, .color-olive .login-page .topic-html-content-title, .color-olive .forgot-password:hover, .color-olive .account-page .button-2, .color-olive .shopping-cart-page .button-1:hover, .color-olive .checkout-page .button-1:hover, .color-olive .shopping-cart-page .cart-footer .button-2, .color-olive .update-cart-button, .color-olive .order-details-page .page-title a, .color-olive .shopping-cart-page .common-buttons .continue-shopping-button:hover, .color-olive .cart-total tr:last-child td:last-child, .color-olive .order-completed .details a:hover, .color-olive .checkout-page .button-2.order-completed-continue-button:hover, .color-olive .opc .back-link a:hover, .color-olive .order-details-page .actions input:hover, .color-olive .search-input .button-1:hover, .color-olive .sitemap-page .entity-title, .color-olive .sitemap-page a:hover, .color-olive .news-title:hover, .color-olive .post-head .post-title, .color-olive .blog-page .tags a:hover, .color-olive .blogpost-page .tags a:hover, .color-olive .new-comment .button-1:hover, .color-olive .vendor-list a:hover, .color-olive .product-tags-all-page .product-tags-list a:hover, .color-olive .mini-shopping-cart .count a, .color-olive .mini-shopping-cart .price span, .color-olive .mini-shopping-cart input[type="button"]:hover, .color-olive .cart a:hover, .color-olive .data-table a:hover, .color-olive .forums-table-section a:hover, .color-olive .compare-products-table a:hover, .color-olive .compare-products-table .product-price td, .color-olive .productAddedToCartWindowDescription strong, .color-olive .ajaxCart .productAddedToCartWindowCheckout:hover, .color-olive .filter-block a.clearFilterOptions, .color-olive .filter-block a.clearPriceRangeFilter, .color-olive .priceRangeCurrentPricesPanel span, .color-olive .instant-search-item .detail .price, .color-olive .products-carousel .item-info .actual-price, .color-olive .products-carousel .item-info .button, .color-olive .mega-menu .box li a:hover, .color-olive .product-grid .quick-view-button a:hover, .color-olive .product-list .quick-view-button a, .color-olive .poll .buttons input:hover { color: #a6b773; } /* border color */ .color-olive .eu-cookie-bar-notification, .color-olive .side-2 .block .list li.active > a, .color-olive .side-2 .block .list li.active > strong, .color-olive .side-2 .block .view-all a, .color-olive .listbox .poll .buttons input, .color-olive .item-box input[type="button"], .color-olive .overview .qty-input, .color-olive .variant-overview .qty-input, .color-olive .overview .add-to-cart-button, .color-olive .variant-overview .add-to-cart-button, .color-olive .variant-overview .add-to-wishlist-button, .color-olive .ui-tabs .ui-tabs-nav li.ui-tabs-selected a, .color-olive .ui-tabs .ui-state-active.ui-tabs-active a, .color-olive .write-review .button-1:hover, .color-olive .wishlist-content .button-2, .color-olive .compare-products-page .page-title h1, .color-olive .contact-page .page-title h1, .color-olive .email-a-friend-page .page-title h1, .color-olive .contact-page .button-1:hover, .color-olive .email-a-friend-page .button-1:hover, .color-olive .registration-page .button-1:hover, .color-olive .registration-result-page .button-1:hover, .color-olive .login-page .button-1:hover, .color-olive .password-recovery-page .button-1:hover, .color-olive .account-page .button-1:hover, .color-olive .return-request-page .button-1:hover, .color-olive .login-page .page-title h1, .color-olive .account-page .button-2, .color-olive .order-progress ul, .color-olive .shopping-cart-page .button-1:hover, .color-olive .checkout-page .button-1:hover, .color-olive .shopping-cart-page .cart-footer .button-2, .color-olive .update-cart-button, .color-olive .order-details-page .page-title a, .color-olive .shopping-cart-page .common-buttons .continue-shopping-button:hover, .color-olive .order-review-data ul, .color-olive .checkout-page .button-2.order-completed-continue-button:hover, .color-olive .opc .step, .color-olive .order-details-area ul, .color-olive .order-details-page .actions input:hover, .color-olive .shipment-details-page .shipment-overview > ul, .color-olive .search-input .button-1:hover, .color-olive .sitemap-page .page-title h1, .color-olive .new-comment .button-1:hover, .color-olive .blog-comment, .color-olive .news-comment, .color-olive .news-list-page .page-title h1, .color-olive .blog-page .page-title h1, .color-olive .product-tags-all-page .page-title h1, .color-olive .vendor-list-page .page-title h1, .color-olive .topic-page .page-title h1, .color-olive .mini-shopping-cart input[type="button"]:hover, .color-olive .cart th, .color-olive .data-table th, .color-olive .forums-table-section th, .color-olive .ajax-cart-button-wrapper input[type="text"], .color-olive .ajaxCart .k-window-titlebar.k-header, .color-olive .ajaxCart .productAddedToCartWindowCheckout:hover, .color-olive .filter-block a.clearFilterOptions, .color-olive .filter-block a.clearPriceRangeFilter, .color-olive .products-carousel .item-info .button, .color-olive .product-grid .quick-view-button a:hover, .color-olive .product-list .quick-view-button a, .color-olive .quickViewWindow .popup-header { border-color: #a6b773; } /* icons */ .color-olive .shopping-cart-page .common-buttons .update-cart-button { background-image: url(/Themes/Allure/Content/img/icon-update-cart-olive.png); } .color-olive .shopping-cart-page .common-buttons .continue-shopping-button { background-image: url(/Themes/Allure/Content/img/icon-continue-shop-olive.png); } @media all and (min-width: 240px) and (max-width: 1000px) { /* background */ .color-olive .search-box, .color-olive .responsive-nav-wrapper .search-wrap span, .color-olive .responsive-nav-wrapper .filters-button span, .color-olive .header-menu .close-menu, .color-olive .header-menu ul li.back-button { background-color: #a6b773; } /* text color */ /* border color */ } /*=== SKY ===*/ /* background */ .color-sky #goToTop, .color-sky .eu-cookie-bar-notification button, .color-sky .header-links-wrapper, .color-sky .shopping-cart-link > a, .color-sky .side-2 .block .title, .color-sky .side-2 .block .list a:after, .color-sky .side-2 .block .list strong:after, .color-sky .side-2 .block .view-all a:hover, .color-sky .listbox .poll .buttons input:hover, .color-sky .product-grid .item-box .visible-details:before, .color-sky .item-box input[type="button"]:hover, .color-sky .product-list .item-box:after, .color-sky .manufacturer-item .title:before, .color-sky .free-shipping, .color-sky .overview .add-to-cart-button:hover, .color-sky .variant-overview .add-to-cart-button:hover, .color-sky .write-review .button-1, .color-sky .wishlist-content .button-2:hover, .color-sky .contact-page .button-1, .color-sky .email-a-friend-page .button-1, .color-sky .account-page .page-title h1:after, .color-sky .registration-page .button-1, .color-sky .registration-result-page .button-1, .color-sky .login-page .button-1, .color-sky .password-recovery-page .button-1, .color-sky .account-page .button-1, .color-sky .return-request-page .button-1, .color-sky .account-page .button-2:hover, .color-sky .address-item .buttons:before, .color-sky .order-item .buttons:before, .color-sky .shopping-cart-page .button-1, .color-sky .checkout-page .button-1, .color-sky .checkout-page .button-2.order-completed-continue-button, .color-sky .order-details-page .actions input, .color-sky .search-input .button-1, .color-sky .news-items .item:after, .color-sky .new-comment .button-1, .color-sky .shopping-cart-page .cart-footer .button-2:hover, .color-sky .update-cart-button:hover, .color-sky .checkout-page .button-2:hover, .color-sky .order-details-page .page-title a:hover, .color-sky .shopping-cart-page .common-buttons .continue-shopping-button, .color-sky .product-variant-line:before, .color-sky .flyout-cart:before, .color-sky .mini-shopping-cart input[type="button"], .color-sky .search-box-button, .color-sky .header-menu > ul > li > a:after, .color-sky .header-menu > ul > li > span:after, .color-sky .header-menu .sublist:before, .color-sky .cart th, .color-sky .data-table th, .color-sky .forums-table-section th, .color-sky .ajaxCart .productAddedToCartWindowCheckout, .color-sky .ui-slider-range, .color-sky .nopAjaxFilters7Spikes .close-filters, .color-sky .products-carousel .item-info:before, .color-sky .products-carousel .item-info .button:hover, .color-sky .mega-menu .dropdown:before, .color-sky .previous-product, .color-sky .next-product, .color-sky .product-grid .quick-view-button a, .color-sky .product-list .quick-view-button a:hover, .color-sky .todays-poll-box, .color-sky .footer-upper, .color-sky .nop-jcarousel .carousel-title.vertical span { background-color: #87badd; } /* text color */ .color-sky .eu-cookie-bar-notification a, .color-sky .fieldset .title, .color-sky .required, .color-sky .message-error, .color-sky .field-validation-error, .color-sky .not-available-status, .color-sky .poll-vote-error, .color-sky .password-error, .color-sky .footer-middle .footer-block a:hover, .color-sky .side-2 .block .view-all a, .color-sky .block .tags li a:hover, .color-sky .listbox .poll .buttons input, .color-sky .item-box .actual-price, .color-sky .item-box input[type="button"], .color-sky .pager li span, .color-sky .pager li a:hover, .color-sky .overview .product-price span, .color-sky .variant-overview .product-price span, .color-sky .overview .add-to-cart-button, .color-sky .variant-overview .add-to-cart-button, .color-sky .variant-overview .add-to-wishlist-button, .color-sky .ui-tabs .ui-tabs-nav li.ui-tabs-selected a, .color-sky .ui-tabs .ui-state-active.ui-tabs-active a, .color-sky .product-tags-list li:hover > *, .color-sky .product-reviews-page .title, .color-sky .write-review .button-1:hover, .color-sky .wishlist-content .button-2, .color-sky .compare-products-page .button-2, .color-sky .compare-products-page .clear-list:hover, .color-sky .compare-products-page .button-2:hover, .color-sky .contact-page .button-1:hover, .color-sky .email-a-friend-page .button-1:hover, .color-sky .email-a-friend-page .title a:hover, .color-sky #username-availabilty, .color-sky .registration-page .button-1:hover, .color-sky .registration-result-page .button-1:hover, .color-sky .login-page .button-1:hover, .color-sky .password-recovery-page .button-1:hover, .color-sky .account-page .button-1:hover, .color-sky .return-request-page .button-1:hover, .color-sky .login-page .title, .color-sky .login-page .topic-html-content-title, .color-sky .forgot-password:hover, .color-sky .account-page .button-2, .color-sky .shopping-cart-page .button-1:hover, .color-sky .checkout-page .button-1:hover, .color-sky .shopping-cart-page .cart-footer .button-2, .color-sky .update-cart-button, .color-sky .order-details-page .page-title a, .color-sky .shopping-cart-page .common-buttons .continue-shopping-button:hover, .color-sky .cart-total tr:last-child td:last-child, .color-sky .order-completed .details a:hover, .color-sky .checkout-page .button-2.order-completed-continue-button:hover, .color-sky .opc .back-link a:hover, .color-sky .order-details-page .actions input:hover, .color-sky .search-input .button-1:hover, .color-sky .sitemap-page .entity-title, .color-sky .sitemap-page a:hover, .color-sky .news-title:hover, .color-sky .post-head .post-title, .color-sky .blog-page .tags a:hover, .color-sky .blogpost-page .tags a:hover, .color-sky .new-comment .button-1:hover, .color-sky .vendor-list a:hover, .color-sky .product-tags-all-page .product-tags-list a:hover, .color-sky .mini-shopping-cart .count a, .color-sky .mini-shopping-cart .price span, .color-sky .mini-shopping-cart input[type="button"]:hover, .color-sky .cart a:hover, .color-sky .data-table a:hover, .color-sky .forums-table-section a:hover, .color-sky .compare-products-table a:hover, .color-sky .compare-products-table .product-price td, .color-sky .productAddedToCartWindowDescription strong, .color-sky .ajaxCart .productAddedToCartWindowCheckout:hover, .color-sky .filter-block a.clearFilterOptions, .color-sky .filter-block a.clearPriceRangeFilter, .color-sky .priceRangeCurrentPricesPanel span, .color-sky .instant-search-item .detail .price, .color-sky .products-carousel .item-info .actual-price, .color-sky .products-carousel .item-info .button, .color-sky .mega-menu .box li a:hover, .color-sky .product-grid .quick-view-button a:hover, .color-sky .product-list .quick-view-button a, .color-sky .poll .buttons input:hover { color: #87badd; } /* border color */ .color-sky .eu-cookie-bar-notification, .color-sky .side-2 .block .list li.active > a, .color-sky .side-2 .block .list li.active > strong, .color-sky .side-2 .block .view-all a, .color-sky .listbox .poll .buttons input, .color-sky .item-box input[type="button"], .color-sky .overview .qty-input, .color-sky .variant-overview .qty-input, .color-sky .overview .add-to-cart-button, .color-sky .variant-overview .add-to-cart-button, .color-sky .variant-overview .add-to-wishlist-button, .color-sky .ui-tabs .ui-tabs-nav li.ui-tabs-selected a, .color-sky .ui-tabs .ui-state-active.ui-tabs-active a, .color-sky .write-review .button-1:hover, .color-sky .wishlist-content .button-2, .color-sky .compare-products-page .page-title h1, .color-sky .contact-page .page-title h1, .color-sky .email-a-friend-page .page-title h1, .color-sky .contact-page .button-1:hover, .color-sky .email-a-friend-page .button-1:hover, .color-sky .registration-page .button-1:hover, .color-sky .registration-result-page .button-1:hover, .color-sky .login-page .button-1:hover, .color-sky .password-recovery-page .button-1:hover, .color-sky .account-page .button-1:hover, .color-sky .return-request-page .button-1:hover, .color-sky .login-page .page-title h1, .color-sky .account-page .button-2, .color-sky .order-progress ul, .color-sky .shopping-cart-page .button-1:hover, .color-sky .checkout-page .button-1:hover, .color-sky .shopping-cart-page .cart-footer .button-2, .color-sky .update-cart-button, .color-sky .order-details-page .page-title a, .color-sky .shopping-cart-page .common-buttons .continue-shopping-button:hover, .color-sky .order-review-data ul, .color-sky .checkout-page .button-2.order-completed-continue-button:hover, .color-sky .opc .step, .color-sky .order-details-area ul, .color-sky .order-details-page .actions input:hover, .color-sky .shipment-details-page .shipment-overview > ul, .color-sky .search-input .button-1:hover, .color-sky .sitemap-page .page-title h1, .color-sky .new-comment .button-1:hover, .color-sky .blog-comment, .color-sky .news-comment, .color-sky .news-list-page .page-title h1, .color-sky .blog-page .page-title h1, .color-sky .product-tags-all-page .page-title h1, .color-sky .vendor-list-page .page-title h1, .color-sky .topic-page .page-title h1, .color-sky .mini-shopping-cart input[type="button"]:hover, .color-sky .cart th, .color-sky .data-table th, .color-sky .forums-table-section th, .color-sky .ajax-cart-button-wrapper input[type="text"], .color-sky .ajaxCart .k-window-titlebar.k-header, .color-sky .ajaxCart .productAddedToCartWindowCheckout:hover, .color-sky .filter-block a.clearFilterOptions, .color-sky .filter-block a.clearPriceRangeFilter, .color-sky .products-carousel .item-info .button, .color-sky .product-grid .quick-view-button a:hover, .color-sky .product-list .quick-view-button a, .color-sky .quickViewWindow .popup-header { border-color: #87badd; } /* icons */ .color-sky .shopping-cart-page .common-buttons .update-cart-button { background-image: url(/Themes/Allure/Content/img/icon-update-cart-sky.png); } .color-sky .shopping-cart-page .common-buttons .continue-shopping-button { background-image: url(/Themes/Allure/Content/img/icon-continue-shop-sky.png); } @media all and (min-width: 240px) and (max-width: 1000px) { /* background */ .color-sky .search-box, .color-sky .responsive-nav-wrapper .search-wrap span, .color-sky .responsive-nav-wrapper .filters-button span, .color-sky .header-menu .close-menu, .color-sky .header-menu ul li.back-button { background-color: #87badd; } /* text color */ /* border color */ } /*=== WOOD ===*/ /* background */ .color-wood #goToTop, .color-wood .eu-cookie-bar-notification button, .color-wood .header-links-wrapper, .color-wood .shopping-cart-link > a, .color-wood .side-2 .block .title, .color-wood .side-2 .block .list a:after, .color-wood .side-2 .block .list strong:after, .color-wood .side-2 .block .view-all a:hover, .color-wood .listbox .poll .buttons input:hover, .color-wood .product-grid .item-box .visible-details:before, .color-wood .item-box input[type="button"]:hover, .color-wood .product-list .item-box:after, .color-wood .manufacturer-item .title:before, .color-wood .free-shipping, .color-wood .overview .add-to-cart-button:hover, .color-wood .variant-overview .add-to-cart-button:hover, .color-wood .write-review .button-1, .color-wood .wishlist-content .button-2:hover, .color-wood .contact-page .button-1, .color-wood .email-a-friend-page .button-1, .color-wood .account-page .page-title h1:after, .color-wood .registration-page .button-1, .color-wood .registration-result-page .button-1, .color-wood .login-page .button-1, .color-wood .password-recovery-page .button-1, .color-wood .account-page .button-1, .color-wood .return-request-page .button-1, .color-wood .account-page .button-2:hover, .color-wood .address-item .buttons:before, .color-wood .order-item .buttons:before, .color-wood .shopping-cart-page .button-1, .color-wood .checkout-page .button-1, .color-wood .checkout-page .button-2.order-completed-continue-button, .color-wood .order-details-page .actions input, .color-wood .search-input .button-1, .color-wood .news-items .item:after, .color-wood .new-comment .button-1, .color-wood .shopping-cart-page .cart-footer .button-2:hover, .color-wood .update-cart-button:hover, .color-wood .checkout-page .button-2:hover, .color-wood .order-details-page .page-title a:hover, .color-wood .shopping-cart-page .common-buttons .continue-shopping-button, .color-wood .product-variant-line:before, .color-wood .flyout-cart:before, .color-wood .mini-shopping-cart input[type="button"], .color-wood .search-box-button, .color-wood .header-menu > ul > li > a:after, .color-wood .header-menu > ul > li > span:after, .color-wood .header-menu .sublist:before, .color-wood .cart th, .color-wood .data-table th, .color-wood .forums-table-section th, .color-wood .ajaxCart .productAddedToCartWindowCheckout, .color-wood .ui-slider-range, .color-wood .nopAjaxFilters7Spikes .close-filters, .color-wood .products-carousel .item-info:before, .color-wood .products-carousel .item-info .button:hover, .color-wood .mega-menu .dropdown:before, .color-wood .previous-product, .color-wood .next-product, .color-wood .product-grid .quick-view-button a, .color-wood .product-list .quick-view-button a:hover, .color-wood .todays-poll-box, .color-wood .footer-upper, .color-wood .nop-jcarousel .carousel-title.vertical span { background-color: #b19489; } /* text color */ .color-wood .eu-cookie-bar-notification a, .color-wood .fieldset .title, .color-wood .required, .color-wood .message-error, .color-wood .field-validation-error, .color-wood .not-available-status, .color-wood .poll-vote-error, .color-wood .password-error, .color-wood .footer-middle .footer-block a:hover, .color-wood .side-2 .block .view-all a, .color-wood .block .tags li a:hover, .color-wood .listbox .poll .buttons input, .color-wood .item-box .actual-price, .color-wood .item-box input[type="button"], .color-wood .pager li span, .color-wood .pager li a:hover, .color-wood .overview .product-price span, .color-wood .variant-overview .product-price span, .color-wood .overview .add-to-cart-button, .color-wood .variant-overview .add-to-cart-button, .color-wood .variant-overview .add-to-wishlist-button, .color-wood .ui-tabs .ui-tabs-nav li.ui-tabs-selected a, .color-wood .ui-tabs .ui-state-active.ui-tabs-active a, .color-wood .product-tags-list li:hover > *, .color-wood .product-reviews-page .title, .color-wood .write-review .button-1:hover, .color-wood .wishlist-content .button-2, .color-wood .compare-products-page .button-2, .color-wood .compare-products-page .clear-list:hover, .color-wood .compare-products-page .button-2:hover, .color-wood .contact-page .button-1:hover, .color-wood .email-a-friend-page .button-1:hover, .color-wood .email-a-friend-page .title a:hover, .color-wood #username-availabilty, .color-wood .registration-page .button-1:hover, .color-wood .registration-result-page .button-1:hover, .color-wood .login-page .button-1:hover, .color-wood .password-recovery-page .button-1:hover, .color-wood .account-page .button-1:hover, .color-wood .return-request-page .button-1:hover, .color-wood .login-page .title, .color-wood .login-page .topic-html-content-title, .color-wood .forgot-password:hover, .color-wood .account-page .button-2, .color-wood .shopping-cart-page .button-1:hover, .color-wood .checkout-page .button-1:hover, .color-wood .shopping-cart-page .cart-footer .button-2, .color-wood .update-cart-button, .color-wood .order-details-page .page-title a, .color-wood .shopping-cart-page .common-buttons .continue-shopping-button:hover, .color-wood .cart-total tr:last-child td:last-child, .color-wood .order-completed .details a:hover, .color-wood .checkout-page .button-2.order-completed-continue-button:hover, .color-wood .opc .back-link a:hover, .color-wood .order-details-page .actions input:hover, .color-wood .search-input .button-1:hover, .color-wood .sitemap-page .entity-title, .color-wood .sitemap-page a:hover, .color-wood .news-title:hover, .color-wood .post-head .post-title, .color-wood .blog-page .tags a:hover, .color-wood .blogpost-page .tags a:hover, .color-wood .new-comment .button-1:hover, .color-wood .vendor-list a:hover, .color-wood .product-tags-all-page .product-tags-list a:hover, .color-wood .mini-shopping-cart .count a, .color-wood .mini-shopping-cart .price span, .color-wood .mini-shopping-cart input[type="button"]:hover, .color-wood .cart a:hover, .color-wood .data-table a:hover, .color-wood .forums-table-section a:hover, .color-wood .compare-products-table a:hover, .color-wood .compare-products-table .product-price td, .color-wood .productAddedToCartWindowDescription strong, .color-wood .ajaxCart .productAddedToCartWindowCheckout:hover, .color-wood .filter-block a.clearFilterOptions, .color-wood .filter-block a.clearPriceRangeFilter, .color-wood .priceRangeCurrentPricesPanel span, .color-wood .instant-search-item .detail .price, .color-wood .products-carousel .item-info .actual-price, .color-wood .products-carousel .item-info .button, .color-wood .mega-menu .box li a:hover, .color-wood .product-grid .quick-view-button a:hover, .color-wood .product-list .quick-view-button a, .color-wood .poll .buttons input:hover { color: #b19489; } /* border color */ .color-wood .eu-cookie-bar-notification, .color-wood .side-2 .block .list li.active > a, .color-wood .side-2 .block .list li.active > strong, .color-wood .side-2 .block .view-all a, .color-wood .listbox .poll .buttons input, .color-wood .item-box input[type="button"], .color-wood .overview .qty-input, .color-wood .variant-overview .qty-input, .color-wood .overview .add-to-cart-button, .color-wood .variant-overview .add-to-cart-button, .color-wood .variant-overview .add-to-wishlist-button, .color-wood .ui-tabs .ui-tabs-nav li.ui-tabs-selected a, .color-wood .ui-tabs .ui-state-active.ui-tabs-active a, .color-wood .write-review .button-1:hover, .color-wood .wishlist-content .button-2, .color-wood .compare-products-page .page-title h1, .color-wood .contact-page .page-title h1, .color-wood .email-a-friend-page .page-title h1, .color-wood .contact-page .button-1:hover, .color-wood .email-a-friend-page .button-1:hover, .color-wood .registration-page .button-1:hover, .color-wood .registration-result-page .button-1:hover, .color-wood .login-page .button-1:hover, .color-wood .password-recovery-page .button-1:hover, .color-wood .account-page .button-1:hover, .color-wood .return-request-page .button-1:hover, .color-wood .login-page .page-title h1, .color-wood .account-page .button-2, .color-wood .order-progress ul, .color-wood .shopping-cart-page .button-1:hover, .color-wood .checkout-page .button-1:hover, .color-wood .shopping-cart-page .cart-footer .button-2, .color-wood .update-cart-button, .color-wood .order-details-page .page-title a, .color-wood .shopping-cart-page .common-buttons .continue-shopping-button:hover, .color-wood .order-review-data ul, .color-wood .checkout-page .button-2.order-completed-continue-button:hover, .color-wood .opc .step, .color-wood .order-details-area ul, .color-wood .order-details-page .actions input:hover, .color-wood .shipment-details-page .shipment-overview > ul, .color-wood .search-input .button-1:hover, .color-wood .sitemap-page .page-title h1, .color-wood .new-comment .button-1:hover, .color-wood .blog-comment, .color-wood .news-comment, .color-wood .news-list-page .page-title h1, .color-wood .blog-page .page-title h1, .color-wood .product-tags-all-page .page-title h1, .color-wood .vendor-list-page .page-title h1, .color-wood .topic-page .page-title h1, .color-wood .mini-shopping-cart input[type="button"]:hover, .color-wood .cart th, .color-wood .data-table th, .color-wood .forums-table-section th, .color-wood .ajax-cart-button-wrapper input[type="text"], .color-wood .ajaxCart .k-window-titlebar.k-header, .color-wood .ajaxCart .productAddedToCartWindowCheckout:hover, .color-wood .filter-block a.clearFilterOptions, .color-wood .filter-block a.clearPriceRangeFilter, .color-wood .products-carousel .item-info .button, .color-wood .product-grid .quick-view-button a:hover, .color-wood .product-list .quick-view-button a, .color-wood .quickViewWindow .popup-header { border-color: #b19489; } /* icons */ .color-wood .shopping-cart-page .common-buttons .update-cart-button { background-image: url(/Themes/Allure/Content/img/icon-update-cart-wood.png); } .color-wood .shopping-cart-page .common-buttons .continue-shopping-button { background-image: url(/Themes/Allure/Content/img/icon-continue-shop-wood.png); } @media all and (min-width: 240px) and (max-width: 1000px) { /* background */ .color-wood .search-box, .color-wood .responsive-nav-wrapper .search-wrap span, .color-wood .responsive-nav-wrapper .filters-button span, .color-wood .header-menu .close-menu, .color-wood .header-menu ul li.back-button { background-color: #b19489; } /* text color */ /* border color */ } /*=== WOOD ===*/ /* background */ .color-violet #goToTop, .color-violet .eu-cookie-bar-notification button, .color-violet .header-links-wrapper, .color-violet .shopping-cart-link > a, .color-violet .side-2 .block .title, .color-violet .side-2 .block .list a:after, .color-violet .side-2 .block .list strong:after, .color-violet .side-2 .block .view-all a:hover, .color-violet .listbox .poll .buttons input:hover, .color-violet .product-grid .item-box .visible-details:before, .color-violet .item-box input[type="button"]:hover, .color-violet .product-list .item-box:after, .color-violet .manufacturer-item .title:before, .color-violet .free-shipping, .color-violet .overview .add-to-cart-button:hover, .color-violet .variant-overview .add-to-cart-button:hover, .color-violet .write-review .button-1, .color-violet .wishlist-content .button-2:hover, .color-violet .contact-page .button-1, .color-violet .email-a-friend-page .button-1, .color-violet .account-page .page-title h1:after, .color-violet .registration-page .button-1, .color-violet .registration-result-page .button-1, .color-violet .login-page .button-1, .color-violet .password-recovery-page .button-1, .color-violet .account-page .button-1, .color-violet .return-request-page .button-1, .color-violet .account-page .button-2:hover, .color-violet .address-item .buttons:before, .color-violet .order-item .buttons:before, .color-violet .shopping-cart-page .button-1, .color-violet .checkout-page .button-1, .color-violet .checkout-page .button-2.order-completed-continue-button, .color-violet .order-details-page .actions input, .color-violet .search-input .button-1, .color-violet .news-items .item:after, .color-violet .new-comment .button-1, .color-violet .shopping-cart-page .cart-footer .button-2:hover, .color-violet .update-cart-button:hover, .color-violet .checkout-page .button-2:hover, .color-violet .order-details-page .page-title a:hover, .color-violet .shopping-cart-page .common-buttons .continue-shopping-button, .color-violet .product-variant-line:before, .color-violet .flyout-cart:before, .color-violet .mini-shopping-cart input[type="button"], .color-violet .search-box-button, .color-violet .header-menu > ul > li > a:after, .color-violet .header-menu > ul > li > span:after, .color-violet .header-menu .sublist:before, .color-violet .cart th, .color-violet .data-table th, .color-violet .forums-table-section th, .color-violet .ajaxCart .productAddedToCartWindowCheckout, .color-violet .ui-slider-range, .color-violet .nopAjaxFilters7Spikes .close-filters, .color-violet .products-carousel .item-info:before, .color-violet .products-carousel .item-info .button:hover, .color-violet .mega-menu .dropdown:before, .color-violet .previous-product, .color-violet .next-product, .color-violet .product-grid .quick-view-button a, .color-violet .product-list .quick-view-button a:hover, .color-violet .todays-poll-box, .color-violet .footer-upper, .color-violet .nop-jcarousel .carousel-title.vertical span { background-color: #a9a1c6; } /* text color */ .color-violet .eu-cookie-bar-notification a, .color-violet .fieldset .title, .color-violet .required, .color-violet .message-error, .color-violet .field-validation-error, .color-violet .not-available-status, .color-violet .poll-vote-error, .color-violet .password-error, .color-violet .footer-middle .footer-block a:hover, .color-violet .side-2 .block .view-all a, .color-violet .block .tags li a:hover, .color-violet .listbox .poll .buttons input, .color-violet .item-box .actual-price, .color-violet .item-box input[type="button"], .color-violet .pager li span, .color-violet .pager li a:hover, .color-violet .overview .product-price span, .color-violet .variant-overview .product-price span, .color-violet .overview .add-to-cart-button, .color-violet .variant-overview .add-to-cart-button, .color-violet .variant-overview .add-to-wishlist-button, .color-violet .ui-tabs .ui-tabs-nav li.ui-tabs-selected a, .color-violet .ui-tabs .ui-state-active.ui-tabs-active a, .color-violet .product-tags-list li:hover > *, .color-violet .product-reviews-page .title, .color-violet .write-review .button-1:hover, .color-violet .wishlist-content .button-2, .color-violet .compare-products-page .button-2, .color-violet .compare-products-page .clear-list:hover, .color-violet .compare-products-page .button-2:hover, .color-violet .contact-page .button-1:hover, .color-violet .email-a-friend-page .button-1:hover, .color-violet .email-a-friend-page .title a:hover, .color-violet #username-availabilty, .color-violet .registration-page .button-1:hover, .color-violet .registration-result-page .button-1:hover, .color-violet .login-page .button-1:hover, .color-violet .password-recovery-page .button-1:hover, .color-violet .account-page .button-1:hover, .color-violet .return-request-page .button-1:hover, .color-violet .login-page .title, .color-violet .login-page .topic-html-content-title, .color-violet .forgot-password:hover, .color-violet .account-page .button-2, .color-violet .shopping-cart-page .button-1:hover, .color-violet .checkout-page .button-1:hover, .color-violet .shopping-cart-page .cart-footer .button-2, .color-violet .update-cart-button, .color-violet .order-details-page .page-title a, .color-violet .shopping-cart-page .common-buttons .continue-shopping-button:hover, .color-violet .cart-total tr:last-child td:last-child, .color-violet .order-completed .details a:hover, .color-violet .checkout-page .button-2.order-completed-continue-button:hover, .color-violet .opc .back-link a:hover, .color-violet .order-details-page .actions input:hover, .color-violet .search-input .button-1:hover, .color-violet .sitemap-page .entity-title, .color-violet .sitemap-page a:hover, .color-violet .news-title:hover, .color-violet .post-head .post-title, .color-violet .blog-page .tags a:hover, .color-violet .blogpost-page .tags a:hover, .color-violet .new-comment .button-1:hover, .color-violet .vendor-list a:hover, .color-violet .product-tags-all-page .product-tags-list a:hover, .color-violet .mini-shopping-cart .count a, .color-violet .mini-shopping-cart .price span, .color-violet .mini-shopping-cart input[type="button"]:hover, .color-violet .cart a:hover, .color-violet .data-table a:hover, .color-violet .forums-table-section a:hover, .color-violet .compare-products-table a:hover, .color-violet .compare-products-table .product-price td, .color-violet .productAddedToCartWindowDescription strong, .color-violet .ajaxCart .productAddedToCartWindowCheckout:hover, .color-violet .filter-block a.clearFilterOptions, .color-violet .filter-block a.clearPriceRangeFilter, .color-violet .priceRangeCurrentPricesPanel span, .color-violet .instant-search-item .detail .price, .color-violet .products-carousel .item-info .actual-price, .color-violet .products-carousel .item-info .button, .color-violet .mega-menu .box li a:hover, .color-violet .product-grid .quick-view-button a:hover, .color-violet .product-list .quick-view-button a, .color-violet .poll .buttons input:hover { color: #a9a1c6; } /* border color */ .color-violet .eu-cookie-bar-notification, .color-violet .side-2 .block .list li.active > a, .color-violet .side-2 .block .list li.active > strong, .color-violet .side-2 .block .view-all a, .color-violet .listbox .poll .buttons input, .color-violet .item-box input[type="button"], .color-violet .overview .qty-input, .color-violet .variant-overview .qty-input, .color-violet .overview .add-to-cart-button, .color-violet .variant-overview .add-to-cart-button, .color-violet .variant-overview .add-to-wishlist-button, .color-violet .ui-tabs .ui-tabs-nav li.ui-tabs-selected a, .color-violet .ui-tabs .ui-state-active.ui-tabs-active a, .color-violet .write-review .button-1:hover, .color-violet .wishlist-content .button-2, .color-violet .compare-products-page .page-title h1, .color-violet .contact-page .page-title h1, .color-violet .email-a-friend-page .page-title h1, .color-violet .contact-page .button-1:hover, .color-violet .email-a-friend-page .button-1:hover, .color-violet .registration-page .button-1:hover, .color-violet .registration-result-page .button-1:hover, .color-violet .login-page .button-1:hover, .color-violet .password-recovery-page .button-1:hover, .color-violet .account-page .button-1:hover, .color-violet .return-request-page .button-1:hover, .color-violet .login-page .page-title h1, .color-violet .account-page .button-2, .color-violet .order-progress ul, .color-violet .shopping-cart-page .button-1:hover, .color-violet .checkout-page .button-1:hover, .color-violet .shopping-cart-page .cart-footer .button-2, .color-violet .update-cart-button, .color-violet .order-details-page .page-title a, .color-violet .shopping-cart-page .common-buttons .continue-shopping-button:hover, .color-violet .order-review-data ul, .color-violet .checkout-page .button-2.order-completed-continue-button:hover, .color-violet .opc .step, .color-violet .order-details-area ul, .color-violet .order-details-page .actions input:hover, .color-violet .shipment-details-page .shipment-overview > ul, .color-violet .search-input .button-1:hover, .color-violet .sitemap-page .page-title h1, .color-violet .new-comment .button-1:hover, .color-violet .blog-comment, .color-violet .news-comment, .color-violet .news-list-page .page-title h1, .color-violet .blog-page .page-title h1, .color-violet .product-tags-all-page .page-title h1, .color-violet .vendor-list-page .page-title h1, .color-violet .topic-page .page-title h1, .color-violet .mini-shopping-cart input[type="button"]:hover, .color-violet .cart th, .color-violet .data-table th, .color-violet .forums-table-section th, .color-violet .ajax-cart-button-wrapper input[type="text"], .color-violet .ajaxCart .k-window-titlebar.k-header, .color-violet .ajaxCart .productAddedToCartWindowCheckout:hover, .color-violet .filter-block a.clearFilterOptions, .color-violet .filter-block a.clearPriceRangeFilter, .color-violet .products-carousel .item-info .button, .color-violet .product-grid .quick-view-button a:hover, .color-violet .product-list .quick-view-button a, .color-violet .quickViewWindow .popup-header { border-color: #a9a1c6; } /* icons */ .color-violet .shopping-cart-page .common-buttons .update-cart-button { background-image: url(/Themes/Allure/Content/img/icon-update-cart-violet.png); } .color-violet .shopping-cart-page .common-buttons .continue-shopping-button { background-image: url(/Themes/Allure/Content/img/icon-continue-shop-violet.png); } @media all and (min-width: 240px) and (max-width: 1000px) { /* background */ .color-violet .search-box, .color-violet .responsive-nav-wrapper .search-wrap span, .color-violet .responsive-nav-wrapper .filters-button span, .color-violet .header-menu .close-menu, .color-violet .header-menu ul li.back-button { background-color: #a9a1c6; } /* text color */ /* border color */ } /*===================================================== TEXTURES =====================================================*/ body.texture_1 { background-image: url(/Themes/Allure/Content/img/texture_1.png); } body.texture_2 { background-image: url(/Themes/Allure/Content/img/texture_2.jpg); } body.texture_3 { background-image: url(/Themes/Allure/Content/img/texture_3.jpg); } /*===================================================== MAIN CSS / SMALLER MOBILE DEVICES =====================================================*/ @media all and (min-width: 240px) { /*********** 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; -webkit-appearance: none; } input:-webkit-autofill { -webkit-box-shadow: inset 0 0 0 1000px #fff; } /* PRODUCTION CSS */ /*html { overflow: hidden; } body { position: absolute; left: 0; top: 0; right: -17px; bottom: 0; overflow-y: scroll; }*/ /*********** GLOBAL STYLES **********/ body { overflow-x: hidden; background-color: #fff; font: 12px/normal Arial, sans-serif; color: #555; } h1,h2,h3,h4,h5,h6 { } a { color: inherit; cursor: pointer; } a img { opacity: 0.99; /*firefox scale bug fix*/ } table { width: 100%; border-collapse: collapse; } input[type="text"], input[type="password"], textarea { height: 36px; border: 0; border-top: 1px solid #c9c9c9; border-bottom: 1px solid #c9c9c9; padding: 8px; vertical-align: middle; background: none; } textarea { min-height: 150px; } select { min-width: 50px; height: 36px; /*safari padding fix*/ padding: 8px; border: 0; border-top: 1px solid #ddd; border-bottom: 1px solid #ddd; background: none; line-height: 30px; } 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-content { width: 95%; margin: 30px auto 0; } .master-wrapper-main:after { content: "."; display: block; visibility: hidden; clear: both; height: 0; line-height: 0; font-size: 0; } .center-1 { margin: 0 0 20px; } .center-2, .side-2 { margin: 0 0 20px; } .page { text-align: center; } .page-title { margin: 0 0 20px; position: relative; } .page-title h1 { background: #fff; font-size: 26px; font-weight: 400; padding: 9px; } .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 { width: 18px; height: 18px; overflow: hidden; background: url(/Themes/Allure/Content/img/icon-rss.png) no-repeat; text-indent: 999px; position: absolute; top: 16px; right: 16px; } .category-description ul, .manufacturer-description ul, .full-description ul, .topic-html-content ul, .topic-page ul, .post-body ul { margin: 12px 0; padding: 0 0 0 36px; list-style: disc; } .category-description ol, .manufacturer-description ol, .full-description ol, .topic-html-content ol, .topic-page ol, .post-body ol { margin: 12px 0; padding: 0 0 0 36px; list-style: decimal; } .category-description p, .manufacturer-description p, .full-description p, .topic-html-content p, .topic-page p, .post-body p, .news-body p { margin: 0 0 10px; } .flyout-cart { display: none; } #goToTop { display: none; position: fixed; bottom: 20px; right: 20px; width: 50px; height: 50px; background: #e87772 url(/Themes/Allure/Content/img/goTop.png) no-repeat center 46%; border-radius: 50%; z-index: 10001; cursor: pointer; -webkit-transition: all .2s ease-in-out; -moz-transition: all .2s ease-in-out; transition: all .2s ease-in-out; } /*********** GLOBAL FORMS ***********/ .fieldset, .section { position: relative; margin: 0 0 25px; } .fieldset { background: #fff; padding: 12px 8px; box-shadow: 0 1px 1px rgba(0,0,0,.2); } .fieldset .title { padding: 0 0 2px; border-bottom: 1px solid #ddd; font-size: 20px; color: #e87772; text-align: center; margin: 0 0 15px; } .fieldset .title strong { padding: 0 0 10px; border-bottom: 1px solid #ddd; display: block; } .fieldset .title strong, .section .title strong { font-weight: normal; } .form-fields { position: relative; } .inputs { position: relative; margin: 0 0 15px; 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; } .inputs label { display: block; width: 100%; margin: 0 0 7px; text-align: center; font-size: 16px; line-height: 1.2; } .inputs input[type="text"], .inputs input[type="password"], .inputs select, .inputs textarea { width: 350px; max-width: 98%; vertical-align: middle; } .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 { font-size: 18px; line-height: 1; color: #e87772; vertical-align: middle; } .message-error, .field-validation-error, .not-available-status, .poll-vote-error, .password-error { display: block; font-size: 11px; color: #e87772; text-align: center; padding: 5px 0; } .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; } /*********** 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; filter: alpha(opacity=95); } .bar-notification.success { border-bottom: 1px solid #bd2; background: #9b0; } .bar-notification.error { border-bottom: 1px solid #f55; background: #f00; } .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(/Themes/Allure/Content/img/close.png) center no-repeat; cursor: pointer; opacity: 0.7; filter: alpha(opacity=70); } .bar-notification .close:hover { opacity: 0.9; filter: alpha(opacity=90); } .ui-dialog { z-index: 1008; width: 350px !important; max-width: 95%; border: 1px solid #ccc; box-shadow: 0 1px 2px rgba(0,0,0,0.15); overflow: hidden; background: #fff; } .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 url(/Themes/Allure/Content/img/headpad.png) top repeat-x; 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(/Themes/Allure/Content/img/close.png) center no-repeat; text-indent: 999px; opacity: 0.7; filter: alpha(opacity=70); } .ui-dialog-titlebar button:hover { opacity: 0.9; filter: alpha(opacity=90); } .ui-dialog-titlebar button * { display: none; } .ui-dialog-content { height: auto !important; padding: 10px; line-height: 20px; } .ui-dialog-content .topic-html-content { margin: 10px 0 0; } .ui-dialog-content .topic-html-content-body { max-height: 200px; overflow-y: scroll; } .ui-dialog-content .topic-html-content 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-buttonset button:hover { background: #f6f6f6; } .eu-cookie-bar-notification { position: fixed; top: 50%; left: 50%; z-index: 1002; width: 300px; max-width: 300px; height: 180px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; margin: -90px 0 0 -150px; border: 1px solid #e87772; box-shadow: 0 1px 2px #ccc, 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: #e87772; padding: 5px; font-size: 14px; color: #fff; } .eu-cookie-bar-notification button:hover { opacity: 0.9; } .eu-cookie-bar-notification a { display: block; color: #e87772; } .eu-cookie-bar-notification a:hover { text-decoration: underline; } /*********** HEADER & NAVIGATION ***********/ .admin-header-links { text-align: center; } .admin-header-links a { display: block; margin: 0 10px; line-height: 35px; font-weight: bold; } .header-logo a { display: inline-block; max-width: 100%; line-height: 0; /*firefox line-height bug fix*/ } .header-logo a img { max-width: 100%; } .header-links-wrapper { background: #e87772; border-bottom: 5px solid rgba(255,255,255,.4); padding: 10px; } .header-links ul { font-size: 0; } .header-links li:first-child { padding-left: 0; } .header-links li { display: inline-block; border-right: 1px solid rgba(0, 0, 0, 0.2); padding: 0 7px; } .header-links span, .header-links a { display: inline-block; font-size: 12px; line-height: 36px; color: #fff; -webkit-transition: all .15s ease; -moz-transition: all .15s ease; transition: all .15s ease; } .header-links a:hover { text-decoration: underline; } .header-selectors-wrapper { /*set font-size to 0 if child div is inline-block*/ } .header-selectors-wrapper > div { display: inline-block; margin: 0 5px; } .header-selectors-wrapper select { border: 0; background: rgba(0,0,0,.15); color: #fff; border-radius: 3px; min-width: 0; padding: 7px; } .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; } .shopping-cart-link { display: inline-block; } .shopping-cart-link > a { display: block; height: 40px; width: 40px; margin: 5px; overflow: hidden; text-indent: -9999px; cursor: pointer; background: #e87772 url(/Themes/Allure/Content/img/icon-cart-link.png) no-repeat center; border-radius: 100%; -webkit-transition: all .15s ease-in-out; -moz-transition: all .15s ease-in-out; transition: all .15s ease-in-out; } .shopping-cart-link:hover > a{ -webkit-transform: scale(1.1); -moz-transform: scale(1.1); -ms-transform: scale(1.1); transform: scale(1.1); } /*********** FOOTER ***********/ .footer { text-align: center; } .footer-upper { position: relative; overflow: hidden; padding: 20px 5px 30px; background: #e87772; } .footer-upper:before, .footer-upper:after { content: " "; position: absolute; top: 0; left: 0; right: 0; height: 1px; background: rgba(0,0,0,.2); } .footer-upper:after { top: auto; bottom: 0; } .footer-upper h3 { font-weight: 300; color: #fff; font-size: 18px !important; margin: 0 0 10px; } .social-sharing { margin: 0 0 25px; } .social-sharing ul { font-size: 0; } .social-sharing li { display: inline-block; margin: 5px; } .social-sharing a { display: block; width: 40px; height: 40px; border-radius: 100%; border: 2px solid #fff; background: url(/Themes/Allure/Content/img/social-sprite.png) no-repeat; } .social-sharing .facebook { background-position: -2px -2px; } .social-sharing .twitter { background-position: -42px -2px; } .social-sharing .google { background-position: -82px -2px; } .social-sharing .pinterest { background-position: -122px -2px; } .social-sharing .vimeo { background-position: -162px -2px; } .social-sharing .youtube { background-position: -202px -2px; } .social-sharing .rss { background-position: -242px -2px; } .newsletter-email { display: inline-block; overflow: hidden; } .newsletter-email input[type="text"] { float: left; width: 220px; height: 36px; border: 0; border-top: 1px solid #fff; border-bottom: 1px solid #fff; background: none; color: #fff; opacity: .2; -webkit-transition: all .1s ease-in-out; -moz-transition: all .1s ease-in-out; transition: all .1s ease-in-out; } .newsletter-email input[type="text"]:focus { opacity: 1; } .newsletter-email input[type="button"] { float: left; width: 36px; height: 36px; border-radius: 100%; border: 2px solid #fff; overflow: hidden; background: url(/Themes/Allure/Content/img/icon-subscribe.png) center no-repeat; text-indent: 999px; } .newsletter-validation, .newsletter-result-block { width: 100%; overflow: hidden; line-height: 14px; color: #fff; font-size: 12px; padding: 3px 0 0; } .newsletter-validation .please-wait { display: none !important; } .footer-middle { overflow: hidden; padding: 40px 0; background: #fff; border-bottom: 1px solid #b3b3b3; } .footer-middle .footer-block { margin: 0 0 40px; } .footer-middle .footer-block:last-child { margin: 0; } .footer-block h3 { font-weight: 300; font-size: 24px; margin: 0 0 10px; } .footer-middle .footer-block a { display: inline-block; padding: 7px 10px; position: relative; font-size: 14px; -webkit-transition: all .15s ease; -moz-transition: all .15s ease; transition: all .15s ease; } .footer-middle .footer-block a:hover { text-decoration: underline; color: #e87772; } .footer-middle .footer-block a:before, .footer-middle .footer-block a:after { content: " "; position: absolute; top: 50%; left: 0; margin-top: -2px; width: 4px; height: 4px; background: #ddd; } .footer-middle .footer-block a:after { left: auto; right: 0; } .footer-menu { display: inline-block; } .contact-block .footer-menu li { font-size: 14px; padding: 7px 2px 7px 40px; margin: 0 0 10px; text-align: left; } .footer-menu li.phone { background: url(/Themes/Allure/Content/img/icon-phone.png) no-repeat 5px center; } .footer-menu li.mobile { background: url(/Themes/Allure/Content/img/icon-fax.png) no-repeat left center; } .footer-menu li.email { background: url(/Themes/Allure/Content/img/icon-email.png) no-repeat left center; } .footer-menu li.skype { background: url(/Themes/Allure/Content/img/icon-tag.png) no-repeat 2px center; } .footer-menu li:last-child { margin-bottom: 0; } .footer-lower { overflow: hidden; background: #ddd; padding: 20px 5px; } .footer-lower > div { } .accepted-payment-methods { } .accepted-payment-methods ul { font-size: 0; margin: 0 0 20px; } .accepted-payment-methods li { display: inline-block; width: 50px; height: 30px; background: url(/Themes/Allure/Content/img/payment_sprite.png) no-repeat; margin: 0 5px; } .accepted-payment-methods .method1 { background-position: 0 0; } .accepted-payment-methods .method2 { background-position: -59px 0; } .accepted-payment-methods .method3 { background-position: -118px 0; } .accepted-payment-methods .method4 { background-position: -177px 0; } .footer-powered-by { } .footer-powered-by a { text-decoration: underline; } .footer-powered-by, .footer-disclaimer, .footer-tax-shipping { margin: 0 0 10px; } .footer-store-theme { } .footer-store-theme select { width: 170px; border-top: 1px solid #aaa; border-bottom: 1px solid #aaa; } /*********** LEFT/RIGHT COLUMN ***********/ .side-2 .block { margin: 0 auto 10px; text-align: center; width: 305px; } .side-2 .block .title { font-size: 20px; cursor: pointer; color: #fff; background: #e87772; padding: 8px; } .side-2 .block .title strong { font-weight: normal; display: block; } .side-2 .block .listbox { display: none; text-align: left; background: #fff; } .side-2 .block .listbox:after { content: " "; display: block; visibility: hidden; clear: both; height: 0; line-height: 0; font-size: 0; } .side-2 .block .list { padding: 5px; } .side-2 .block .list li { } .side-2 .block .list a, .side-2 .block .list strong { position: relative; display: block; padding: 8px; font-size: 14px; line-height: 1.4; border-bottom: 1px solid #ddd; cursor: pointer; } .side-2 .block .list a:after, .side-2 .block .list strong:after { content: " "; position: absolute; left: 0; bottom: -1px; height: 1px; background: #e87772; width: 0; -webkit-transition: all .15s ease-in-out; -moz-transition: all .15s ease-in-out; transition: all .15s ease-in-out; } .side-2 .block .list a:hover:after, .side-2 .block .list strong:hover:after { width: 100%; } .side-2 .block .list > li:last-child a, .side-2 .block .list > li:last-child strong { border-bottom: 0; } .side-2 .block .list li.active > a, .side-2 .block .list li.active > strong { border-bottom: 1px solid #e87772; font-weight: 700; } .side-2 .block .list .product-picture { display: none; } .side-2 .block .sublist { padding: 0 0 0 20px; } .side-2 .block .view-all { padding: 10px; text-align: center; } .side-2 .block .view-all a { display: inline-block; border: 2px solid #e87772; background: #fff; color: #e87772; text-transform: uppercase; font-size: 12px; padding: 6px 11px; margin: 0 7px; -webkit-transition: all .15s ease-in-out; -moz-transition: all .15s ease-in-out; transition: all .15s ease-in-out; } .side-2 .block .view-all a:hover { background: #e87772; color: #fff !important; } .block .tags { padding: 5px; } .block .tags ul { font-size: 0; } .block .tags li { display: inline-block; position: relative; margin: 0 10px; overflow: hidden; font-size: 16px !important; /*setting base size*/ } .block .tags li a { float: left; line-height: 30px; -webkit-transition: all .15s ease-in-out; -moz-transition: all .15s ease-in-out; transition: all .15s ease-in-out; } .block .tags li a:hover { color: #e87772; } .listbox .poll { padding: 10px; } .listbox .poll .buttons input { border: 2px solid #e87772; background: #fff; color: #e87772; text-transform: uppercase; font-size: 12px; padding: 6px 11px; margin: 0 7px; -webkit-transition: all .15s ease-in-out; -moz-transition: all .15s ease-in-out; transition: all .15s ease-in-out; } .listbox .poll .buttons input:hover { background: #e87772; color: #fff !important; } .poll strong { display: block; margin: 0 0 10px; font-size: 16px; font-weight: 400; padding: 0 0 10px; border-bottom: 1px solid #555; } .poll-options, .poll-results { margin: 0 0 5px; overflow: hidden; } .poll-options li, .poll-results li { margin: 0 0 10px; font-size: 14px; } .poll-options li > * { display: inline-block; vertical-align: middle; cursor: pointer; } .poll .buttons, .poll-total-votes { } .poll .buttons input { border: 2px solid #fff; background: none; font-size: 15px; padding: 7px 21px; text-transform: uppercase; color: #fff; -webkit-transition: all .15s ease-in-out; -moz-transition: all .15s ease-in-out; transition: all .15s ease-in-out; } .poll .buttons input:hover { background: #fff !important; color: #e87772; } .poll-total-votes { display: block; font-weight: bold; font-size: 14px; } .todays-poll-box { background: #e87772; padding: 20px 0 0; margin: 0 0 30px; position: relative; } .todays-poll-box:before { content: " "; position: absolute; top: 0; left: 0; right: 0; height: 1px; background: rgba(0,0,0,.2); box-shadow: 0 1px 2px rgba(0,0,0,.2); } .todays-poll-box .centering { width: 95%; margin: 0 auto; overflow: hidden; } .todays-poll-box .poll { max-width: 100%; width: 360px; margin: 0 auto 20px; } .todays-poll-box .poll strong { color: #fff; border-bottom: 1px solid #fff; } .todays-poll-box .poll-options li, .todays-poll-box .poll-results li { color: #fff; } .todays-poll-box .poll-total-votes { color: #fff; } /********** CATEGORY PAGE **********/ .filters-button { display: none; } .breadcrumb { margin: 0 0 10px; padding: 0 0 2px; text-align: left; border-bottom: 1px solid #ddd; } .breadcrumb ul { font-size: 0; border-bottom: 1px solid #ddd; } .breadcrumb li { display: inline-block; } .breadcrumb li .delimiter, .breadcrumb li > a, .breadcrumb li a > span, .breadcrumb strong { margin: 0 2px; font-size: 14px; display: inline-block; padding: 7px 0; } .product-name + .breadcrumb .breadcrumb li > a { padding: 0; } .breadcrumb a:hover * { text-decoration: underline; } .category-description, .manufacturer-description, .vendor-description { margin: 0 0 20px; } .product-filters-wrapper { display: none; } .product-selectors { margin: 0 0 20px; text-align: center; background: #fff; } .product-selectors:after { content: "."; display: block; visibility: hidden; clear: both; height: 0; line-height: 0; font-size: 0; } .product-selectors > div { display: inline-block; margin: 8px; } .product-selectors > div > span { font-size: 16px; display: inline-block; vertical-align: middle; line-height: 1; } .product-selectors select { margin: 0 7px; border-left: 0; border-right: 0; vertical-align: middle; border-color: #ddd; color: #555; font-size: 14px; font-weight: 400; height: 38px; padding: 7px; } div.product-viewmode, div.product-page-size { display: none; } .item-grid:after, .product-grid:after, .product-list:after, .manufacturer-grid:after { content: "."; display: block; visibility: hidden; clear: both; height: 0; line-height: 0; font-size: 0; } /* product grid */ .item-box { position: relative; width: 305px; margin: 0 auto 20px; text-align: center; } .item-box .product-item { } .item-box .picture { position: relative; z-index: 1; -webkit-transform: translateZ(0); } .item-box .picture a { display: block; position: relative; width: 100%; font-size: 0; background: #fff; overflow: hidden; } .item-box .picture a:before { content: " "; display: block; padding-top: 100%; } .item-box .picture img { position: absolute; top: 0; right: 0; bottom: 0; left: 0; max-width: 100%; margin: auto; } .product-grid .item-box .visible-details { position: relative; border: 1px solid #ddd; background: #fff; padding: 2px 9px 12px; -webkit-transform: translateZ(0); } .product-grid .item-box .visible-details:before { content: " "; position: absolute; top: -1px; left: -1px; right: -1px; background: #e87772; height: 3px; } .product-grid .item-box .product-title, .item-box .title { height: 43px; border-bottom: 1px solid #ddd; overflow: hidden; } .item-box .product-title a, .item-box .title a { display: block; color: #555; font-size: 16px; line-height: 2.65; } .product-grid .item-box .prices { font-size: 0; } .product-grid .item-box .prices:before { content: " "; display: inline-block; vertical-align: middle; height: 100%; } .item-box .old-price, .item-box .actual-price { display: inline-block; vertical-align: middle; margin: 0 2px; } .item-box .old-price { color: #555; text-decoration: line-through; font-size: 14px; } .item-box .actual-price { font-size: 18px; color: #e87772; font-weight: 700; } .item-box input[type="button"] { border: 2px solid #e87772; background: #fff; color: #e87772; text-transform: uppercase; font-size: 14px; padding: 8px 11px; margin: 0 7px; -webkit-transition: all .15s ease-in-out; -moz-transition: all .15s ease-in-out; transition: all .15s ease-in-out; } .item-box input[type="button"]:hover { background: #e87772; color: #fff !important; } .visible-details input[type="button"] { margin: 0; } .product-grid .item-box .hover-details { position: absolute; top: 0; right: 0; left: 0; background: rgba(255,255,255,.6); z-index: -1; opacity: 0; -webkit-transition: all .15s ease-in-out; -moz-transition: all .15s ease-in-out; transition: all .15s ease-in-out; } .product-grid .item-box .hover-details:before { content: " "; display: block; padding-top: 100%; } .item-box .product-rating-box { padding: 13px 0 0; } .product-list .item-box .product-rating-box { padding: 0; margin: 0 0 10px; } .item-box .rating { display: inline-block; height: 16px; width: 85px; background: url(/Themes/Allure/Content/img/rating1.png) 0 0 repeat-x; } .item-box .rating div { height: 16px; background: url(/Themes/Allure/Content/img/rating2.png) 0 0 repeat-x; } .item-box .description { overflow: hidden; padding: 0 0 15px; border-bottom: 1px solid #a9a9a9; text-align: justify; color: #333; font-size: 14px; line-height: 1.2; } .product-list .item-box .description { margin: 0 0 10px; } .item-box .description p { height: 65px; overflow: hidden; } .product-grid .item-box .description { position: absolute; top: 15px; left: 15px; right: 15px; } .item-box .buttons { margin: 0; font-size: 0; } .product-grid .item-box .add-info { position: absolute !important; top: 113px; left: 15px; right: 15px; } .item-box .add-info input[type="button"] { margin: 0; } .tax-shipping-info { display: block !important; color: #999; } .item-box .tax-shipping-info { font-size: 10px !important; } .product-details-page .tax-shipping-info { margin: 5px 5px 0 !important; font-size: 11px; } .tax-shipping-info a { color: #777; text-decoration: underline; } /* product list */ .product-list .item-box { width: 99% !important; max-width: none; background: #fff; padding: 0 5px; margin: 0 .5% 2%; } .product-list .item-box:after { content: " "; position: absolute; top: 0; left: 0; width: 5px; bottom: 0; background: #e87772; } .product-list .item-box:nth-child(2n+1) { clear: both; } .product-list .product-item { min-height: 200px; } .product-list .details { text-align: left; margin-left: 10px; padding: 10px 0; } .product-list h2 { font-weight: normal; margin: 0 0 10px; } .product-list .item-box .product-title a { line-height: 1.3; } .product-list .description { border: 0; padding: 0; } .product-list .add-info { position: relative; } .product-list .prices { padding: 0 0 15px; margin: 0 0 15px; border-bottom: 1px solid #ddd; } .product-list .buttons { text-align: left; } .home-page-category-grid, .sub-category-grid, .manufacturer-grid { margin: 0 0 20px; } .product-grid, .product-list { margin: 0 0 20px; } .product-grid .title { position: relative; margin: 0 0 15px; text-align: center; } .product-grid .title strong { font-weight: normal; font-size: 26px; color: #555; padding: 0 25px; } .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 2px; } .pager li * { display: block; min-width: 36px; overflow: hidden; padding: 10px; text-align: center; font-size: 16px; line-height: 1; cursor: pointer; border-radius: 100%; -webkit-transition: all .1s ease-in-out; -moz-transition: all .1s ease-in-out; transition: all .1s ease-in-out; } .pager li span { background-color: #fff; color: #e87772; } .pager li a:hover { color: #e87772; } .pager li.previous-page *, .pager li.next-page *, .pager li.first-page *, .pager li.last-page * { background-position: center; background-repeat: no-repeat; text-indent: -999px; } .pager li.previous-page * { background-image: url(/Themes/Allure/Content/img/prev.png); background-position: 11px center; background-color: #fff; } .pager li.next-page * { background-image: url(/Themes/Allure/Content/img/next.png); background-position: 15px center; background-color: #fff; } .pager li.first-page * { background-image: url(/Themes/Allure/Content/img/prev-first.png); } .pager li.last-page * { background-image: url(/Themes/Allure/Content/img/next-last.png); } .home-page-category-grid .item-box, .sub-category-grid .item-box { max-width: 100%; border-radius: 100%; overflow: hidden; border: 5px solid #fff; background: #fff; } .home-page-category-grid .item-box:before, .sub-category-grid .item-box:before { } .home-page-category-grid .category-item, .sub-category-item { -webkit-mask-image: url(/Themes/Allure/Content/img/1.png); -webkit-mask-size: 100% 100%; -webkit-mask-repeat: no-repeat; -webkit-transform: translateZ(0) scale(1.0, 1.0); /* fixes the bug of the 1px moving product images when hover on category */ } .home-page-category-grid .title, .sub-category-item .title { position: absolute; left: 0; bottom: 17.7%; z-index: 2; width: 100%; height: auto; margin-bottom: -25px; background: rgba(255,255,255,.7); font-weight: 400; border: 0; -webkit-transition: all .1s ease-in-out; -moz-transition: all .1s ease-in-out; transition: all .1s ease-in-out; } .category-item:hover .title, .sub-category-item:hover .title { bottom: 50%; background: rgba(255,255,255,.9); } .home-page-category-grid .title a, .sub-category-item .title a { color: #222; text-shadow: 1px 1px rgba(255,255,255,.2); line-height: 1.2; font-size: 24px; padding: 11px 16%; } .sub-category-item .title a { font-size: 18px; padding: 14px 16%; } .home-page-category-grid .picture, .sub-category-item .picture { } .home-page-category-grid .picture a, .sub-category-item .picture a { } .category-item img, .sub-category-item img { -webkit-transition: all .1s ease-in-out; -moz-transition: all .1s ease-in-out; transition: all .1s ease-in-out; } .category-item:hover img, .sub-category-item:hover img { -webkit-transform: scale(1.05); -moz-transform: scale(1.05); transform: scale(1.05); } /* manufacturer all */ .manufacturer-item .title { position: relative; padding: 3px 0 0; height: 47px; border: 1px solid #ddd; background: #fff; overflow: visible; } .manufacturer-item .title:before { content: " "; position: absolute; top: -1px; left: -1px; right: -1px; height: 5px; background: #e87772; } /********** PRODUCT PAGE **********/ .center-1 > .product-name { background: #fff; padding: 10px; text-align: center; position: relative; margin: 0 0 20px; } .center-1 > .product-name h1 { font-size: 24px; line-height: 1.2; font-weight: 400; color: #555; } .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 { margin: 0 0 20px; } .gallery .picture-wrapper { margin: 0 0 10px; } .gallery .picture { position: relative; width: 600px; max-height: 600px; max-width: 100%; margin: 0 auto 10px; border: 1px solid #ddd; overflow: hidden; background: #fff; } .gallery .picture:before { content: " "; display: block; padding-top: 100%; } .gallery .picture img, .gallery .picture-thumbs img, .variant-picture img { position: absolute; top: 0; right: 0; bottom: 0; left: 0; max-width: 100%; max-height: 100%; margin: auto; } .gallery .picture-thumbs { overflow: hidden; font-size: 0; } .gallery .picture-thumbs a { display: inline-block; position: relative; width: 90px; height: 90px; margin: 0 5px 10px; border: 1px solid #ddd; overflow: hidden; background: #fff; } /*Default Zoom start*/ #lbOverlay { position: fixed; top: 0; left: 0; z-index: 9999; width: 100%; height: 100%; background-color: #000; cursor: pointer; } #lbCenter, #lbBottomContainer { position: absolute; z-index: 9999; overflow: hidden; background-color: #fff; } .lbLoading { background: #fff url(/Themes/Allure/Content/img/loading.gif) no-repeat center; } #lbImage { position: absolute; top: 0; left: 0; border: 10px solid #fff; background-repeat: no-repeat; } #lbPrevLink, #lbNextLink { display: block; position: absolute; top: 0; width: 50%; } #lbPrevLink { left: 0; } #lbNextLink { right: 0; } #lbBottom { border: 10px solid #fff; border-top: none; text-align: left; line-height: 1.4em; font-size: 10px; color: #666; } #lbCloseLink { display: block; float: right; width: 66px; height: 22px; margin: 5px 0; outline: none; background: url(/Themes/Allure/Content/img/closelabel.gif) no-repeat center; } #lbCaption, #lbNumber { margin: 0 70px 0 0; } #lbCaption { font-weight: bold; } #fancybox-wrap { z-index: 10010 !important; } /*Default Zoom end*/ .product-details-page .overview { position: relative; margin: 0 0 2px; text-align: left; } .overview .short-description { margin: 0 0 15px; font-size: 14px; } .overview .buttons, .download-sample { margin: 0 0 15px; font-size: 0; padding: 0 0 10px; border-bottom: 1px solid #ddd; text-align: left; } .back-in-stock-subscription { margin: 0 0 15px; } .overview .buttons div { display: inline-block; margin: 0 5px 10px; } .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-button 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; -moz-transition: all .2s ease-in-out; transition: all .2s ease-in-out; } .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-button 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, .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; -moz-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(/Themes/Allure/Content/img/icon-product-add-wishlist.png) no-repeat center; } .overview .compare-products:before { background: url(/Themes/Allure/Content/img/icon-product-add-compare.png) no-repeat center; } .overview .email-a-friend:before { background: url(/Themes/Allure/Content/img/icon-product-email-friend.png) no-repeat center; } .overview .back-in-stock-subscription:before { background: url(/Themes/Allure/Content/img/icon-product-subscribe-available.png) no-repeat center; } .overview .download-sample-button:before { background: url(/Themes/Allure/Content/img/icon-product-download-sample.png) no-repeat center; } .overview label, .variant-overview label { font-size: 14px; } .overview .value, .variant-overview .value { font-size: 14px; font-weight: bold; } .overview .value a, .variant-overview .value a { font-weight: bold; text-decoration: underline; } .free-shipping { width: 100px; height: 100px; margin: 15px 0; border-radius: 50px; color: #fff; background: #e87772; padding: 30px 15px; font-size: 16px; line-height: 1.2; text-align: center; text-transform: uppercase; } .product-reviews-overview { margin: 0 0 20px; padding: 0 0 15px; border-bottom: 1px solid #ddd; text-align: left; } .product-no-reviews a { text-decoration: underline; font-size: 14px; } .product-review-box { display: inline-block; margin: 0 0 5px; } .product-review-box .rating { width: 85px; height: 16px; background: url(/Themes/Allure/Content/img/rating1.png) repeat-x; } .product-review-box .rating div { height: 16px; background: url(/Themes/Allure/Content/img/rating2.png) repeat-x; } .product-review-links { } .product-review-links a { } .overview .prices, .variant-overview .prices { margin: 10px 0; overflow: hidden; padding: 0 0 10px; border-bottom: 1px solid #ddd; font-size: 0; } .overview .prices { text-align: left; } .overview .prices > div, .variant-overview .prices > div { margin: 0 5px; } .overview .prices *, .variant-overview .prices * { display: inline-block; line-height: 1; } .overview .prices label, .variant-overview .prices label { display: none; } .overview .old-product-price span, .variant-overview .old-product-price span { font-size: 14px; color: #999; text-decoration: line-through; } .overview .product-price span, .variant-overview .product-price span { font-size: 20px; color: #e87772; } .customer-entered-price { margin: 0 0 20px; overflow: hidden; background: #f6f6f6; padding: 10px; } .customer-entered-price > div { display: inline-block; } .customer-entered-price .price-input { margin: 0 5px; } .customer-entered-price .enter-price-input { width: 50px; text-align: center; } .customer-entered-price .price-range { font-weight: bold; } .overview .stock { margin: 0 0 15px; } .overview .manufacturers { padding: 0 0 15px; margin: 0 0 10px; border-bottom: 1px solid #ddd; } .overview .add-to-cart { padding: 0 0 7px; text-align: center; font-size: 0; } .overview .add-to-cart-panel, .variant-overview .add-to-cart-panel { display: inline-block; position: relative; } .overview .add-to-cart-panel > *, .variant-overview .add-to-cart-panel > * { float: left; } .overview .qty-label, .variant-overview .qty-label { position: absolute; left: -25px; line-height: 36px; display: none !important; } .overview .qty-input, .variant-overview .qty-input { position: relative; z-index: 2; text-align: center; width: 36px; border: 2px solid #e87772; background: #fff; margin-right: -2px !important; -webkit-transition: all .15s ease-in-out; -moz-transition: all .15s ease-in-out; transition: all .15s ease-in-out; } .overview .add-to-cart-button, .variant-overview .add-to-cart-button { position: relative; z-index: 2; border: 2px solid #e87772; background: #fff; color: #e87772; text-transform: uppercase; font-size: 14px; padding: 8px 11px; -webkit-transition: all .15s ease-in-out; -moz-transition: all .15s ease-in-out; transition: all .15s ease-in-out; } .overview .add-to-cart-button:hover, .variant-overview .add-to-cart-button:hover { background: #e87772; color: #fff !important; } .overview .add-to-cart .add-to-wishlist-button { display: none; /*removes the old button*/ } .product-share-button { margin: 0 0 15px; padding: 0 0 15px; border-bottom: 1px solid #ddd; overflow: hidden; } .full-description { line-height: 1.4; font-size: 14px; text-align: justify; } .overview + .full-description { margin: 2px 0 20px; padding: 15px 0 0; border-top: 1px solid #ddd; clear: both; } .product-collateral { margin: 0 0 20px; } .product-collateral .title { margin: 0 0 10px; font-size: 20px; } .product-collateral .title strong { font-weight: normal; } .tier-prices { margin: 0 0 20px; } .tier-prices .prices-header { margin: 0 0 10px; } .tier-prices .field-header { min-width: 100px; } .tier-prices .item-price { color: #c00; } .product-variant-list { overflow: hidden; margin: 0 0 10px; } .product-variant-line { margin: 0 0 20px; padding: 10px; background: #fff; box-shadow: 0 1px 1px rgba(0,0,0,.2); } .product-variant-line:after { content: "."; display: block; visibility: hidden; clear: both; height: 0; line-height: 0; font-size: 0; } .variant-picture { position: relative; width: 200px; margin: 0 auto 15px; overflow: hidden; } .variant-picture:after { content: " "; display: block; padding-top: 100%; } .variant-overview { padding: 5px 0 0; } .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-cart-panel > * { margin: 0 0 10px; } .variant-overview .add-to-wishlist-button { display: block; float: none; clear: both; padding: 8px !important; border: 1px solid #e87772; color: #e87772; } .variant-overview .add-to-wishlist-button:hover { background:#e87772; color: #fff !important; } /*Jquery Tabs start*/ .ui-tabs { margin: 0 auto 20px; width: 100%; max-width: 600px; } .ui-tabs .ui-tabs-nav { overflow: hidden; text-align: center; padding: 0 0 15px; } .ui-tabs .ui-tabs-nav li { display: block; } .ui-tabs .ui-tabs-nav li a { display: inline-block; padding: 9px 16px; font-size: 16px; line-height: 1; border-bottom: 3px solid transparent; } .ui-tabs .ui-tabs-nav li.ui-tabs-selected a, .ui-tabs .ui-state-active.ui-tabs-active a { color: #e87772; border-bottom: 3px solid #e87772; } .productTabs-body { position: relative; } .ui-tabs .ui-tabs-panel { position: absolute; top: 0; left: 0; width: 600px; max-width: 100%; background: rgba(255,255,255,.8); z-index: 999; } .productTabs-body:before, .productTabs-body .ui-tabs-panel:before { content: " "; display: none; padding-top: 100%; } .ui-tabs .ui-tabs-panel p { margin: 0; } .ui-tabs .ui-tabs-hide { display: none; } .ui-tabs .gallery { margin: 0; } .ui-tabs .full-description, .ui-tabs .product-specs-box, .ui-tabs-panel > .product-reviews-page, .ui-tabs-panel > .write-review, .ui-tabs .custom-tab { position: absolute; top: 0; right: 0; bottom: 0; left: 0; padding: 15px; overflow: auto; margin: 0; } .ui-tabs .full-description { padding: 20px; } .ui-tabs .custom-tab { line-height: 1.4; font-size: 14px; text-align: justify; padding: 20px; } .ui-tabs-panel > .write-review .buttons { margin: 0; } /* with picture */ .withPicture .productTabs-body:before { display: none; } .withPicture .productTabs-body .ui-tabs-panel:first-child { display: block !important; position: static !important; padding: 0 !important; max-height: none; background: none !important; z-index: 1; } .withPicture .productTabs-body .ui-tabs-panel:first-child:before { display: none; } /*Jquery Tabs end*/ .product-specs-box, .product-tags-box { margin: 0 0 20px; text-align: center; } .product-tags-list { font-size: 0; } .product-tags-list li { display: inline-block; font-size: 14px; /*reset zeroing*/ } .product-tags-list li.separator { margin: 0 5px 0 3px; } .product-tags-list a { display: inline-block; line-height: 24px; } .product-tags-list li > * { -webkit-transition: all .15s ease-in-out; -moz-transition: all .15s ease-in-out; transition: all .15s ease-in-out; } .product-tags-list li:hover > * { color: #e87772; } .attributes { margin: 0 0 15px; padding: 0 0 4px; border-bottom: 1px solid #ddd; } .attributes dl { overflow: hidden; } .attributes dt { display: block; margin: 0 0 5px; white-space: nowrap; font-weight: bold; } .attributes dd { margin: 0 0 10px; } .attributes li { margin: 10px 0; } .attributes select { width: auto; max-width: 100%; } .attributes .option-list li > * { display: inline-block; padding: 0 5px; vertical-align: middle; } .color-squares { font-size: 0; } .color-squares li { display: inline-block; margin: 0; } .color-squares .color-container { display: block; border: 1px solid transparent; border-radius: 100%; padding: 3px; position: relative; z-index: 1; } .color-squares label { height: 35px; overflow: hidden; } .color-squares .color { display: block !important; width: 26px !important; height: 26px !important; border: 1px solid #c9c9c9 !important; cursor: pointer; border-radius: 100%; } .color-squares .selected-value .color-container { border-color: #c9c9c9; } .color-squares li input { position: relative; z-index: -1; margin: -45px 0 0; } .giftcard { margin: 0 0 20px; overflow: hidden; padding: 20px 10px 10px; background: #fff; box-shadow: 0 1px 1px rgba(0,0,0,.2); clear:both; } .giftcard div { margin: 0 0 15px; } .giftcard div:last-child { margin-bottom: 0; } .giftcard label { display: block; margin: 0 0 8px; font-size: 16px; } .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: "''"; } .product-reviews-page .title { padding: 0 0 2px; border-bottom: 1px solid #ddd; font-size: 20px; color: #e87772; text-align: center; margin: 0 0 15px; } .product-reviews-page .title strong { padding: 0 0 10px; border-bottom: 1px solid #ddd; display: block; } .product-reviews-page .page-body .write-review { padding: 10px; background: #fff; box-shadow: 0 1px 1px rgba(0,0,0,.2); } .product-reviews-page .page-body .product-review-item { padding: 10px; background: #fff; box-shadow: 0 1px 1px rgba(0,0,0,.2); } .write-review { margin: 0 0 30px; } .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 { display: inline-block; border: 2px solid #fff; background: #e87772; color: #fff; text-transform: uppercase; font-size: 14px; padding: 8px 24px; box-shadow: 0px 1px 2px 0px rgba(0,0,0,.3); -webkit-transition: all .15s ease-in-out; -moz-transition: all .15s ease-in-out; transition: all .15s ease-in-out; } .write-review .button-1:hover { border: 2px solid #e87772; background: #fff !important; color: #e87772; } .product-review-list .title { color: #555; } .product-reviews-page .result, .product-reviews-page .message-error { margin: 0 0 20px; } .product-review-list { overflow: hidden; } .product-review-item { margin: 0 0 20px; text-align: left; padding: 10px 0; } .product-review-item .review-item-head { margin: 0 0 10px; overflow: hidden; padding: 0 0 10px; border-bottom: 1px solid #ddd; } .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; } /********** 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: 2px solid #e87772; background: #fff; color: #e87772; text-transform: uppercase; font-size: 12px; padding: 6px 11px; margin: 0 5px 5px; -webkit-transition: all .15s ease-in-out; -moz-transition: all .15s ease-in-out; transition: all .15s ease-in-out; } .wishlist-content .button-2:hover { background: #e87772; color: #fff !important; } .wishlist-page .share-info a { display: block; margin: 0 0 5px; font-weight: bold; } .compare-products-page { position: relative; overflow: hidden; } .compare-products-page .page-title { padding: 0 0 1px; margin: 0 0 10px; } .compare-products-page .page-title h1 { border-bottom: 5px solid #e87772; } .compare-products-page img { max-width: 100%; } .compare-products-page .clear-list, .compare-products-page .button-2 { display: inline-block; font-size: 14px; padding: 8px 26px 8px 8px; background: url(/Themes/Allure/Content/img/close-2.png) no-repeat 90% center; -webkit-transition: all .15s ease-in-out; -moz-transition: all .15s ease-in-out; transition: all .15s ease-in-out; } .compare-products-page .clear-list { width: 95px; margin: 0 0 10px; color: #555; } .compare-products-page .button-2 { border: 0; color: #e87772; } .compare-products-page .clear-list:hover, .compare-products-page .button-2:hover { color: #e87772; } /*********** TOPICS ***********/ .master-wrapper-page > .topic-html-content { margin: 0 auto 50px; width: 95%; padding: 0 5px 30px; background: url(/Themes/Allure/Content/img/logo-bottom.png) no-repeat center bottom; } .topic-html-content-title { margin: 0 0 20px; position: relative; } .topic-html-content-title h2 { font-size: 26px; text-align: center; font-weight: 400; } .topic-html-content-body { line-height: 1.3; font-size: 14px; } .topic-html-content 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 .page-title, .email-a-friend-page .page-title { padding: 0 0 1px; } .contact-page .page-title h1, .email-a-friend-page .page-title h1 { border-bottom: 5px solid #e87772; } .contact-page .page-body, .email-a-friend-page .page-body { margin: 0 0 15px; background: #fff; padding: 10px 10px 0; box-shadow: 0 1px 1px rgba(0,0,0,.2); } .contact-page .message-error, .email-a-friend-page .message-error { margin: 0 0 10px; } .contact-page .button-1, .email-a-friend-page .button-1 { display: inline-block; border: 2px solid #fff; background: #e87772; color: #fff; text-transform: uppercase; font-size: 14px; padding: 8px 24px; box-shadow: 0px 1px 2px 0px rgba(0,0,0,.3); -webkit-transition: all .15s ease-in-out; -moz-transition: all .15s ease-in-out; transition: all .15s ease-in-out; } .contact-page .button-1:hover, .email-a-friend-page .button-1:hover { border: 2px solid #e87772; background: #fff !important; color: #e87772; } .email-a-friend-page .title { margin: 0 0 10px; } .email-a-friend-page .title h2 { padding: 0 0 2px; border-bottom: 1px solid #ddd; font-size: 20px; text-align: center; } .email-a-friend-page .title a { padding: 0 0 10px; border-bottom: 1px solid #ddd; display: block; -webkit-transition: all .15s ease-in-out; -moz-transition: all .15s ease-in-out; transition: all .15s ease-in-out; } .email-a-friend-page .title a:hover { color: #e87772; } /********** REGISTRATION, LOGIN, ACCOUNT PAGES **********/ .account-page .page-title h1 { position: relative; padding: 9px 9px 12px; box-shadow: 0 1px 1px rgba(0,0,0,.2); } .account-page .page-title h1:after { content: " "; position: absolute; bottom: 1px; left: 0; right: 0; height: 5px; background: #e87772; } .registration-page .fieldset:nth-child(2) select, .account-page .fieldset:nth-child(3) 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; vertical-align: middle; } .gender > * { display: inline !important; vertical-align: middle; line-height: 32px; } #check-availability-button { margin: 10px 0 0; padding: 7px 10px; font-size: 12px; } #username-availabilty { display: block; margin: 5px 0 0; color: #e87772; text-decoration: underline; } #username-availabilty:empty { display: none; } .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-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; border: 2px solid #fff; background: #e87772; color: #fff; text-transform: uppercase; font-size: 16px; padding: 8px 24px; box-shadow: 0px 1px 2px 0px rgba(0,0,0,.3); -webkit-transition: all .15s ease-in-out; -moz-transition: all .15s ease-in-out; transition: all .15s ease-in-out; } .registration-page .button-1: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 { border: 2px solid #e87772; background: #fff !important; color: #e87772; } .login-page .page-title { padding: 0 0 1px; } .login-page .page-title h1 { border-bottom: 5px solid #e87772; } .login-page .page-body { padding: 10px; background: #fff; box-shadow: 0 1px 1px rgba(0,0,0,.2); } .login-page .topic-html-content-title:after, .login-page .topic-html-content-title:before { display: none; } .registration-result-page .result { margin: 0 0 20px; color: #690; } .login-page .customer-blocks { margin: 0 0 30px; } .login-page .title, .login-page .topic-html-content-title { padding: 0 0 2px; border-bottom: 1px solid #ddd; color: #e87772; text-align: center; margin: 0 0 15px; } .login-page .title strong, .login-page .topic-html-content-title h2 { padding: 0 0 10px; border-bottom: 1px solid #ddd; display: block; font-size: 20px; width: 100%; } .login-page .new-wrapper { margin: 0 0 50px; } .login-page .inner-wrapper { } .login-page .text { margin: 0 0 20px; font-size: 14px; } .login-page .inputs.reversed * { margin: 5px 0; display: inline-block; width: auto; } .login-page .inputs.reversed span { display: block; } .forgot-password { -webkit-transition: all .15s ease-in-out; -moz-transition: all .15s ease-in-out; transition: all .15s ease-in-out; } .forgot-password:hover { color: #e87772; } .external-authentication { margin: 0 0 20px; overflow: hidden; text-align: center; } .external-authentication fieldset { float: none !important; } .password-recovery-page .tooltip { margin: 0 0 20px; } .password-recovery-page .result { margin: 0 0 5px; font-weight: bold; } .account-page .button-2 { display: inline-block; border: 2px solid #e87772; background: #fff; color: #e87772; text-transform: uppercase; font-size: 12px; padding: 6px 11px; -webkit-transition: all .15s ease-in-out; -moz-transition: all .15s ease-in-out; transition: all .15s ease-in-out; } .account-page .button-2:hover { background: #e87772; color: #fff !important; } .account-page .edit-address { margin: 0 0 20px; padding: 25px 10px 10px; background: #fff; box-shadow: 0 1px 1px rgba(0,0,0,.2); } .account-page .description { margin: 0 0 20px; } .address-list, .order-list { overflow: hidden; margin: 0 0 20px; } .address-item, .order-item { background: #fff; width: 305px; max-width: 100%; margin: 0 auto 20px; box-shadow: 0 1px 1px rgba(0,0,0,.2); } .address-item .title, .order-item .title { font-size: 16px; padding: 5px 10px; border-bottom: 1px solid #ddd; } .address-item .info, .order-item .info { padding: 10px; font-size: 14px; line-height: 18px; } .order-item .info { min-height: 110px; } .address-item .buttons, .order-item .buttons { position: relative; margin: 0; padding: 14px 0 10px; border: 1px solid #ddd; } .address-item .buttons:before, .order-item .buttons:before { content: " "; position: absolute; top: -1px; left: -1px; right: -1px; height: 5px; background: #e87772; } .address-list-page .add-button { margin: 0 0 15px; text-align: center; } .return-request-list-page a { font-weight: bold; } .return-request-list-page .comments { margin: 15px 0 0; } .reward-points-overview, .reward-points-history .title { margin: 0 0 15px; font-size: 14px; } .reward-points-history .title { font-size: 16px; } .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; } .avatar-page input[type="submit"] { margin: 0 5px; } .avatar-page .info { margin: 0 0 20px; } /********** SHOPPING CART & CHECKOUT **********/ .order-progress { margin: 0 0 20px; text-align: center; background: #fff; box-shadow: 0 1px 1px rgba(0,0,0,.2); padding: 0 0 1px; } .order-progress ul { font-size: 0; padding: 10px; border-bottom: 5px solid #e87772; } .order-progress li { display: inline-block; margin: 10px; } .order-progress a { display: block; font-size: 12px; font-family: Verdana; } .order-progress a:before { content: " "; display: block; width: 40px; height: 40px; margin: 0 auto 10px; border: 2px solid #555; border-radius: 100%; background: #fff url(/Themes/Allure/Content/img/arrow-right.png) no-repeat 15px center; } .order-progress li.active-step a { cursor: pointer; } .order-progress li.inactive-step a { opacity: 0.5; cursor: default; filter: alpha(opacity=50); } .shopping-cart-page .page-title h1 { background: none; border-bottom: 1px solid #ddd; padding: 10px 0 3px; } .shopping-cart-page .page-title h1:after { content: " "; display: block; height: 1px; background: #ddd; margin: 10px 0 0; } .shopping-cart-page .button-1, .checkout-page .button-1 { display: inline-block; border: 2px solid #fff; background: #e87772; color: #fff; font-size: 16px; padding: 8px 24px; box-shadow: 0px 1px 2px 0px rgba(0,0,0,.3); -webkit-transition: all .15s ease-in-out; -moz-transition: all .15s ease-in-out; transition: all .15s ease-in-out; } .shopping-cart-page .button-1:hover, .checkout-page .button-1:hover { border: 2px solid #e87772; background: #fff !important; color: #e87772; } .shopping-cart-page .button-2, .checkout-page .button-2, .order-details-page .page-title a { display: inline-block; border: 2px solid #e87772; background-color: #fff; color: #e87772; font-size: 14px; padding: 8px 11px; -webkit-transition: all .15s ease-in-out; -moz-transition: all .15s ease-in-out; transition: all .15s ease-in-out; } .shopping-cart-page .cart-footer .button-2:hover, .update-cart-button:hover, .order-details-page .page-title a:hover { background-color: #e87772; color: #fff !important; } .shopping-cart-page .common-buttons .button-2 { padding: 6px 16px 6px 36px; font-size: 16px; text-transform: none; } .color-peach .shopping-cart-page .common-buttons .update-cart-button { background-image: url(/Themes/Allure/Content/img/icon-update-cart.png); } .shopping-cart-page .common-buttons .update-cart-button { background-repeat: no-repeat; background-position: left 6px; } .shopping-cart-page .common-buttons .update-cart-button:hover { background-position: left -22px; } .color-peach .shopping-cart-page .common-buttons .continue-shopping-button { background-image: url(/Themes/Allure/Content/img/icon-continue-shop.png); } .shopping-cart-page .common-buttons .continue-shopping-button { background-repeat: no-repeat; background-position: left 4px; background-color: #e87772; color: #fff; border-color: #fff; box-shadow: 0 1px 2px rgba(0,0,0,.2); } .shopping-cart-page .common-buttons .continue-shopping-button:hover { background-color: #fff !important; color: #e87772; border-color: #e87772; background-position: left -30px; } .remove-discount-button, .remove-gift-card-button { width: 16px; height: 16px; margin: 0 0 0 5px; border: 1px solid #ccc; background: #fff url(/Themes/Allure/Content/img/close.png) center no-repeat; cursor: pointer; } .shopping-cart-page .message-error { margin: 0 0 20px; font-size: 13px; } .shopping-cart-page .selected-checkout-attributes { display: none; } .selected-checkout-attributes { margin: 0 0 20px; text-align: center; } .shopping-cart-page .common-buttons { font-size: 0; } .shopping-cart-page .common-buttons input { min-width: 150px; margin: 0 5px 5px; } .checkout-attributes { margin: 20px 0 0; text-align: center; } .checkout-attributes dt { margin: 0 0 5px; font-weight: bold; } .checkout-attributes ul { } .checkout-attributes li { line-height: 24px; } .checkout-attributes li * { vertical-align: middle; } .cart-footer { padding: 20px 10px; background: #fff; box-shadow: 0 1px 1px rgba(0,0,0,.2); } .cart-footer:after { content: "."; display: block; visibility: hidden; clear: both; height: 0; line-height: 0; font-size: 0; } .cart-footer .totals { width: 235px; max-width: 100%; margin: 0 auto 30px; } .cart-footer .total-info { margin: 0 0 20px; } .cart-total td { width: 50%; padding: 5px; background: #fff; font-size: 16px; } .cart-total tr:last-child td { border-top: 1px solid #ddd; font-size: 20px; } .cart-total tr:last-child td:last-child { color: #e87772; } .cart-total-left { text-align: left; } .cart-total-right { text-align: right; } .terms-of-service { margin: 0 0 20px; } .terms-of-service label { cursor: pointer; } .terms-of-service span { font-weight: bold; cursor: pointer; } .terms-of-service span:hover { text-decoration: underline; } .checkout-buttons{ margin-bottom:10px; } .addon-buttons>*{ margin-bottom:10px; } .cart-footer .button-1 { font-size: 18px; } .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 .hint { margin: 8px 0 ; font-size: 14px; text-align: left; } .cart-collaterals .deals > div { margin: 0 0 10px; } .deals .title, .estimate-shipping .title { font-size: 16px; padding: 0 0 2px; border-bottom: 1px solid #ddd; } .deals .title strong, .estimate-shipping .title strong { display: block; padding: 0 0 5px; border-bottom: 1px solid #ddd; } .cart-collaterals .coupon-code { overflow: hidden; font-size: 0; } .cart-collaterals .coupon-code input[type="text"] { float: left; width: 180px; border-left: 1px solid #c9c9c9; } .cart-collaterals .coupon-code input[type="submit"] { float: left; min-width: 115px; } .cart-collaterals .message { margin: 5px 0 0; color: #c00; } .cart-collaterals .current-code { margin: 5px 0 0; color: #690; } .estimate-shipping-button { float: right; } .cart-collaterals .shipping-results { margin: 20px 0 0; } .cart-collaterals .shipping-results li { margin: 10px 0; } .checkout-page .section { margin: 0 0 30px; } .checkout-page .section .title { font-size: 18px; padding: 0 0 2px; border-bottom: 1px solid #ddd; margin: 0 0 25px; } .checkout-page .section .title strong { display:block; padding: 0 0 5px; border-bottom: 1px solid #ddd; } .section.confirm-order .min-order-warning, .section.confirm-order .message-error { display: block; text-align: left; } .checkout-page .address-grid:after { content: "."; display: block; visibility: hidden; clear: both; height: 0; line-height: 0; font-size: 0; } .checkout-page .address-item, .checkout-page .order-item { padding: 10px; } .checkout-page .address-item .select-button { text-align: center; margin: 0 0 10px; } .checkout-page .address-item li { padding: 2px 0; } .checkout-page .address-item li.name { margin: 0 0 5px; font-size: 14px; } .checkout-page .address-item li.country { margin: 5px 0 0; font-size: 16px; } .checkout-page .edit-address { margin: 0 0 20px; padding: 10px; background: #fff; box-shadow: 0 1px 1px rgba(0,0,0,.2); } .shipping-method .method-list, .payment-method .method-list { margin: 0 0 20px; padding: 10px; text-align: left; background: #fff; box-shadow: 0 1px 1px rgba(0,0,0,.2); } .shipping-method .method-list li, .payment-method .method-list li { margin: 0 0 20px; } .shipping-method .method-list li:last-child, .payment-method .method-list li:last-child { margin: 0; } .payment-method .method-name > * { display: inline-block; vertical-align: middle; margin: 0 10px 0 0; } .payment-logo { font-size:0; } .shipping-method .method-list li label, .payment-method .method-list li label { font-weight: bold; } .shipping-method .method-description { margin: 5px 0 0; } .use-reward-points { font-size: 14px; margin: 0 0 20px; } .payment-info .info { margin: 0 0 20px; padding: 10px; background: #fff; box-shadow: 0 1px 1px rgba(0,0,0,.2); text-align: left; } .confirm-order .button-1 { margin: 20px 0 0; font-size: 18px; } .order-review-data ul { margin: 0 0 30px; background: #fff; padding: 10px; border-left: 5px solid #e87772; box-shadow: 0 1px 1px rgba(0,0,0,.2); text-align: left; } .order-review-data li { padding: 2px 0; } .order-review-data .title, .order-details-area .title { margin: 20px 0 5px; font-size: 14px; } .order-review-data .title:first-child, .order-details-area .title:first-child { margin-top: 0; } .order-completed .details { margin: 0 0 20px; padding: 10px; background: #fff; font-size: 14px; box-shadow: 0 1px 1px rgba(0,0,0,.2); } .order-completed .details a { display: block; margin: 5px 0 0; font-weight: bold; padding: 7px 0; -webkit-transition: all .15s ease; -moz-transition: all .15s ease; transition: all .15s ease; } .order-completed .details a:hover { color: #e87772; } .checkout-page .button-2.order-completed-continue-button { border: 2px solid #fff; background: #e87772; color: #fff; text-transform: uppercase; font-size: 14px; padding: 8px 24px; box-shadow: 0px 1px 2px 0px rgba(0,0,0,.3); } .checkout-page .button-2.order-completed-continue-button:hover { border: 2px solid #e87772; background: #fff !important; color: #e87772; } .opc .step-title { margin-bottom: 1px; overflow: hidden; background: #fff; padding: 12px; font-size: 18px; } .opc .allow .step-title, .opc .allow .step-title * { cursor: pointer; } .opc .active .step-title { } .opc .active .step-title * { } .opc .step-title * { float: left; font-size: 18px; line-height: 1; } .opc .step-title span { margin: 0 12px 0 0; } .opc .step { margin: 10px 0; padding: 10px 18px; background: #fff; border-left: 5px solid #e87772; box-shadow: 0 1px 1px rgba(0,0,0,.2); } .opc .section { margin: 0 0 15px; } .opc .section > label { display: block; margin: 0 0 10px; font-size: 14px; } .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; display: inline-block; font-size: 14px; text-decoration: underline; -webkit-transition: all .15s ease-in-out; -moz-transition: all .15s ease-in-out; transition: all .15s ease-in-out; } .opc .back-link a:hover { color: #e87772; } .opc .please-wait { display: block; margin: 10px 0 0; } .opc .shipping-method .method-list, .opc .payment-method .method-list, .opc .payment-info .info, .opc .cart-footer { box-shadow: none; } .order-details-page .page-title { margin: 0 0 20px; overflow: hidden; } .order-details-page .page-title h1 { margin: 0 0 10px; } .order-details-page .order-overview { margin: 0 0 20px; line-height: 20px; font-size: 13px; } .order-details-page .order-overview .order-number { margin: 0 0 10px; } .order-details-page .order-overview .order-number strong { font-size: 18px; font-weight: normal; } .order-details-page .cart-total { box-shadow: 0 1px 1px rgba(0,0,0,.2); } .order-details-area { margin: 0 0 20px; overflow: hidden; } .order-details-area table{ max-width: 560px; } .order-details-area td { float: left; width: 100%; margin: 0 0 20px; vertical-align: top; } .order-details-area ul { background: #fff; padding: 10px; border-left: 5px solid #e87772; box-shadow: 0 1px 1px rgba(0,0,0,.2); text-align: left; } .section.products .title, .section.shipments .title { font-size: 16px; margin: 0 0 10px; } .order-details-page .actions { margin: 20px 0 0; text-align: center; font-size: 0; } .order-details-page .actions input { display: inline-block; border: 2px solid #fff; background: #e87772; color: #fff; text-transform: uppercase; font-size: 14px; padding: 8px 24px; margin: 0 5px; box-shadow: 0px 1px 2px 0px rgba(0,0,0,.3); -webkit-transition: all .15s ease-in-out; -moz-transition: all .15s ease-in-out; transition: all .15s ease-in-out; } .order-details-page .actions input:hover { border: 2px solid #e87772; background: #fff !important; color: #e87772; } .order-details-page .cart-total { width: 300px; margin: 0 0 30px; } .return-request-page .section .title { margin: 0 0 10px; font-size: 16px; } .shipment-details-page .shipment-overview { overflow: hidden; margin: 0 0 20px; } .shipment-details-page .shipment-overview > ul { text-align: left; background: #fff; border-left: 5px solid #e87772; padding: 10px; max-width: 300px; min-height: 180px; } .shipment-details-page .shipment-overview > ul:first-child { margin: 0 0 20px; } .shipment-details-page .shipment-overview .title { margin: 0 0 10px; font-size: 14px; } .shipment-details-page .section { width: 100%; } /*********** SEARCH & SITEMAP ***********/ .search-input { padding: 10px; background: #fff; box-shadow: 0 1px 1px rgba(0,0,0,.2); } .search-input .buttons { margin: 0; } .search-input input + label { display: inline; margin: 0 0 0 2px; } .basic-search { margin: 0 0 20px; } .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 { display: inline-block; border: 2px solid #fff; background: #e87772; color: #fff; text-transform: uppercase; font-size: 14px; padding: 8px 24px; box-shadow: 0px 1px 2px 0px rgba(0,0,0,.3); -webkit-transition: all .15s ease-in-out; -moz-transition: all .15s ease-in-out; transition: all .15s ease-in-out; } .search-input .button-1:hover { border: 2px solid #e87772; background: #fff !important; color: #e87772; } .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 .page-title { padding: 0 0 1px; } .sitemap-page .page-title h1 { border-bottom: 5px solid #e87772; } .sitemap-page .page-body { padding: 10px; background: #fff; box-shadow: 0 1px 1px rgba(0,0,0,.2); } .sitemap-page .entity { margin: 0 0 20px; } .sitemap-page .entity-title { padding: 0 0 2px; border-bottom: 1px solid #ddd; color: #e87772; text-align: center; margin: 0 0 15px; } .sitemap-page .entity-title h2 { padding: 0 10px 10px; border-bottom: 1px solid #ddd; display: block; font-size: 20px; font-weight: normal; text-align: left; } .sitemap-page .entity-body { line-height: 24px; } .sitemap-page li { display: inline-block; margin: 0 5px 10px; } .sitemap-page a { position: relative; display: block; font-size: 14px; padding: 0 0 0 16px; -webkit-transition: all .15s ease; -moz-transition: all .15s ease; transition: all .15s ease; } .sitemap-page a:hover { color: #e87772; } .sitemap-page a:before { content: " "; position: absolute; top: 50%; left: 5px; margin-top: -2px; width: 4px; height: 4px; background: #ddd; } .sitemap-page a:empty { display: none; } /********** BLOG & NEWS **********/ .year strong { display: block; cursor: default; } .news-items .item { position: relative; margin: 10px; padding: 3px; background: #fff; border: 1px solid #ddd; box-shadow: 0 0 2px rgba(0,0,0,0.1); } .blog-page .post { position: relative; padding: 10px; background: #fff; box-shadow: 0 1px 1px rgba(0,0,0,.2); margin: 0 0 25px; } .news-items .item:after { content: " "; position: absolute; bottom: 0; left: -1px; right: -1px; height: 5px; background: #e87772; } .news-head { border-bottom: 1px solid #ddd; padding: 12px 8px; text-align: left; } .news-title { display: block; font-size: 18px; -webkit-transition: all .15s ease-in-out; -moz-transition: all .15s ease-in-out; transition: all .15s ease-in-out; } .news-title:hover { color: #e87772; } .post-head { padding: 0 0 2px; border-bottom: 1px solid #ddd; font-size: 20px; text-align: center; margin: 0 0 15px; } .post-head .post-title { padding: 0 0 10px; border-bottom: 1px solid #ddd; color: #e87772; display: block; } .post-date, .news-date { font-size: 12px; color: #888; } .news-details { padding: 10px 5px 0; text-align: justify; font-size: 14px; line-height: 1.3; overflow: hidden; height: 62px; } .blogpost-page .post-date, .news-item-page .news-date { } .news-body { margin: 0 0 20px; line-height: 20px; } .post-body { font-size: 14px; margin: 0 0 10px; padding: 0 0 10px; text-align: justify; border-bottom: 1px solid #ddd; } .blog-page .tags { margin: 0 0 10px; padding: 0 0 10px; overflow: hidden; border-bottom: 1px solid #ddd; } .blog-page .tags label, .blogpost-page .tags label { position: relative; display: block; font-weight: bold; float: left; font-size: 14px; padding: 0 0 0 20px; line-height: 24px; margin: 0 5px 0 0; } .blog-page .tags label:before, .blogpost-page .tags label:before { content: " "; position: absolute; top: 50%; left: 7px; margin-top: -2px; width: 4px; height: 4px; background: #ddd; } .blog-page .tags ul, .blogpost-page .tags ul { font-size: 0; text-align: left; } .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; -webkit-transition: all .15s ease-in-out; -moz-transition: all .15s ease-in-out; transition: all .15s ease-in-out; } .blog-page .tags a:hover, .blogpost-page .tags a:hover { color: #e87772; } .blog-details { text-align: left; } .blog-details a { position: relative; display: inline-block; font-size: 14px; font-weight: bold; padding: 6px 0 6px 20px; } .blog-details a:before { content: " "; position: absolute; top: 50%; left: 7px; margin-top: -2px; width: 4px; height: 4px; background: #ddd; } .blogpost-page .post-body { padding: 10px; background: #fff; box-shadow: 0 1px 1px rgba(0,0,0,.2); border: 0; } .blogpost-page .tags { background: #fff; padding: 10px; margin: 0 0 10px; box-shadow: 0 1px 1px rgba(0,0,0,.2); overflow: hidden; } .blogpost-page .inputs { text-align: center; } .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; } .new-comment .inputs label { display: none; } .new-comment textarea { width: 100%; } .new-comment .button-1 { display: inline-block; border: 2px solid #fff; background: #e87772; color: #fff; text-transform: uppercase; font-size: 14px; padding: 8px 24px; box-shadow: 0px 1px 2px 0px rgba(0,0,0,.3); -webkit-transition: all .15s ease-in-out; -moz-transition: all .15s ease-in-out; transition: all .15s ease-in-out; } .new-comment .button-1:hover { border: 2px solid #e87772; background: #fff !important; color: #e87772; } .comment-list { } .comment-list .title { padding: 0 0 2px; border-bottom: 1px solid #ddd; font-size: 20px; text-align: center; margin: 0 0 15px; } .comment-list .title strong { padding: 0 0 10px; border-bottom: 1px solid #ddd; display: block; } .blog-comment, .news-comment { margin: 0 0 30px; background: #fff; padding: 10px; box-shadow: 0 1px 1px rgba(0,0,0,.2); border-left: 5px solid #e87772; } .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: 1px solid #ccc; } .comment-info .username { display: block; padding: 5px; } .comment-info .avatar { position: relative; width: 120px; height: 120px; 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-content { } .comment-time { margin: 0 0 10px; font-style: italic; } .comment-title { font-size: 18px; margin: 0 0 5px; padding: 5px 0; border-top: 1px solid #ddd; border-bottom: 1px solid #ddd; } .comment-body { font-size: 14px; } .news-items .read-more { line-height: 32px; font-size: 14px; color: #e87772; display: inline-block; margin: 5px; text-transform: uppercase; } .news-items .read-more:hover { text-decoration: underline; } .news-item-page .inputs:first-child label { display: block; } .news-list-homepage { margin: 0 0 30px; } .news-list-centering { width: 95%; margin: 0 auto; } .news-list-homepage .title { margin: 0 0 15px; text-align: center; } .news-list-homepage .title strong { font-size: 26px; font-weight: 400; } .news-list-homepage .view-all { } .news-list-homepage .view-all a { display: inline-block; line-height: 32px; font-size: 14px; color: #fff; } .news-list-page .page-title, .blog-page .page-title { padding: 0 0 1px; } .news-list-page .page-title h1, .blog-page .page-title h1 { border-bottom: 5px solid #e87772; } /* TAGS & VENDORS */ .product-tags-all-page .page-title, .vendor-list-page .page-title { padding: 0 0 1px; } .product-tags-all-page .page-title h1, .vendor-list-page .page-title h1 { border-bottom: 5px solid #e87772; } .product-tags-all-page .page-body, .vendor-list-page .page-body { padding: 15px 5px 5px; background: #fff; box-shadow: 0 1px 1px rgba(0,0,0,.2); } .product-tags-all-page .product-tags-list li, .vendor-list li { display: inline-block; margin: 0 10px 10px; font-size: 16px; } .vendor-list a, .product-tags-all-page .product-tags-list a { display: block; -webkit-transition: all .15s ease-in-out; -moz-transition: all .15s ease-in-out; transition: all .15s ease-in-out; } .vendor-list a:hover, .product-tags-all-page .product-tags-list a:hover { color: #e87772; -webkit-transform: scale(1.2); -moz-transform: scale(1.2); -ms-transform: scale(1.2); transform: scale(1.2); } /* TOPIC */ .topic-page .page-title { padding: 0 0 1px; } .topic-page .page-title h1 { border-bottom: 5px solid #e87772; } /* RE-CAPTCHA */ .recaptchatable #recaptcha_response_field { height: auto !important; } /* social share */ .addthis_toolbox.addthis_default_style > a { display: inline-block !important; float: none !important; vertical-align: middle !important; } .atclear { clear: none !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; } } @media all and (max-width: 480px) { .page-title { margin: 0 0 70px; } .link-rss { width: 42px; height: 42px; background: #fff url(/Themes/Allure/Content/img/icon-rss.png) no-repeat center; top: 110%; right: 50%; margin-right: -21px; } } /*GLOBAL TABLES*/ .cart, .data-table, .compare-products-table, .forums-table-section table { margin: 0 0 20px; } .cart th, .data-table th, .forums-table-section th { background: #e87772; border: #e87772; padding: 10px; white-space: nowrap; color: #fff; font-size: 14px; } .cart td, .data-table td, .compare-products-table td, .forums-table-section td { min-width: 50px; border: 1px solid #ddd; background: #fff; padding: 10px; } .cart a, .data-table a, .forums-table-section a { font-weight: bold; -webkit-transition: all .15s ease-in-out; transition: all .15s ease-in-out; } .cart a:hover, .data-table a:hover, .forums-table-section a:hover { color: #e87772; } .cart .remove-from-cart, .cart .add-to-cart, .data-table .select-boxes { text-align: center; } .cart .unit-price { white-space: nowrap; } .cart .qty-input { width: 50px; text-align: center; } .cart .subtotal { white-space: nowrap; } /*.cart td.subtotal { color: #c00; }*/ .product-specs-box .data-table td { padding: 5px; } .compare-products-table { font-size: 14px; } .compare-products-table .overview p:first-child { margin: 0 0 10px; text-align: right; } .compare-products-table .overview p:last-child { position: relative; max-width: 200px; height: 200px; overflow: hidden; } .compare-products-table .overview img { position: absolute; top: 0; right: 0; bottom: 0; left: 0; max-width: 100%; max-height: 100%; margin: auto; } .compare-products-table .product-name td { font-size: 16px; } .compare-products-table a { -webkit-transition: all .15s ease-in-out; transition: all .15s ease-in-out; } .compare-products-table a:hover, .compare-products-table .product-price td { color: #e87772; } .compare-products-table .product-price td:first-child { color: #555; } .compare-products-table-mobile img { max-width: 160px; } table .attributes { margin: 5px 0 0; padding: 5px 0 0; border-bottom: 0; border-top: 1px solid #ddd; } .go-to-page { display: inline-block !important; font-size: 13px !important; } /* TIER PRICE TABLES */ .tier-prices { margin: 0 0 20px; } .tier-prices .prices-header { margin: 0 0 10px; font-size: 18px; } .tier-prices .prices-header strong { font-weight: 400; } .prices-table { width: 100%; box-shadow: 0 1px 3px 1px rgba(0,0,0,.15); overflow: hidden; } .prices-row { float: left; width: 50%; } .prices-row > div { padding: 10px; border-left: 1px solid #c9c9c9; border-top: 1px solid #c9c9c9; } .prices-row > div:first-child { border-top: 0; } .prices-row:first-child > div { border-left: 0; } .prices-table .field-header { font-weight: 700; } .tier-prices .item-price { color: #c00; } @media all and (min-width: 769px) { .product-details-page .prices-table { display: table; background: #fff; } .product-details-page .prices-row { display: table-row; float: none; width: auto; } .product-details-page .prices-row > div { display: table-cell; } .product-details-page .prices-row:first-child > div { border-left: 1px solid #c9c9c9; border-top: 0 !important; } .product-details-page .prices-row > div:first-child { border-top: 1px solid #c9c9c9; border-left: 0; } } /* footable custom css */ .footable label{ display: none; } .footable-first-column { text-align: center; } .footable-first-column .item-count { font-size: 13px !important; } .footable.breakpoint > tbody > tr > td > span.footable-toggle { display: block; min-width: 16px; height: 16px; overflow: hidden; } .footable-row-detail { text-align: left; } .footable-row-detail-cell { text-align: left !important; } .footable-row-detail-row { margin: 0 0 10px; display: table-row; } .footable-row-detail-name { margin: 0 0 5px; font-style: italic; display: table-cell; padding: 7px 10px; } .footable-row-detail-value { display: table-cell; } /* toggle style change */ .footable-toggle { background: url(/Themes/Allure/Content/img/table-plus.png) no-repeat center; } .footable-detail-show .footable-toggle { background: url(/Themes/Allure/Content/img/table-minus.png) no-repeat center; } .footable-toggle:before { display: none !important; } /* hidding item counter in different tables */ .downloadable-products-page .data-table .item-count { display: none; } @media all and (max-width: 824px) { .order-summary-content .cart .item-count, .wishlist-page .cart .item-count, .section.shipments .data-table .item-count, .compare-products-table-mobile .item-count { display: none; } } @media all and (max-width: 626px) { .return-request-page .data-table .item-count, .section.products .data-table .item-count { display: none; } } @media all and (max-width: 506px) { .reward-points-history .data-table .item-count { display: none; } } @media all and (max-width: 867px) { .opc .cart .item-count { display: none; } } @media all and (max-width: 1000px) { .compare-products-table { display: none; } } @media all and (min-width: 240px) and (max-width: 1000px) { body { max-width: 100%; overflow-x: hidden; /* disables the horizontal scroll and fixes the bug of the responsive navigation and filters in mobile */ } .page-title h1 { margin-left: -2.6%; width: 105.3%; } .desktop-header-right { display: none; } .header { z-index: 1002; margin: 10px auto; text-align: center; width: 95%; } /* HEADER LINKS */ .header-links-wrapper { display: none; position: fixed; left: 0; right: 0; z-index: 1000001; text-align: center; -webkit-transition: all .1s ease-in-out; transition: all .1s ease-in-out; } .header-links-wrapper.open { display: block; top: 0; box-shadow: -1px 2px 1px rgba(0,0,0,0.3); } .header-centering { display: inline-block; } .header-links { display: inline-block; vertical-align: middle; } .header-links li { vertical-align: middle; } .header-links a { display: block; width: 36px; height: 36px; text-indent: -9999px; } .header-links .ico-register { background: url(/Themes/Allure/Content/img/m-icon-plus.png) no-repeat center; } .header-links .ico-login { background: url(/Themes/Allure/Content/img/m-icon-lock.png) no-repeat center; } .header-links .ico-account { background: url(/Themes/Allure/Content/img/m-icon-account.png) no-repeat center; } .header-links .ico-logout { background: url(/Themes/Allure/Content/img/m-icon-logout.png) no-repeat center; } .header-links .ico-wishlist { background: url(/Themes/Allure/Content/img/m-icon-star.png) no-repeat center; } .header-links .ico-inbox { background: url(/Themes/Allure/Content/img/m-icon-inbox.png) no-repeat center; } .header-selectors-wrapper { display: inline-block; vertical-align: middle; } /* SEARCH */ .search-box { display: none; position: fixed; top: 0; left: 0; padding: 15px 10px 10px; width: 100%; background: #e87772; box-shadow: -1px 2px 1px rgba(0,0,0,0.3); z-index: 9999999; text-align: center; border-bottom: 5px solid rgba(255,255,255,.4); } .search-box.open { display: block; } .search-box form { display: inline-block; } .search-box form:after { content: "."; display: block; visibility: hidden; clear: both; height: 0; line-height: 0; font-size: 0; } .search-box input.search-box-text { float: left; width: 220px !important; height: 36px; border: 0; border-top: 1px solid #fff; border-bottom: 1px solid #fff; background: transparent; color: #fff; opacity: .4; -webkit-transition: opacity .1s ease-in-out; transition: opacity .1s ease-in-out; } .search-box input.search-box-text:focus { opacity: 1; } .search-box .search-box-button { float: left; width: 36px; height: 36px; border: 2px solid #fff; border-radius: 100%; overflow: hidden; background: url(/Themes/Allure/Content/img/icon-search-button.png) center no-repeat; text-indent: 999px; } /* RESPONSIVE NAV WRAPPER */ .responsive-nav-wrapper-parent { position: relative; z-index: 9999; height: 50px; } .responsive-nav-wrapper { position: relative; text-align: center; font-size: 0; width: 100%; background: #fff; box-shadow: 0px 3px 3px rgba(0,0,0,.15); } .stick { position: fixed; top: 0; z-index: 10000; } .responsive-nav-wrapper.nav-down { -webkit-transform: translateY(0); transform: translateY(0); } .responsive-nav-wrapper.nav-up { -webkit-transform: translateY(-55px); transform: translateY(-55px); } .responsive-nav-wrapper:after { content: "."; display: block; visibility: hidden; clear: both; height: 0; line-height: 0; font-size: 0; } .responsive-nav-wrapper > div > span, .responsive-nav-wrapper > div > a { display: block; color: #fff; font-size: 20px; text-transform: uppercase; height: 40px; width: 40px; margin: 5px; overflow: hidden; text-indent: -9999px; cursor: pointer; } .responsive-nav-wrapper .menu-title { float: left; background: url(/Themes/Allure/Content/img/icon-menu.png) no-repeat center; } .responsive-nav-wrapper .search-wrap { display: inline-block; } .responsive-nav-wrapper .search-wrap span { background: #e87772 url(/Themes/Allure/Content/img/icon-search-opener.png) no-repeat center; border-radius: 100%; } .responsive-nav-wrapper .filters-button { display: none; } .responsive-nav-wrapper .filters-button span { background: #e87772 url(/Themes/Allure/Content/img/icon-filters.png) no-repeat center; border-radius: 100%; } .responsive-nav-wrapper .personal-button { float: right; background: url(/Themes/Allure/Content/img/icon-personal.png) no-repeat center; } /* RESPONSIVE MENU */ .ps-container > .ps-scrollbar-y-rail { visibility: hidden !important; } .scrollYRemove { overflow: hidden !important; -ms-touch-action: none !important; -webkit-overflow-scrolling: touch !important; } .overlayOffCanvas { display: none; position: fixed; top: 0; left: 0; bottom: 0; width: 100%; height: 100%; background: rgba(0,0,0,0); z-index: 1000000; -webkit-transition: background .3s ease-in-out; transition: background .3s ease-in-out; } .overlayOffCanvas.show { background: rgba(0,0,0,0.4); } .justAFixingDivBefore, .header-menu { position: fixed; top: 0; left: 0; width: 320px; height: 100%; text-align: left; background: #333; overflow: hidden; z-index: 2147483647; -webkit-transition: all .3s ease-in-out; transition: all .3s ease-in-out; } .notAndroid23 .justAFixingDivBefore, .notAndroid23 .header-menu { -webkit-transform: translate(-320px); -ms-transform: translate(-320px); transform: translate(-320px); } .android23 .justAFixingDivBefore, .android23 .header-menu { left: -320px; } .header-menu.open { box-shadow: 1px 0 5px rgba(0,0,0,.5); } .notAndroid23 .header-menu.open { -webkit-transform: translate(0); -ms-transform: translate(0); transform: translate(0); } .android23 .header-menu.open { left: 0; } .header-menu .close-menu { background: #e87772; cursor: pointer; } .close-menu span { display: block; padding: 15px 20px; font-size: 20px; color: #fff; text-transform: uppercase; line-height: 15px; text-align: right; background: url(/Themes/Allure/Content/img/mobile-nav-close.png) no-repeat 15px center; } .header-menu > ul li { background: #f6f6f6; } .header-menu > ul li:after { content: "."; display: block; visibility: hidden; clear: both; height: 0; line-height: 0; font-size: 0; } .header-menu > ul li > a, .header-menu > ul li > span { display: block; padding: 16px 18px !important; line-height: 17px; color: #505050; font-size: 16px; text-transform: uppercase; position: relative; z-index: 1; border-bottom: 1px solid #e6e6e6; } .header-menu > ul li:last-child > a, .header-menu > ul li:last-child > span { border-bottom: 0; } .header-menu > ul li > .with-subcategories { width: 270px; float: left; } .plus-button { position:relative; float: right; width: 50px; height: 50px; z-index: 2; cursor: pointer; border-left: 1px solid #e6e6e6; border-bottom: 1px solid #e6e6e6; background: url(/Themes/Allure/Content/img/mobile-nav-item-open.png) no-repeat center; } .header-menu .sublist-wrap { position: fixed; top: 0; left: 0; width: 320px; height: 100%; background: #333 !important; box-shadow: 1px 0 5px rgba(0,0,0,0.5); z-index: 3; overflow: hidden; -webkit-transition: all .3s ease-in-out; transition: all .3s ease-in-out; } .notAndroid23 .header-menu .sublist-wrap { -webkit-transform: translate(-320px); -ms-transform: translate(-320px); transform: translate(-320px); } .android23 .header-menu .sublist-wrap { left: -320px; } .notAndroid23 .header-menu .sublist-wrap.active { -webkit-transform: translate(0); -ms-transform: translate(0); transform: translate(0); } .android23 .header-menu .sublist-wrap.active { left: 0; } .header-menu ul li.back-button { background: #e87772; } .header-menu .back-button span { text-transform: none; color: #fff; text-align: right; padding: 14px 18px !important; background: url(/Themes/Allure/Content/img/mobile-nav-close.png) no-repeat 15px center; } /* header menu functionality classes */ .admin-header-links, .header-links-wrapper, .header-logo, .search-box, .responsive-nav-wrapper, .slider-wrapper, .master-wrapper-content, .news-list-homepage, .topic-block, .footer { -webkit-transition: -webkit-transform .3s ease-in-out; transition: transform .3s ease-in-out; } .notAndroid23 .move-right { -webkit-transform: translate(320px); -ms-transform: translate(320px); transform: translate(320px); } /* CATERGORY PAGE & GRIDS */ .product-selectors { margin-left: -2.6%; width: 105.3%; } .item-box .product-rating-box, .product-grid .item-box .prices { margin: 0 0 5px; } /* PRODUCT PAGE */ .center-1 > .product-name { margin-left: -2.6%; width: 105.3%; } } /*===================================================== TABLETS PORTRAIT & SMARTPHONES LANDSCAPE =====================================================*/ @media all and (min-width: 481px) { /* HEADER */ .ui-autocomplete.ui-menu.ui-widget.ui-widget-content { /*width: 336px !important;*/ /*txtfield + button*/ } .eu-cookie-bar-notification { width: 450px; max-width: 95%; margin-left: -225px; } /* FOOTER */ .footer-middle { font-size: 0; } .footer-middle .footer-block { float: left; width: 50%; } .newsletter-email input[type="text"] { width: 300px; } /* CATEGORY PAGE & GRIDS */ .item-grid { font-size: 0; } .item-box { float: left; width: 48%; /*two per row*/ margin: 0 1% 2%; max-width: none; } /* product in list */ .product-list .picture { width: 200px; float: left; } .product-list .details { margin-left: 220px; } /* PRODUCT PAGE */ .product-variant-line { position: relative; padding: 0 5px; min-height: 200px; } .product-variant-line:before { content: " "; position: absolute; top: 0; left: 0; bottom: 0; width: 5px; background: #e87772; } .variant-picture { float:left; margin: 0; } .variant-picture + .variant-overview { text-align: left; margin-left: 210px } .product-variant-list .variant-overview>div{ margin:10px 0; } /* QUICK TABS */ .ui-tabs .ui-tabs-nav li { display: inline-block; } .ui-tabs .ui-tabs-nav li a { display: block; } /* PASSWORD PROTECTION */ .enter-password-form input[type="password"] { width: 300px !important; } /* REGISTRATION, LOGIN, MY ACCOUNT */ .registration-page .date-of-birth select, .account-page .date-of-birth select { width: 110px; } .block-account-navigation { width: 360px !important; float: none !important; margin: 0 auto 20px !important; } .address-item, .order-item { margin: 0 .5% 1%; float: left; } /* SHOPPING CART & CHECKOUT */ .order-review-data { display: table; width: 100%; margin: 0 0 30px; } .order-review-data ul { float: left; margin: 0 2% 30px 0; width: 49%; max-width: 350px; } .order-review-data ul:last-child { margin-right: 0; } .order-details-area td { float: none; width: auto; } .shipment-details-page .shipment-overview > ul { float: left; width: 48%; margin: 0 1% !important; } /* BLOG & NEWS */ .news-items { font-size: 0; } .news-items .news-item { display: inline-block; width: 48%; margin: 0 1% 2%; max-width: 320px; } /* TOPICS */ .topic-block-title h2:before { right: 75%; } .topic-block-title h2:after { left: 75%; } } @media all and (min-width: 480px) and (max-width: 768px) { .side-2 { overflow: hidden; } .side-2 .block { float: left; width: 48%; margin: 0 1% 2%; } .side-2 .block:nth-of-type(2n+1) { clear: both; } /* CATEGORY PAGE & GRIDS */ .item-box:nth-child(2n+1) { clear: both; } /* ACCOUNT PAGE */ .address-item, .order-item { width: 49%; } .address-item:nth-child(2n+1), .order-item:nth-child(2n+1) { clear: both; } /* NEWS */ .news-list-homepage .title strong:before { right: 75%; } .news-list-homepage .title strong:after { left: 75%; } } @media all and (min-width: 640px) { .comment-info { float: left; margin: 0; } .comment-info + .comment-content { margin: 0 0 0 135px; } .comment-content { position: relative; text-align: left; } .comment-time { position: absolute; top: 8px; right: 0; } .blog-comment .comment-time { position: static; margin: 0 0 15px; } .comment-title { padding: 5px 170px 5px 0; } } /*===================================================== TABLETS LANDSCAPE & NETBOOKS =====================================================*/ @media all and (min-width: 769px) { /* GLOBAL STYLES */ .page { clear: both; text-align: left; } .page-title h1 { text-align: center; } /* FOOTER */ .footer-upper { padding: 20px 10px 30px; } .footer-upper .footer-block { width: 48%; font-size: 0; } .social-sharing { margin: 0; float: left; } .subscribe-block { float: right; } .subscribe-block .newsletter { margin: 18px 0 0; } .footer-middle .footer-block { width: 33.33333333%; } .footer-middle .footer-block:last-child { width: 100%; } .contact-block .footer-menu li { display:inline-block; padding: 7px 32px; } .accepted-payment-methods { float: none; } .accepted-payment-methods ul { display: inline-block; margin: 0 0 5px; } .footer-powered-by, .footer-disclaimer, .footer-tax-shipping, .footer-designed-by { display: inline-block; margin: 5px; } /* LEFT/RIGHT COLUMN */ .block { text-align: left; } .block .tags li, .product-tags-all-page li { margin: 0 5px; } .poll-options li, .poll-results li { display: block; } .poll .buttons, .poll-total-votes { text-align: left; } /* CATEGORY PAGE & GRIDS */ .product-grid .title { display: table; width: 100%; } .product-grid .title:before, .product-grid .title:after { content: " "; display: table-cell; width: 30%; background: url(/Themes/Allure/Content/img/title-lines.png) repeat-x left center; } .product-grid .title strong { display: table-cell; width: 40%; } .item-box { width: 32.33333333333333%; margin: 0 .5% 1%; } .product-list .item-box { width: 85% !important; margin: 0 auto 2%; float: none !important; display: block; } /* PRODUCT PAGE */ .product-details-page .overview { width: 43%; float: left; } .gallery { width: 55%; float: right; } .gallery .picture { margin: 0 0 10px; } .overview .buttons { text-align: left; } .overview .buttons div { margin: 0 10px 10px 0; } .free-shipping { margin: 20px 0; } .overview .add-to-cart { text-align: left; } .overview .qty-label, .variant-overview .qty-label { position: static; left: 0; margin: 0 5px 0 0; } .product-variant-line { width: 85%; margin: 0 auto 10px; } .variant-picture { width: 280px; } .variant-picture + .variant-overview { width: auto; margin: 0 0 0 300px; } /* styling for tabs below the image */ .product-page-alternative-layout .overview{ float: right; } .product-page-alternative-layout .gallery{ float: left; } /* QUICK TABS */ .ui-tabs { width: 55%; float: right; } .ui-tabs .gallery { width: 100%; float: none; } .product-page-alternative-layout .ui-tabs{ float: none; width: 100%; clear: both; margin-bottom: 40px; } /* ATTRIBUTES */ .attributes { margin: 0 0 10px; } .attributes dt { float: left; clear: left; min-width: 60px; margin-right: 10px; } .attributes dt label { line-height: 32px; } .attributes dd { float: left; margin-right: 10px; } .color-squares { text-align: center; } .color-squares label { margin: 0 10px 0 0; padding: 0 !important; } /* GIFT CARD */ .giftcard label { display: inline-block; margin: 0 10px 0 0; width: 35%; text-align: right; } /* WISHLIST & COMPARE LIST */ .wishlist-content .buttons { text-align: left; } .wishlist-content .button-2 { margin: 0 10px 0 0; } /* REGISTRATION, LOGIN, MY ACCOUNT */ .address-item, .order-item { width:31.333%; } .address-item:nth-child(3n+1), .order-item:nth-child(3n+1) { clear: both; } .avatar-page .fieldset { float: left; margin-right: 10px; } .avatar-page .buttons { text-align: left; } /* SHOPPING CART & CHECKOUT */ .checkout-attributes li { display: inline-block; margin: 0 5px; } .shopping-cart-page .totals { float: right; margin: 0 25px; } .cart-collaterals { float: left; margin: 0 25px; } .checkout-buttons, .addon-buttons { text-align: right; } .checkout-page .address-item { float: left; margin:0 3% 1.5% 0; } .checkout-page .address-item:nth-child(3n){ margin:0; }/*set 3 boxes per row*/ .payment-logo, .payment-details { display: inline-block; margin: 0 5px; vertical-align: middle; } .order-details-page .page-title a { float: right; margin: 3px; } .order-details-page .actions { text-align: right; } .order-details-page .actions input { min-width: 0; } .order-details-page .total-info { overflow: hidden; } .order-details-page .cart-total { float: right; } .opc .buttons { text-align: right; } /* BLOG & NEWS */ .news-list-homepage .title { display: table; width: 100%; } .news-list-homepage .title:before, .news-list-homepage .title:after { content: " "; display: table-cell; width: 30%; background: url(/Themes/Allure/Content/img/title-lines.png) repeat-x left center; } .news-list-homepage .title strong { display: table-cell; width: 40%; padding: 0 25px; } .news-items .news-item { display: inline-block; width: 32.33333333333333%; margin: 0 .5% 1%; max-width: none; } .blog-page .tags > *, .blogpost-page .tags > * { float: left; } .blog-page .tags label, .blogpost-page .tags label { margin: 0 10px 0 0; line-height: 24px; } .new-comment textarea { width: 500px; } /* TOPICS */ .topic-block-title { display: table; width: 100%; } .topic-block-title:before, .topic-block-title:after { content: " "; display: table-cell; width: 30%; background: url(/Themes/Allure/Content/img/title-lines.png) repeat-x left center; } .topic-block-title h2 { display: table-cell; width: 40%; padding: 0 25px; } /* POLL */ .home-page-polls .title { display: table; width: 100%; } .home-page-polls .title:before, .home-page-polls .title:after { content: " "; display: table-cell; width: 30%; background: url(/Themes/Allure/Content/img/title-lines.png) repeat-x left center; } .home-page-polls .title strong { display: table-cell; width: 40%; padding: 0 25px; } .home-page-polls .poll { float: left; width: 42%; margin: 0 4% 20px; } /* INBOX */ .profile-page .ui-tabs, .private-messages-page .ui-tabs { float: none; width: auto; } } @media all and (min-width: 769px) and (max-width: 1000px) { .side-2 { overflow: hidden; } .side-2 .block { float: left; width: 31.333333333%; margin: 0 1% 2%; } .side-2 .block:nth-of-type(3n+1) { clear: both; } /* CATEGORY PAGE & GRIDS */ .item-box:nth-child(3n+1) { clear: both; } } /*===================================================== DESKTOP =====================================================*/ @media all and (min-width: 1001px) { /* GLOBAL STYLES */ .master-wrapper-content { width: 1000px; } .center-2 { float: left; width: 75.5%; } .side-2 { float: right; width: 23%; } .inputs { text-align: left; } .inputs label, .write-review .review-rating label { display: inline-block; width: 35%; margin: 0 10px 0 0; text-align: right; } .inputs .input-box { display: inline-block; } /* HEADER */ .responsive-nav-wrapper-parent { display: none !important; } .header-centering { width: 100%; max-width: 1260px; margin: 0 auto; } .header > .header-centering { padding: 0 10px; } .header-centering:after { content: "."; display: block; visibility: hidden; clear: both; height: 0; line-height: 0; font-size: 0; } .header { background: #fff; position: relative; box-shadow: 0 2px 3px rgba(0,0,0,.2); z-index: 1000; } .header:after { content: "."; display: block; visibility: hidden; clear: both; height: 0; line-height: 0; font-size: 0; } .header-links-wrapper { padding: 6px; margin: 0 0 25px; } .header-selectors-wrapper { float: right; margin: 6px 0; } .header-selectors-wrapper > div { float: left; margin: 0 0 0 10px; } .header-selectors-wrapper select { padding: 3px; height: 24px; line-height: 18px; } .header-links { float: right; } .header-logo { float: left; } .flyout-cart { display: none; position: absolute; top: 115px; right: 2px; z-index: 99999; width: 320px; box-shadow: 0 1px 2px rgba(0,0,0,0.15); background: #fff; } .flyout-cart:before { content: " "; position: absolute; top: 0; left: 0; right: 0; height: 5px; background: #e87772; } .flyout-cart.active { display: block; } .mini-shopping-cart { padding: 10px; font-size: 11px; } .mini-shopping-cart * { line-height: normal !important; } .mini-shopping-cart a:hover { text-decoration: underline; } .mini-shopping-cart .count { padding: 5px 0 10px; font-size: 16px; text-align: center; border-bottom: 1px solid #ddd; } .mini-shopping-cart .count a { color: #e87772; } .mini-shopping-cart div.items { margin: 0 0 2px; } .mini-shopping-cart .item { overflow: hidden; padding: 10px 0; border-bottom: 1px solid #ddd; } .mini-shopping-cart .picture { float: left; width: 80px; height: 80px; text-align: center; overflow: hidden; border-radius: 100%; border: 1px solid #eee; } .mini-shopping-cart .picture a { display: block; height: 100%; position: relative; } .mini-shopping-cart .picture img { position: absolute; top: 0; right: 0; bottom: 0; left: 0; margin: auto; max-width: 100%; } .mini-shopping-cart .picture + .product { margin: 0 0 0 90px; } .mini-shopping-cart .product { font-size: 14px; } .mini-shopping-cart .name { margin: 0 0 5px; font-size: 16px; } .mini-shopping-cart .price span { color: #e87772; font-weight: 700; } .mini-shopping-cart .attributes { } .mini-shopping-cart .price span, .mini-shopping-cart .quantity span { } .mini-shopping-cart .totals { margin: 0 0 10px; font-size: 14px; text-align: right; padding: 10px 0 0; border-top: 1px solid #ddd; } .mini-shopping-cart .totals strong { color: #c00; } .mini-shopping-cart .buttons { margin: 0 0 5px; text-align: right; } .mini-shopping-cart input[type="button"] { text-transform: uppercase; font-size: 14px; padding: 8px 11px; border: 2px solid #fff; background: #e87772; color: #fff; box-shadow: 0 1px 2px 0 rgba(0,0,0,.3); -webkit-transition: all .15s ease-in-out; transition: all .15s ease-in-out; } .mini-shopping-cart input[type="button"]:hover { border: 2px solid #e87772; background: #fff; color: #e87772; } .desktop-header-right { float: right; } .search-box, .desktop-cart { float: right; } .search-box form:after{ content: ""; display: block; clear: both; } .search-box.store-search-box input.search-box-text { border: 0; border-top: 1px solid #ddd; border-bottom: 1px solid #ddd; color: #999; float: left; width: 240px !important; height: 38px; padding: 9px; } .store-search-box .search-box-button { height: 38px; width: 38px; font-size: 0; background: #e87772 url(/Themes/Allure/Content/img/icon-search-button.png) no-repeat center; border: 0; border-radius: 100% !important; float: left; -webkit-transition: all .15s ease-in-out; transition: all .15s ease-in-out; } .store-search-box .search-box-button:hover { -webkit-transform: scale(1.1); -ms-transform: scale(1.1); transform: scale(1.1); } .shopping-cart-link > a { width: 38px; height: 38px; margin: 0 0 0 5px; } /* HEADER MENU */ .menu-title, .close-menu, .back-button, .sublist-wrap { display: none; } .overlayOffCanvas { display: none !important; } .header-menu.stick { position: fixed; top: 0; left: 0; right: 0; z-index: 10000; margin: 0; background: #fff; box-shadow: 0 2px 3px rgba(0,0,0,.2); text-align: center; padding: 0; } .header-menu.stick > ul { display: inline-block; } .header-menu { text-align: left; position: relative; z-index: 1001; clear: both; padding: 10px 0 0; } .header-menu > ul { font-size: 0; text-align: center; } .header-menu > ul > li { display: inline-block; vertical-align: middle; text-align: left; } .header-menu > ul > li > a, .header-menu > ul > li > span { display: block; padding: 15px 20px; font-size: 16px; cursor: pointer; color: #505050; position: relative; } .header-menu > ul > li > a:after, .header-menu > ul > li > span:after { content: " "; position: absolute; bottom: 0; left: 50%; height: 2px; background: #e87772; width: 0; opacity: 0; -webkit-transition: all .25s ease-in-out; transition: all .25s ease-in-out; } .header-menu > ul > li > a:hover:after, .header-menu > ul > li > span:hover:after { left: 0; width: 100%; opacity: 1; } .header-menu .sublist-wrap { display: none; position: absolute; z-index: 1001; min-width: 180px; background: #fff; padding: 15px 0 10px; box-shadow: 0 2px 3px #999; margin-top: -2px; } .header-menu .sublist-wrap:before { content: " "; position: absolute; top: 0; left: 0; right: 0; height: 5px; background: #e87772; } .header-menu .sublist-wrap.active, .top-menu { display: block; } .header-menu .sublist li { position: relative; } .header-menu .sublist .back-button { display: none; } .header-menu .sublist li a { display: block; padding: 10px 20px 10px 25px; font-size: 14px; color: #606060; position: relative; -webkit-transition: all .25s ease; transition: all .25s ease; } .header-menu .sublist li a:before { content: " "; position: absolute; top: 50%; left: 12px; margin-top: -2px; width: 4px; height: 4px; background: #ddd; } .header-menu .sublist li:hover > a { color: #000; background: #f3f3f3; } .header-menu .sublist-wrap .sublist-wrap { top: -10px; left: 100%; } /* FOOTER */ .footer-centering { width: 1000px; max-width: 100%; margin: 0 auto; } .footer-centering:after { content: "."; display: block; visibility: hidden; clear: both; height: 0; line-height: 0; font-size: 0; } .social-sharing ul { max-width: 310px; vertical-align: top; text-align: left; } .subscribe-block { position: relative; } .newsletter-validation, .newsletter-result { text-align: left; max-width: 336px; } .footer-upper { padding: 40px 10px; } .footer-upper .footer-block { width: auto; } .social-sharing > * { display: inline-block; vertical-align: middle; margin: 0 !important; } .subscribe-block > * { float: left; } .subscribe-block .newsletter { margin: 7px 0 0; } .social-sharing h3, .subscribe-block h3 { line-height: 50px; margin: 0 10px 0 0 !important; } .footer-middle .footer-block { width: 25% !important; text-align: left; } .footer-middle .footer-block a:after { display: none; } /* LEFT/RIGHT COLUMN */ .side-2 .block { width: auto !important; } .side-2 .block .listbox { display: block; } /* CATEGORY PAGE & GRIDS */ .breadcrumb li * { line-height: normal; } div.product-viewmode, div.product-page-size { display: inline-block; } .item-box { width: 24%; } .category-page .item-box, .recently-added-products-page .item-box, .recently-viewed-products-page .item-box, .manufacturer-page .item-box, .vendor-page .item-box, .product-tag-page .item-box, .search-page .item-box { width: 32.3333333%; float: left; } .category-page .item-box:nth-child(3n+1), .recently-added-products-page .item-box:nth-child(3n+1), .recently-viewed-products-page .item-box:nth-child(3n+1), .manufacturer-page .item-box:nth-child(3n+1), .vendor-page .item-box:nth-child(3n+1), .product-tag-page .item-box:nth-child(3n+1), .search-page .item-box:nth-child(3n+1) { clear: both; } .home-page-product-grid .item-box:nth-child(4n+1), .product-grid.bestsellers .item-box:nth-child(4n+1), .product-details-page .item-box:nth-child(4n+1), .shopping-cart-page .item-box:nth-child(4n+1) { clear: both; } .product-grid .item-box .prices { height: 43px; } .item-box .tax-shipping-info { position: absolute; bottom: 2px; left: 0; right: 0; } .product-list .item-box .tax-shipping-info { position: static; } .product-grid .item-box .visible-details { padding: 2px 9px 0; } .item-box:hover .hover-details, .ajax-cart-product-item-hover .hover-details { z-index: 2; opacity: 1; } .visible-details .buttons { display: none; } .home-page-category-grid .item-box { width: 32.33333333333333%; } .product-grid .item-box .add-info { padding: 0 0 45px; } .product-grid .item-box .add-info > *{ vertical-align: middle; } .item-box .add-info .buttons{ display: inline-block; } .item-box .add-info .buttons input[type="button"]{ margin: 0 10px; vertical-align: middle; } .item-box .add-info input[type="button"].add-to-compare-list-button, .item-box .add-info input[type="button"].add-to-wishlist-button{ height: 36px; width: 36px; margin: 0 -1px ; background: #e87772; border-color: #fff; background-image: url(/Themes/Allure/Content/img/icons-add-info.png); background-repeat: no-repeat; vertical-align: middle; font-size: 0; } .item-box .add-info input[type="button"].add-to-compare-list-button{ background-position: -38px -1px; } .item-box .add-info input[type="button"].add-to-compare-list-button:hover { background-position: -38px -37px; } .item-box .add-info input[type="button"].add-to-wishlist-button { background-position: -2px -1px; } .item-box .add-info input[type="button"].add-to-wishlist-button:hover { background-position: -2px -37px; } .item-box .add-info input[type="button"].add-to-compare-list-button:hover, .item-box .add-info input[type="button"].add-to-wishlist-button:hover { background-color: #e87772; } /* desktop grid in mobile */ .item-box.mobile-box .visible-details .buttons { display: block; margin: 0 0 10px; } .product-grid .item-box.mobile-box .hover-details { display: none !important; } .item-box.mobile-box .product-rating-box, .product-grid .item-box.mobile-box .prices { margin: 0 0 5px; } .product-grid .item-box.mobile-box .prices { height: auto; } .item-box.mobile-box .tax-shipping-info { position: static; } /* PRODUCT PAGE */ .product-details-page .gallery { width: 600px; } .product-details-page .overview { float: none !important; width: auto; margin-right: 620px; } .product-variant-line { width: 70%; } /* styling for tabs below the image */ .product-page-alternative-layout .overview{ margin: 0 0 0 620px; } /* manufacturer all & vendor all */ .manufacturer-grid .item-box, .vendor-grid .item-box { width: 31.33333333%; margin: 0 1% 10%; } /* QUICK TABS */ .ui-tabs { width: 100%; } .ui-tabs .write-review .inputs, .ui-tabs .write-review .review-rating { text-align: center; } .ui-tabs .write-review .inputs label, .ui-tabs .write-review .review-rating label { display: block; width: 100%; margin: 0 0 7px; text-align: center; } /* ATTRIBUTES */ .attributes select { max-width: 275px; } /* REVIEW PAGE */ .write-review .review-rating { text-align: left; } .review-rating ul { display: inline-block; } /* WISHLIST & COMPARE LIST */ .compare-products-table-mobile { display: none; } .compare-products-page .clear-list { position: absolute; top: 10px; right: 10px; } /* REGISTRATION, LOGIN, MY ACCOUNT */ #check-availability-button { display: block; margin: 10px auto; width: 150px; } #username-availabilty { position: absolute; top: 50px; left: 62%; } .login-page .inputs.reversed > * { vertical-align: middle; } .login-page .inputs.reversed span { display: inline-block; margin-left: 50px; margin-right: -70px; } /* SHOPPING CART & CHECKOUT */ .order-progress li { margin: 10px 25px; } .shopping-cart-page .common-buttons, .checkout-attributes { text-align: right; } .checkout-attributes li { margin: 0 0 0 10px; } .shopping-cart-page .common-buttons input { margin: 0 0 0 10px; } .shopping-cart-page .totals { margin: 0; } .cart-collaterals { width: 660px; margin: 0; } .cart-collaterals .deals { float: left; width: 300px; margin: 0; } .cart-collaterals .shipping { float: right; width: 340px; margin: 0; } .cart-collaterals .shipping label { margin: 0; text-align: left; } .cart-collaterals .shipping label + * { width: 219px; } .checkout-page .address-item, .checkout-page .order-item { width: 24%; } .checkout-page .address-item{ margin:0 13px 1% 0; } .checkout-page .address-item:nth-child(3n){ margin:0 13px 1% 0; } .address-item:nth-child(3n+1), .order-item:nth-child(3n+1){ clear:none; } .checkout-page .address-item:nth-child(4n){ margin:0; } .checkout-page .address-item:nth-child(4n+1){ clear:both; } .checkout-page .selected-checkout-attributes { text-align: right; } .checkout-page .totals { float: right; } /* SEARCH & SITEMAP */ .basic-search input[type="text"] { width: 350px; } .advanced-search .price-range { margin-left: 48px; } .advanced-search .price-range input { height: auto; } /* BLOG & NEWS */ .news-list-centering { margin: 0 auto; max-width: 1000px; } .news-list-homepage { background: url(/Themes/Allure/Content/img/bg-news.jpg) no-repeat center; padding: 32px 0; } .news-list-homepage .title { position: relative; margin: 0 0 50px; font-size: 26px; text-align: center; color: #fff; text-shadow: 1px 1px rgba(0,0,0,.5); } .news-list-homepage .title:before, .news-list-homepage .title:after { } .news-list-homepage .view-all { text-align: center; } .news-list-page .news-item { width: 49%; max-width: none; } .news-item-page .inputs { text-align: center; } .news-item-page .inputs:first-child label { display: block; width: auto; text-align:center; margin: 0 0 7px; } .news-item-page textarea { display: block; margin: auto; } /* TOPICS */ .master-wrapper-page > .topic-block { width: 1000px; } /* POLL */ .home-page-polls .centering { width: 1000px; } .home-page-polls .poll { width: 31.33333333333333%; margin: 0 1% 20px; } .home-page-polls .poll:nth-child(3n+1) { clear: both; } } @media all and (min-width: 1150px) { .header { padding: 0 0 25px; } .header-menu { margin: 0 30% 0 25%; padding: 0; clear: none; } .header-menu > ul { text-align: left; } } @media all and (min-width: 1280px) { .flyout-cart { right: 50%; margin-right: -630px; } } /*========================================= DESKTOP =========================================*/ /* FORUM MAIN & SEARCH */ .forums-header:after { content: "."; display: block; clear: both; height: 0; font-size: 0; line-height: 0; visibility: hidden; } .current-time { float: left; line-height: 36px; } .forum-search-box { float: right; } .forum-search-box .basic { overflow: hidden; margin: 0 0 5px; } .forum-search-box-text, .forum-search-text, .forum-search-box .search-box-text { float: left; width: 300px; } .forum-search-box-button, .forum-search-button, .forum-search-box .search-box-button { float: left; width: 36px; height: 36px; border: none; overflow: hidden; background: #ccc url(/Themes/Allure/Content/img/search-button.png) center no-repeat; text-indent: 999px; } .forum-search-box .advanced { text-align: right; } .forums-table-section { margin: 0 0 30px; } .forums-table-section a { vertical-align: middle; } .forums-table-section-title { margin: 0 0 10px; overflow: hidden; } .forums-table-section-title > a, .forums-table-section-title strong { float: left; font-size: 18px; font-weight: normal; } .forums-table-section-title span { float: right; } .forums-table-section-title .view-all { line-height: 24px; } .forums-table-section-title .link-rss { margin: 0 0 0 10px; } .forums-table-section .image div { width: 24px; height: 24px; margin: auto; background: url(/Themes/Allure/Content/img/folder1.png) center no-repeat; } .forums-table-section .image div.annoucement { background: url(/Themes/Allure/Content/img/folder2.png) center no-repeat; } .forums-table-section .image div.sticky { background: url(/Themes/Allure/Content/img/folder3.png) center no-repeat; } .forum-search-page .basic-search { text-align: center; } .forum-search-page .basic-search div:first-child { display: inline-block; margin: 0 0 10px; overflow: hidden; } .forum-search-page .advanced-search { margin: 15px 0 0; } .forum-search-page .advanced-search .inputs label { width: 302px; } .forum-search-page .search-error { padding: 15px; text-align: center; color: #c00; } .forum-search-page .search-results { margin: 0 0 15px; } .forum-search-page .basic-search label{ display:none; } .forum-search-page .basic-search .inputs.reversed label{ display:inline-block; width:auto; margin:0 0 0 5px; } .forum-search-page .buttons{ overflow:hidden; } .forum-search-page .buttons .forum-search-button{ margin:0 auto; text-indent:0; background:#cccccc; float:none; border:none; box-shadow:none; width:auto; } .forum-search-page .buttons .forum-search-button:hover{ border:2px solid #e87772; } /* BREADCRUMB & PAGERS */ .forum-breadcrumb { float: left; max-width: 600px; } .pager.upper { display: none; } .pager.lower { float: right; } /* FORUM PAGE */ .forum-page .forum-top { margin: 0 0 20px; } .forum-page .forum-info { position: relative; margin: 0 0 10px; } .forum-page .forum-actions{ margin:0 0 20px; } .forum-page .forum-name{ float:left; } .forum-page .forum-info{ overflow:hidden; } .forum-description{ clear:both; } .forum-page .forum-name h1 { font-size: 18px; } .forum-page .link-rss { position: absolute; top: 20px; right: 0; } .topic-actions { overflow: hidden; } .topic-actions.lower .pager.lower{ clear:both; margin:10px 0; } .forum-page .actions a { margin: 0 10px 0 0; padding: 0 0 0 20px; } .forum-page .new-topic { background: url(/Themes/Allure/Content/img/forum_icon4.png) left center no-repeat; } .forum-page .watch-forum { background: url(/Themes/Allure/Content/img/forum_icon5.png) left center no-repeat; } .forums-table-section.topic-group.active-discussions{ position:relative; } .forums-table-section.topic-group.active-discussions .view-all{ position:absolute; top:5px; right:30px; } .forums-main-page .link-rss{ top:0; right:0; } /* TOPIC PAGE & PROFILE PAGE */ .forum-topic-page .topic-name h1{ margin: 0 0 20px; font-size: 18px; font-weight: normal; } .forum-topic-page .topic-header { margin: 0 0 20px; overflow: hidden; } .forum-topic-page .topic-options { float: left; } .forum-topic-page .topic-options a { margin: 0 10px 0 0; padding: 0 0 0 20px; } .forum-topic-page .reply-topic-button { background: url(/Themes/Allure/Content/img/forum_icon4.png) left center no-repeat; } .forum-topic-page .watch-topic-button { background: url(/Themes/Allure/Content/img/forum_icon5.png) left center no-repeat; } .forum-topic-page .actions { float: right; margin:0 0 10px; } .forum-topic-page .actions a { margin: 0 0 0 10px; padding: 0 0 0 20px; } .forum-topic-page .edit-topic-button, .forum-topic-page .edit-post-link-button { background: url(/Themes/Allure/Content/img/forum_icon1.png) left center no-repeat; } .forum-topic-page .delete-topic-button, .forum-topic-page .delete-post-link-button { background: url(/Themes/Allure/Content/img/forum_icon2.png) left center no-repeat; } .forum-topic-page .move-topic-button { background: url(/Themes/Allure/Content/img/forum_icon3.png) left center no-repeat; } .topic-post { margin: 0 0 20px; border-bottom: 1px dotted #ccc; overflow: hidden; padding: 5px 0 15px; } .topic-post .post-info, .profile-info-box .user-details { float: left; width: 190px; } .topic-post .manage { float: none; margin: 0 0 10px; overflow: hidden; } .topic-post .manage a { float: left; margin: 0 0 0 5px; border: 1px solid #ccc; background-color: #eee; padding: 5px 5px 5px 25px; } .topic-post .manage a:first-child { margin-left: 0; } .topic-post .manage a:hover { text-decoration: none; } .topic-post .edit-post-button, .topic-post .delete-post-link-button { background-position: 5px center; } .topic-post .user-info { padding-right: 10px; /*align control*/ } .topic-post .username { display: inline-block; margin: 0 0 5px; font-weight: bold; } .topic-post .avatar, .profile-info-box .avatar { position: relative; height: 150px; /*adjust as you like*/ margin: 0 0 10px; border: 1px solid #ccc; overflow: hidden; width:190px; float:left; } .topic-post .avatar img, .profile-info-box .avatar img { position: absolute; top: 0; right: 0; bottom: 0; left: 0; max-width: 100%; max-height: 100%; margin: auto; } .topic-post .user-stats { margin: 0 0 10px; font-size: 11px; } .topic-post .user-stats span, .profile-info-box .profile-stats span { margin: 0 0 0 3px; font-weight: bold; } .topic-post .pm-link-button, .profile-info-box .send-pm a{ display: inline-block; border: 2px solid #e87772; background: #fff; color: #e87772; text-transform: uppercase; font-size: 12px; padding: 6px 11px; -webkit-transition: all .15s ease-in-out; transition: all .15s ease-in-out; } .profile-info-box .send-pm{ clear:both; display:block; width:190px; } .topic-post .pm-link-button:hover, .profile-info-box .send-pm a:hover { background: #e87772; color: #fff !important; } .topic-post .post-content, .profile-info-box .profile-stats { margin-left: 200px; text-align: left; } .topic-post .post-head { margin: 0 0 10px; border: 1px solid #ccc; background: #eee; padding: 5px; overflow:hidden; position:relative; } .topic-post .post-head a, .topic-post .post-head span, .topic-post .post-head label { float: left; margin: 0 0 0 5px; font-size:12px; } .topic-post .post-head a{ text-decoration: underline; } .topic-post .quote-post{ float:right; max-width:82px; overflow:hidden; } .post-head .manage-post{ float:left; margin:0 10px 0 0; } .post-head .manage-post a{ text-decoration:none; } .post-head .post-actions{ float:right; } .profile-info-box, .user-last-posts { overflow: hidden; padding: 20px; } .profile-info-box .title { margin: 0 0 10px; font-size: 18px; } .profile-page .topic { margin: 0 0 20px; border-bottom: 1px dotted #ccc; padding: 0 0 15px; } .profile-page .topic-title { margin: 0 0 10px; background: #f6f6f6; padding: 5px; font-size: 16px; } .profile-page .topic-title a { vertical-align: middle; font-style: italic; } .profile-page .topic-data { color: #999; } /* FORUM EDIT & SEND MESSAGE */ .forum-edit-page label, .private-message-send-page label { width: 228px; } .forum-edit-page strong, .private-message-send-page a { font-size: 18px; font-weight: normal; vertical-align: middle; } .private-message-send-page a { display: inline-block; vertical-align: middle; } .forum-edit-page .toolbar, .private-message-send-page .toolbar { margin-left: 235px; } .forum-edit-page textarea, .private-message-send-page textarea { width: 500px; height: 180px; margin-left: 240px; } .forum-edit-page .buttons, .private-message-send-page .options, .private-messages-page .buttons { margin: 15px 0 0; text-align: center; } .forum-edit-page .buttons input, .private-message-send-page .options input, .private-messages-page .buttons input, .private-message-view-page .options input { display: inline-block; border: 2px solid #fff; background: #e87772; color: #fff; text-transform: uppercase; font-size: 16px; padding: 8px 24px; box-shadow: 0 1px 2px 0 rgba(0,0,0,.3); -webkit-transition: all .15s ease-in-out; transition: all .15s ease-in-out; } .forum-edit-page .buttons input:hover, .private-message-send-page .options input:hover, .private-messages-page .buttons input:hover, .private-message-view-page .options input:hover{ border: 2px solid #e87772; background: #fff !important; color: #e87772; } .forum-edit-page .buttons input[type="submit"], .private-messages-page .buttons input[type="submit"], .private-message-send-page .options input[type="submit"], .private-message-view-page .options input.button-1, .move-topic-page .buttons input{ margin: 0 0 10px; display: inline-block; border: 2px solid #fff; background: #e87772; color: #fff; text-transform: uppercase; font-size: 16px; padding: 8px 24px; box-shadow: 0px 1px 2px 0px rgba(0,0,0,.3); -webkit-transition: all .15s ease-in-out; transition: all .15s ease-in-out; } .forum-edit-page .buttons input[type="submit"]:hover, .private-messages-page .buttons input[type="submit"]:hover, .private-message-send-page .options input[type="submit"]:hover, .private-message-view-page .options input.button-1:hover, .move-topic-page .buttons input:hover{ border: 2px solid #e87772; background: #fff !important; color: #e87772; } .forum-edit-page .inputs span { vertical-align: middle; margin-left: 5px; } .private-message-send-page .message label { display: none; } /* INBOX & VIEW MESSAGE */ .private-messages-page td.date { width: 15%; white-space: nowrap; } .private-messages-page .mark-unread-pm-button { display: none; } .private-message-view-page .view-message div { display: inline-block; } .private-message-view-page label { font-weight: bold; } .private-message-view-page span { margin: 0 10px 0 0; vertical-align: middle; } .private-message-view-page span:after { content: "|"; margin: 0 0 0 10px; } .private-message-view-page .message { display: block !important; margin: 15px 0; padding: 20px; background: #fff; } .private-message-view-page .message span:after { display: none; } .private-message-view-page .options { display: block !important; overflow: hidden; } .private-message-view-page .back-pm-button { float: right; text-transform: capitalize !important; } @media all and (max-width: 480px) { .profile-info-box .user-details { float: none; margin: 0 auto 20px; } .profile-info-box .profile-stats { margin: 0; clear: both; } .forums-table-section-title .link-rss { margin: -10px 0 0; background-color:none; } .profile-info-box .avatar, .profile-info-box .profile-stats, .profile-info-box .send-pm{ text-align:center; float:none; margin:0 auto 10px; } } @media all and (max-width: 768px){ .current-time{ float:none; } .forums-table-section.topic-group.active-discussions .view-all{ right:35px; } .forum-breadcrumb { float: none; margin:auto; max-width: 90%; text-align: center; } .forum-page .link-rss{ right:20px; } .forum-actions { margin: 0 auto 10px; } .forum-page .forum-name{ float:none; } .topic-post .post-info, .topic-post .post-content{ float:none; width:100%; margin:0; overflow:hidden; } .topic-post .user-info{ overflow:hidden; } .topic-post .avatar{ float:none; margin:0 auto 10px; } .forum-topic-page .actions{ float:none; margin:0 auto 10px; } .send-pm a{ padding:10px; display:inline-block; } } @media all and (max-width: 980px){ .forum-search-page .advanced-search .inputs label{ width:100%; } .forum-edit-page label{ width:100%; } .forum-edit-page .toolbar, .forum-edit-page textarea{ margin:0 auto 10px; } .forum-edit-page .inputs.reversed label{ display:inline-block; width:auto; margin:0 0 0 5px; } .forum-breadcrumb{ float:none; text-align:center; max-width:100%; } } @media all and (min-width: 768px) { .forums-header .current-time{ clear:both; } } /*! perfect-scrollbar - v0.5.8 * http://noraesae.github.com/perfect-scrollbar/ * Copyright (c) 2014 Hyunje Alex Jun; Licensed MIT */ .ps-container.ps-active-x>.ps-scrollbar-x-rail,.ps-container.ps-active-y>.ps-scrollbar-y-rail{display:block}.ps-container>.ps-scrollbar-x-rail{display:none;position:absolute;-webkit-border-radius:4px;-moz-border-radius:4px;-ms-border-radius:4px;border-radius:4px;opacity:0;-ms-filter:"alpha(Opacity=0)";filter:alpha(opacity=0);-webkit-transition:background-color .2s linear,opacity .2s linear;-moz-transition:background-color .2s linear,opacity .2s linear;-o-transition:background-color .2s linear,opacity .2s linear;transition:background-color .2s linear,opacity .2s linear;bottom:3px;height:8px}.ps-container>.ps-scrollbar-x-rail>.ps-scrollbar-x{position:absolute;background-color:#aaa;-webkit-border-radius:4px;-moz-border-radius:4px;-ms-border-radius:4px;border-radius:4px;-webkit-transition:background-color .2s linear;-moz-transition:background-color .2s linear;-o-transition:background-color .2s linear;transition:background-color .2s linear;bottom:0;height:8px}.ps-container>.ps-scrollbar-x-rail.in-scrolling{background-color:#eee;opacity:.9;-ms-filter:"alpha(Opacity=90)";filter:alpha(opacity=90)}.ps-container>.ps-scrollbar-y-rail{display:none;position:absolute;-webkit-border-radius:4px;-moz-border-radius:4px;-ms-border-radius:4px;border-radius:4px;opacity:0;-ms-filter:"alpha(Opacity=0)";filter:alpha(opacity=0);-webkit-transition:background-color .2s linear,opacity .2s linear;-moz-transition:background-color .2s linear,opacity .2s linear;-o-transition:background-color .2s linear,opacity .2s linear;transition:background-color .2s linear,opacity .2s linear;right:3px;width:8px}.ps-container>.ps-scrollbar-y-rail>.ps-scrollbar-y{position:absolute;background-color:#aaa;-webkit-border-radius:4px;-moz-border-radius:4px;-ms-border-radius:4px;border-radius:4px;-webkit-transition:background-color .2s linear;-moz-transition:background-color .2s linear;-o-transition:background-color .2s linear;transition:background-color .2s linear;right:0;width:8px}.ps-container>.ps-scrollbar-y-rail.in-scrolling{background-color:#eee;opacity:.9;-ms-filter:"alpha(Opacity=90)";filter:alpha(opacity=90)}.ps-container:hover>.ps-scrollbar-x-rail,.ps-container:hover>.ps-scrollbar-y-rail{opacity:.6;-ms-filter:"alpha(Opacity=60)";filter:alpha(opacity=60)}.ps-container:hover>.ps-scrollbar-x-rail.in-scrolling,.ps-container:hover>.ps-scrollbar-y-rail.in-scrolling{background-color:#eee;opacity:.9;-ms-filter:"alpha(Opacity=90)";filter:alpha(opacity=90)}.ps-container:hover>.ps-scrollbar-x-rail:hover{background-color:#eee;opacity:.9;-ms-filter:"alpha(Opacity=90)";filter:alpha(opacity=90)}.ps-container:hover>.ps-scrollbar-x-rail:hover>.ps-scrollbar-x{background-color:#999}.ps-container:hover>.ps-scrollbar-y-rail:hover{background-color:#eee;opacity:.9;-ms-filter:"alpha(Opacity=90)";filter:alpha(opacity=90)}.ps-container:hover>.ps-scrollbar-y-rail:hover>.ps-scrollbar-y{background-color:#999} /* * Copyright 2015 Seven Spikes Ltd. All rights reserved. (http://www.nop-templates.com) * http://www.nop-templates.com/t/licensinginfo */ /*===================================================== SMALLER MOBILE DEVICES =====================================================*/ @media all and (min-width: 240px) { .responsive-nav-wrapper .filters-button { display: inline-block; } /* GLOBAL */ .filtersTitlePanel { display: none; } .clearFilterOptionsAll { float: right; cursor: pointer; } .filtersPanel { background: #fff; padding: 0 5px 10px; margin: 0 0 10px; } .filtersPanel:after { content: "."; display: block; clear: both; visibility: hidden; line-height: 0; height: 0; font-size: 0; } .filter-block, .filter-block .title { position: relative; margin: 0; width: auto !important; } .filter-block .title { background: #fff !important; border-bottom: 1px solid #ddd !important; padding: 0 !important; } .filter-block a.toggleControl { display: block; padding: 12px 42px 12px 14px; cursor: pointer; font-size: 20px; color: #555; text-align: left; background: url(/Plugins/SevenSpikes.Nop.Plugins.AjaxFilters/Themes/Allure/Content/images/arrow-down.png) no-repeat 95% center !important; } .filter-block a.toggleControl.closed { background: url(/Plugins/SevenSpikes.Nop.Plugins.AjaxFilters/Themes/Allure/Content/images/arrow-right.png) no-repeat 95% center !important; } .filter-block a.clearFilterOptions, .filter-block a.clearPriceRangeFilter { position: absolute; top: 50%; right: 2px; width: 49px; height: 37px; line-height: 32px; margin-top: -19px; background: #fff; color: #e87772; text-align: center; text-transform: lowercase; cursor: pointer; font-size: 16px; border: 2px solid #e87772; } .filtersGroupPanel { color: #000; background: #fff; border-bottom: 1px solid #ddd; } /* SEARCH CRITERIA */ .selected-options-list > li { overflow: hidden; padding: 10px; text-align: left; font-size: 14px; line-height: 1.2; color: #000; -webkit-transition: all .2s ease-in-out; transition: all .2s ease-in-out; } .selected-options-list > li label{ display: block; margin-bottom: 5px; } .selected-options-list > li span { float: left; padding: 8px 20px 8px 2px; background: url(/Plugins/SevenSpikes.Nop.Plugins.AjaxFilters/Themes/Allure/Content/images/clear.png) top 10px right 2px no-repeat; margin: 0 10px 0 0; vertical-align: middle; color: #e87772; cursor: pointer; position: relative } .selected-options-list > li span:hover{ text-decoration: underline; } /* PRICE RANGE SLIDER */ .priceRangeFilterPanel7Spikes .filtersGroupPanel { padding: 10px; } .priceRangeMinMaxPanel { overflow: hidden; margin: 0 0 12px; font-size: 12px; text-transform: lowercase; color: #aaa; } .priceRangeMinPanel { float: left; } .priceRangeMaxPanel { float: right; } .ui-slider { position: relative; width: auto; height: 22px; margin: 0 8px 12px; background: #d6d6d6; box-shadow: inset 0 2px 1px rgba(0,0,0,.2); border-radius: 12px; } .ui-slider-range { height: 22px; background: #e87772; box-shadow: inset 0 2px 1px rgba(0,0,0,0.2); position: absolute; border-radius: 12px; } .ui-slider-handle { position: absolute; top: 0px; width: 22px; height: 22px; margin-left: -1px; background: #fff url(/Plugins/SevenSpikes.Nop.Plugins.AjaxFilters/Themes/Allure/Content/images/icon-handler.png) no-repeat center !important; box-shadow: 0 2px 3px rgba(0,0,0,0.2); border-radius: 100%; } .ui-slider-handle:last-child { margin-left: -21px; } .priceRangeCurrentPricesPanel { overflow: hidden; } .priceRangeCurrentPricesPanel span { color: #e87772; font-size: 14px; } .priceRangeCurrentPricesPanel .currentMinPrice { float: left; } .priceRangeCurrentPricesPanel .currentMaxPrice { float: right; } /* CHECKBOX MODE */ .filtersGroupPanel ul:after { content: "."; display: block; clear: both; visibility: hidden; line-height: 0; height: 0; font-size: 0; } .filtersGroupPanel li > a { display: block; padding: 12px 10px 12px 42px; line-height: 1.2; position: relative; font-size: 14px; cursor: pointer; -webkit-transition: all .2s ease-in-out; transition: all .2s ease-in-out; text-align: left; } .filtersGroupPanel li > a:hover { background-color: #f3f3f3; } .filtersGroupPanel li a:before { content: " "; width: 14px; height: 14px; border: 1px solid #ddd; position: absolute; top: 50%; left: 15px; margin: -8px 0 0; z-index: 1; } a.filterItemSelected { background-color: #f3f3f3; } a.filterItemSelected:before { background:url(/Plugins/SevenSpikes.Nop.Plugins.AjaxFilters/images/selected.png) no-repeat center; } a.filterItemSelectedDisabled { background:url(/Plugins/SevenSpikes.Nop.Plugins.AjaxFilters/images/selected.png) no-repeat center; opacity: 0.4; } a.filterItemDisabled { opacity: 0.4; } a.filterItemDisabled, a.filterItemSelectedDisabled { color: #999; cursor: default; } a.filterItemDisabled:hover, a.filterItemSelectedDisabled:hover { color: #999; } /* COLOR SQUARE ATTRIBUTES */ .colorOptions .color-container { position: absolute; top: 50%; margin-top: -11px; left: 12px; width: 20px; height: 20px; border-radius: 10px; overflow: hidden; border: 1px solid #acacac; } .filtersGroupPanel.colorOptions li a:before { border: 0; } .colorOptions .color { display: block; width: 20px; height: 20px; } .colorOptions a.filterItemDisabled, .colorOptions a.filterItemSelectedDisabled { opacity: 0.5; filter: alpha(opacity=50); } .colorOptions .defaultColor { background: -moz-linear-gradient(-45deg, #ffffff 0%, #ffffff 50%, #000000 50%, #000000 100%); background: -webkit-gradient(linear, left top, right bottom, color-stop(0%, #ffffff), color-stop(50%, #ffffff), color-stop(50%, #000000), color-stop(100%, #000000)); /* Chrome,Safari4+ */ background: -webkit-linear-gradient(-45deg, #ffffff 0%, #ffffff 50%, #000000 50%, #000000 100%); /* Chrome10+,Safari5.1+ */ background: -o-linear-gradient(-45deg, #ffffff 0%, #ffffff 50%, #000000 50%, #000000 100%); background: -ms-linear-gradient(-45deg, #ffffff 0%, #ffffff 50%, #000000 50%, #000000 100%); /* IE10+ */ background: linear-gradient(135deg, #ffffff 0%, #ffffff 50%, #000000 50%, #000000 100%); /* W3C */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#000000', GradientType=1 ); } /* PRODUCT GRID SELECTORS */ .jDropDown { position: relative; display: inline-block; margin: 0 10px; background: #fff url(/Plugins/SevenSpikes.Nop.Plugins.AjaxFilters/Themes/Allure/Content/images/arrow-dropdown.png) no-repeat right center; font-size: 14px; cursor: pointer; border-top: 1px solid #ddd; border-bottom: 1px solid #ddd; } .product-viewmode .jDropDown { min-width: 120px; } .product-sorting .jDropDown { min-width: 150px; } .product-page-size .jDropDown { min-width: 85px; } .jDropDown > div { padding: 8px 12px; text-align: left; position: relative; } .jDropDown ul { display: none; position: absolute; top: 32px; z-index: 100; width: 100%; background: #fff; text-align: left; overflow: hidden; border: 1px solid #ccc; } .jDropDown li span, .jDropDown li a { display: block; padding: 7px 16px; color: #555; cursor: pointer; border-top: 1px dotted #ccc; } .jDropDown li span:hover, .jDropDown li.selected span { background: #f3f3f3; color: #333; } .jDropDown li:first-child span, .jDropDown li:first-child a { border-top: 0 !important; } .number-of-returned-products.active { display: none; } /* DROPDOWN MODE */ .filtersDropDownPanel { padding: 10px; } .filtersDropDown { width: 100%; margin: 0; } .filtersDropDown div { background-position: 100% center !important; } .filtersDropDown.jDropDown a { padding-left: 10px; border-top: 0; } .filtersDropDown a.filterItemDisabled, .filtersDropDown a.filterItemDisabledSelected { display: none; } .filtersGroupPanel.filtersDropDownPanel li { float: none !important; width: auto !important; margin-bottom: 0; } .filtersGroupPanel.filtersDropDownPanel li a:hover { background: #555; color: #fff; } .filtersGroupPanel.filtersDropDownPanel li:first-child a { border-top: 1px solid #c9c9c9; } .filtersGroupPanel.filtersDropDownPanel li a:before { display: none; } /* AJAX LOADER */ .productPanelAjaxBusy { position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: #fff url(/Plugins/SevenSpikes.Nop.Plugins.AjaxFilters/images/ajaxLoader.gif) no-repeat 50% 50%; filter: Alpha(opacity = 70); opacity: 0.7; z-index: 2; } .infinite-scroll-loader { display: none; height: 100px; background: #fff url(/Plugins/SevenSpikes.Nop.Plugins.AjaxFilters/images/ajaxLoader.gif) no-repeat 50% 50%; font-size: 0; filter: Alpha(opacity = 70); opacity: 0.7; z-index: 2; clear: both; } /* NO RESULTS POPUP */ .ajaxFilters.k-window { position: absolute; z-index: 10001; height: auto !important; border: 1px solid #ccc; box-shadow: 0 1px 2px #ccc; background: #fff; padding: 1px !important; } .ajaxFilters .k-window-titlebar { margin: 0 !important; border-bottom: 1px solid #bbb; background: #ddd; padding: 8px; } .ajaxFilters .k-window-titlebar span { font-size: 16px; color: #333; text-shadow: 1px 1px 0 #fff; } .ajaxFilters .k-window-actions { position: absolute; top: 10px; right: 10px; } .ajaxFilters .k-window-actions a { display: block; } .ajaxFilters .k-window-actions .k-icon { display: block; height: 16px; width: 16px; border: 1px solid #ccc; box-shadow: 0 0 1px #999 inset; background: #333 url(/Plugins/SevenSpikes.Nop.Plugins.AjaxFilters/images/button-close-hover.png) no-repeat center; font-size: 0; } .ajaxFilters .k-window-actions .k-icon:hover { background: #fff url(/Plugins/SevenSpikes.Nop.Plugins.AjaxFilters/images/button-close.png) no-repeat center; } .ajaxFilters .k-window-content { min-height: inherit !important; min-width: inherit !important; padding: 15px; line-height: 18px; color: #555; } } @media all and (max-width: 1000px) { .nopAjaxFilters7Spikes { position: fixed; top: 0; left: 0; width: 320px; height: 100%; background: #333; overflow: hidden; z-index: 2147483647; -webkit-transition: all .3s ease-in-out; transition: all .3s ease-in-out; } .notAndroid23 .nopAjaxFilters7Spikes{ -webkit-transform: translate(-320px); -ms-transform: translate(-320px); transform: translate(-320px); } .android23 .nopAjaxFilters7Spikes{ left: -320px; } .nopAjaxFilters7Spikes.open { box-shadow: 1px 0 5px rgba(0,0,0,0.5); } .notAndroid23 .nopAjaxFilters7Spikes.open{ -webkit-transform: translate(0); -ms-transform: translate(0); transform: translate(0); } .android23 .nopAjaxFilters7Spikes.open{ left: 0; } .nopAjaxFilters7Spikes .close-filters { background: #e87772; cursor: pointer; } .nopAjaxFilters7Spikes .close-filters span { display: block; padding: 15px 20px; font-size: 20px; color: #fff; text-transform: uppercase; line-height: 15px; text-align: right; background: url(/Plugins/SevenSpikes.Nop.Plugins.AjaxFilters/Themes/Allure/Content/images/mobile-filters-close.png) no-repeat 15px center; } .nopAjaxFilters7Spikes .filter-block { margin: 0; } .filtersPanel { margin: 0; } } /*===================================================== DESKTOP =====================================================*/ @media all and (min-width: 1001px) { .filters-button, .close-filters { display: none; } .filter-block { margin: 0 auto 20px; } .filtersGroupPanel li > a { padding: 10px 10px 10px 42px; } .filtersGroupPanel li:last-child > a { border: 0; } .filter-block a.toggleControl { padding: 10px 42px 10px 8px; font-size: 18px; font-weight: 300; color: #555; } .filtersGroupPanel { display: block; position: relative; z-index: 2; } .selected-options-list > li span { padding: 4px 20px 4px 2px; background-position: top 5px right 2px; margin: 0 7px 0 0; } .number-of-returned-products.active { display: block; margin-bottom: 20px; text-align: center; font-size: 14px; color: #999; } .number-of-returned-products .productsPerPage, .number-of-returned-products .allProductsReturned { color: #555; } } .remodal-close:before { font-size: 35px !important; } .remodal-close { margin-top: 7px !important; margin-right: 7px !important; z-index: 1000 !important; } #atcModal h1 a { color: #555; } #atc_alertModal { width: 300px; } #atc_alertModal .alert-title { padding: 15px; } #atc_alertModal .alert-message { padding: 20px; color: #c00; font-size: 1.5em; } .remodal .message-error { font-size: 1.5em; } #atcModal .atcBottom input[type=submit] { font-size: 16px !important; border: 2px solid #ff5252; background-color: #ff5252; color: #ffffff; padding: 12px 18px; box-shadow: 0px 1px 2px 0px rgba(0, 0, 0, .3); transition: all .5s ease-in-out; border-radius: 4px !important; text-transform: uppercase; } #atcModal .atcBottom input[type=submit]:hover { color: #ff5252; background-color: #fff; border: 2px solid #ff5252; transition: all .5s ease-in-out; border-radius: 4px !important; text-transform: uppercase; } #atcModal h1 { text-transform: none; font-weight: normal; font-size: 16px; margin: 0 0 10px; } #atcModal .price { color: #00bcd4; } #atcModal .atcBottom{ border-top: 1px solid #ddd; text-align: center; padding: 10px; clear: both; } #atcModal .atcBottom div { margin-top: 10px; } #atcModal .atcBottom a{ color: #555; display: inline-block; min-width: 170px; padding: 5px 15px; text-align: left; font-size: 14px; text-transform: uppercase; } #atcModal strong { display: block; margin-bottom: 10px; font-size: 18px; } #qvModal .attributes select { padding: 4px 10px !important; font-size: 14px !important; font-weight: bold; width: 100%; } #atcModal .added-to-cart-title { text-shadow: none !important; text-transform: none !important; padding: 15px; text-transform: none; font-weight: normal; font-size: 16px; text-align: center; } #qvModal .attributes { margin: 0 0 20px; border-bottom: 1px solid #ddd; } #qvModal .product-essential, #atcModal .productEssential { margin: 0 0 0 !important; } #qvModal h1 { font-family: 'AmericanTypewriterBold', serif; font-size: 18px !important; text-align: center; padding: 15px; } #qvModal .overview .prices { margin: 20px 0 !important; border-bottom: 1px solid #ddd; } .remodal .product-content { border-top: 3px solid #00bcd4; padding: 35px; } #qvMainContent .gallery, #atcMainContent .gallery { float: left; margin: 0 20px 0 0; width: auto; height: 150px; width: 150px; } #atcModal { max-width: 550px !important; width: 400px; } #qvModal { max-width: 550px !important; width: 500px; } #atcMainContent .overview { width: auto; float: none; margin: 0 0 0 170px; margin-bottom: 15px; } #qvMainContent .overview { width: auto; float: none; margin: 0 0 0 170px; } #qvMainContent .add-to-cart-panel { width: 100%; } /*#qvModal .product-name { max-width: 475px; text-shadow: none !important; text-transform: none !important; padding: 15px 15px 0 15px !important; height: 38px !important; }*/ /* * Remodal - v1.0.6 * Responsive, lightweight, fast, synchronized with CSS animations, fully customizable modal window plugin with declarative configuration and hash tracking. * http://vodkabears.github.io/remodal/ * * Made by Ilya Makarov * Under MIT License */ /* ========================================================================== Remodal's default mobile first theme ========================================================================== */ /* Default theme styles for the background */ .remodal-bg.remodal-is-opening, .remodal-bg.remodal-is-opened { -webkit-filter: blur(3px); filter: blur(3px); } /* Default theme styles of the overlay */ .remodal-overlay { background: rgba(43, 46, 56, 0.75); } .remodal-overlay.remodal-is-opening, .remodal-overlay.remodal-is-closing { -webkit-animation-duration: 0.3s; animation-duration: 0.3s; -webkit-animation-fill-mode: forwards; animation-fill-mode: forwards; } .remodal-overlay.remodal-is-opening { -webkit-animation-name: remodal-overlay-opening-keyframes; animation-name: remodal-overlay-opening-keyframes; } .remodal-overlay.remodal-is-closing { -webkit-animation-name: remodal-overlay-closing-keyframes; animation-name: remodal-overlay-closing-keyframes; } /* Default theme styles of the wrapper */ .remodal-wrapper { padding: 10px 10px 0; } /* Default theme styles of the modal dialog */ .remodal { -webkit-box-sizing: border-box; box-sizing: border-box; width: 100%; margin-bottom: 10px; -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); background: #fff; } .remodal.remodal-is-opening, .remodal.remodal-is-closing { -webkit-animation-duration: 0.3s; animation-duration: 0.3s; -webkit-animation-fill-mode: forwards; animation-fill-mode: forwards; } .remodal.remodal-is-opening { -webkit-animation-name: remodal-opening-keyframes; animation-name: remodal-opening-keyframes; } .remodal.remodal-is-closing { -webkit-animation-name: remodal-closing-keyframes; animation-name: remodal-closing-keyframes; } /* Vertical align of the modal dialog */ .remodal, .remodal-wrapper:after { vertical-align: middle; } /* Close button */ .remodal-close { position: absolute; top: 0; right: 0px; display: block; overflow: visible; width: 35px; height: 35px; margin: 0; padding: 0; cursor: pointer; -webkit-transition: color 0.2s; transition: color 0.2s; text-decoration: none; color: #95979c; border: 0; outline: 0; background: transparent; } .remodal-close:hover, .remodal-close:focus { color: #2b2e38; } .remodal-close:before { font-family: Arial, "Helvetica CY", "Nimbus Sans L", sans-serif !important; font-size: 25px; line-height: 35px; position: absolute; top: 0; left: 0; display: block; width: 35px; content: "\00d7"; text-align: center; } /* Dialog buttons */ .remodal-confirm, .remodal-cancel { font: inherit; display: inline-block; overflow: visible; min-width: 110px; margin: 0; padding: 12px 0; cursor: pointer; -webkit-transition: background 0.2s; transition: background 0.2s; text-align: center; vertical-align: middle; text-decoration: none; border: 0; outline: 0; } .remodal-confirm { color: #fff; background: #4ab2f1; } .remodal-confirm:hover, .remodal-confirm:focus { background: #4ab2f1; } .remodal-cancel { color: #fff; background: #4ab2f1; } .remodal-cancel:hover, .remodal-cancel:focus { background: #4ab2f1; } /* Remove inner padding and border in Firefox 4+ for the button tag. */ .remodal-confirm::-moz-focus-inner, .remodal-cancel::-moz-focus-inner, .remodal-close::-moz-focus-inner { padding: 0; border: 0; } /* Keyframes ========================================================================== */ @-webkit-keyframes remodal-opening-keyframes { from { -webkit-transform: scale(1.05); transform: scale(1.05); opacity: 0; } to { -webkit-transform: none; transform: none; opacity: 1; } } @keyframes remodal-opening-keyframes { from { -webkit-transform: scale(1.05); transform: scale(1.05); opacity: 0; } to { -webkit-transform: none; transform: none; opacity: 1; } } @-webkit-keyframes remodal-closing-keyframes { from { -webkit-transform: scale(1); transform: scale(1); opacity: 1; } to { -webkit-transform: scale(0.95); transform: scale(0.95); opacity: 0; } } @keyframes remodal-closing-keyframes { from { -webkit-transform: scale(1); transform: scale(1); opacity: 1; } to { -webkit-transform: scale(0.95); transform: scale(0.95); opacity: 0; } } @-webkit-keyframes remodal-overlay-opening-keyframes { from { opacity: 0; } to { opacity: 1; } } @keyframes remodal-overlay-opening-keyframes { from { opacity: 0; } to { opacity: 1; } } @-webkit-keyframes remodal-overlay-closing-keyframes { from { opacity: 1; } to { opacity: 0; } } @keyframes remodal-overlay-closing-keyframes { from { opacity: 1; } to { opacity: 0; } } /* Media queries ========================================================================== */ @media only screen and (min-width: 641px) { .remodal { max-width: 700px; } } /* IE8 ========================================================================== */ .lt-ie9 .remodal-overlay { background: #2b2e38; } .lt-ie9 .remodal { width: 700px; } /* * Remodal - v1.0.6 * Responsive, lightweight, fast, synchronized with CSS animations, fully customizable modal window plugin with declarative configuration and hash tracking. * http://vodkabears.github.io/remodal/ * * Made by Ilya Makarov * Under MIT License */ /* ========================================================================== Remodal's necessary styles ========================================================================== */ /* Hide scroll bar */ html.remodal-is-locked { overflow: hidden; -ms-touch-action: none; touch-action: none; } /* Anti FOUC */ .remodal, [data-remodal-id] { display: none; text-align: left; } /* Necessary styles of the overlay */ .remodal-overlay { position: fixed; z-index: 9999; top: -5000px; right: -5000px; bottom: -5000px; left: -5000px; display: none; } /* Necessary styles of the wrapper */ .remodal-wrapper { position: fixed; z-index: 10000; top: 0; right: 0; bottom: 0; left: 0; display: none; overflow: auto; text-align: center; -webkit-overflow-scrolling: touch; } .remodal-wrapper:after { display: inline-block; height: 100%; margin-left: -0.05em; content: ""; } /* Fix iPad, iPhone glitches */ .remodal-overlay, .remodal-wrapper { -webkit-backface-visibility: hidden; backface-visibility: hidden; } /* Necessary styles of the modal dialog */ .remodal { position: relative; outline: none; -webkit-text-size-adjust: 100%; -moz-text-size-adjust: 100%; -ms-text-size-adjust: 100%; text-size-adjust: 100%; } .remodal-is-initialized { /* Disable Anti-FOUC */ display: inline-block; } /*! * Fine Uploader * * Copyright 2013, Widen Enterprises, Inc. info@fineuploader.com * * Version: 4.2.2 * * Homepage: http://fineuploader.com * * Repository: git://github.com/Widen/fine-uploader.git * * Licensed under GNU GPL v3, see LICENSE */ /*! fineuploader 2014-01-31 */ .qq-uploader{position:relative;width:100%}.qq-upload-button{display:block;width:105px;padding:7px 0;text-align:center;background:#800;border-bottom:1px solid #DDD;color:#FFF}.qq-upload-button-hover{background:#C00}.qq-upload-button-focus{outline:1px dotted #000}.qq-upload-drop-area,.qq-upload-extra-drop-area{position:absolute;top:0;left:0;width:100%;height:100%;min-height:30px;z-index:2;background:#FF9797;text-align:center}.qq-upload-drop-area span{display:block;position:absolute;top:50%;width:100%;margin-top:-8px;font-size:16px}.qq-upload-extra-drop-area{position:relative;margin-top:50px;font-size:16px;padding-top:30px;height:20px;min-height:40px}.qq-upload-drop-area-active{background:#FF7171}.qq-upload-list{margin:0;padding:0;list-style:none}.qq-upload-list li{margin:0;padding:9px;line-height:15px;font-size:16px;background-color:#FFF0BD}.qq-upload-file,.qq-upload-spinner,.qq-upload-size,.qq-upload-cancel,.qq-upload-retry,.qq-upload-failed-text,.qq-upload-delete,.qq-upload-pause,.qq-upload-continue{margin-right:12px;display:inline}.qq-upload-file{}.qq-upload-spinner{display:inline-block;background:url(/Scripts/fineuploader/loading.gif);width:15px;height:15px;vertical-align:text-bottom}.qq-drop-processing{display:block}.qq-drop-processing-spinner{display:inline-block;background:url(/Scripts/fineuploader/processing.gif);width:24px;height:24px;vertical-align:text-bottom}.qq-upload-delete,.qq-upload-pause,.qq-upload-continue{display:inline}.qq-upload-retry,.qq-upload-delete,.qq-upload-cancel,.qq-upload-pause,.qq-upload-continue{color:#000}.qq-upload-retryable .qq-upload-retry{display:inline}.qq-upload-size,.qq-upload-cancel,.qq-upload-retry,.qq-upload-delete,.qq-upload-pause,.qq-upload-continue{font-size:12px;font-weight:400}.qq-upload-failed-text{display:none;font-style:italic;font-weight:700}.qq-upload-failed-icon{display:none;width:15px;height:15px;vertical-align:text-bottom}.qq-upload-fail .qq-upload-failed-text{display:inline}.qq-upload-retrying .qq-upload-failed-text{display:inline;color:#D60000}.qq-upload-list li.qq-upload-success{background-color:#5DA30C;color:#FFF}.qq-upload-list li.qq-upload-fail{background-color:#D60000;color:#FFF}.qq-progress-bar{display:block;background:-moz-linear-gradient(top,rgba(30,87,153,1) 0,rgba(41,137,216,1) 50%,rgba(32,124,202,1) 51%,rgba(125,185,232,1) 100%);background:-webkit-gradient(linear,left top,left bottom,color-stop(0%,rgba(30,87,153,1)),color-stop(50%,rgba(41,137,216,1)),color-stop(51%,rgba(32,124,202,1)),color-stop(100%,rgba(125,185,232,1)));background:-webkit-linear-gradient(top,rgba(30,87,153,1) 0,rgba(41,137,216,1) 50%,rgba(32,124,202,1) 51%,rgba(125,185,232,1) 100%);background:-o-linear-gradient(top,rgba(30,87,153,1) 0,rgba(41,137,216,1) 50%,rgba(32,124,202,1) 51%,rgba(125,185,232,1) 100%);background:-ms-linear-gradient(top,rgba(30,87,153,1) 0,rgba(41,137,216,1) 50%,rgba(32,124,202,1) 51%,rgba(125,185,232,1) 100%);background:linear-gradient(to bottom,rgba(30,87,153,1) 0,rgba(41,137,216,1) 50%,rgba(32,124,202,1) 51%,rgba(125,185,232,1) 100%);width:0;height:15px;border-radius:6px;margin-bottom:3px}INPUT.qq-edit-filename{position:absolute;opacity:0;filter:alpha(opacity=0);z-index:-1;-ms-filter:"alpha(Opacity=0)"}.qq-upload-file.qq-editable{cursor:pointer}.qq-edit-filename-icon.qq-editable{display:inline-block;cursor:pointer}INPUT.qq-edit-filename.qq-editing{position:static;margin-top:-5px;margin-right:10px;margin-bottom:-5px;opacity:1;filter:alpha(opacity=100);-ms-filter:"alpha(Opacity=100)"}.qq-edit-filename-icon{display:none;background:url(/Scripts/fineuploader/edit.gif);width:15px;height:15px;vertical-align:text-bottom;margin-right:5px}INPUT.qq-edit-filename.qq-editing~.qq-upload-cancel{display:none}.qq-hide{display:none} /*! 2014-01-31 */ /* * Copyright 2014 Seven Spikes Ltd. All rights reserved. (http://www.nop-templates.com) * http://www.nop-templates.com/t/licensinginfo */ /*===================================================== MAIN CSS / SMALLER MOBILE DEVICES =====================================================*/ @media all and (min-width: 240px) { input.narrow.instant-search-busy { background: url(/Plugins/SevenSpikes.Nop.Plugins.InstantSearch/images/ajax-loader-small.gif) no-repeat 178px center !important; } input.instant-search-busy { background: url(/Plugins/SevenSpikes.Nop.Plugins.InstantSearch/images/ajax-loader-small.gif) no-repeat 218px center !important; } /* WITH CATEGORY */ input.search-box-text.narrow { width: 200px !important; } span.search-box-text { width: auto !important; } span.search-box-text, .search-box select { float: left; } .search-box select { width: 52px; height: 36px; line-height: 32px; border: 0; border-left: 1px solid #fff; border-top: 1px solid #fff; border-bottom: 1px solid #fff; background: 0; opacity: .4; color: #fff; } .search-box select:focus { opacity: 1; } /* AUTOCOMPLETE */ .instantSearch { width: 256px !important; height: auto !important; margin-top: -1px !important; } .instantSearch.resize { width: 287px !important; } .instantSearch .k-list-container { position: static !important; width: 100% !important; height: auto !important; background: #fff; box-shadow: 0 0 3px rgba(0,0,0,0.2); padding: 10px; } .instantSearch .k-item { border-top: 1px solid #ccc; cursor: pointer; } .instantSearch .k-item:first-child { border-top: none; } .instant-search-item { overflow: hidden; padding: 7px; } .instant-search-item .img-block { position: relative; float: left; overflow: hidden; width: 80px; height: 80px; background-color: #fff; text-align: center; border-radius: 100%; border: 1px solid #eee; border-radius: 100%; } .instant-search-item .img-block img { position: absolute; top: 0; right: 0; bottom: 0; left: 0; max-width: 100%; max-height: 100%; margin: auto; } .instant-search-item .detail { min-height: 42px; margin-left: 90px; } .instant-search-item .detail .title { font-size: 14px; line-height: 1.2; margin: 0 0 5px; } .instant-search-item .detail .price { font-size: 14px; color: #e87772; font-weight: 700; } .instant-search-item .detail .sku { margin: 0 0 5px; } .k-item.k-state-hover .instant-search-item, .k-item.k-state-focused .instant-search-item { background: #f3f3f3; } } @media all and (min-width: 481px) { } @media all and (min-width: 769px) { } @media all and (min-width: 1001px) { input.search-box-text.narrow { width: 170px !important; } .search-box select { width: 82px; height: 38px; border-left: 1px solid #ddd; border-top: 1px solid #ddd; border-bottom: 1px solid #ddd; opacity: 1; color: #999; margin-right: 5px; } .instantSearch { width: 276px !important; } } /* * Copyright 2014 Seven Spikes Ltd. All rights reserved. (http://www.nop-templates.com) * http://www.nop-templates.com/t/licensinginfo */ .ribbon-wrapper { position: relative; } .product-list .ribbon-wrapper { float: left; } /* ribbon positioning */ .ribbon-position { font-size: 0; line-height: 0; position: absolute; z-index: 1; -webkit-transition: all .15s ease-in-out; -moz-transition: all .15s ease-in-out; -o-transition: all .15s ease-in-out; transition: all .15s ease-in-out; } .ribbon-position.top-left { top: 0; left: 0; } .ribbon-position.top-right { top: 0; right: 0; } .ribbon-position.bottom-left { bottom: 0; left: 0; } .ribbon-position.bottom-right { bottom: 0; right: 0; } .ribbon-position.top-middle { top: 0; left: 0; right: 0; text-align: center; } .ribbon-position.right-middle, .ribbon-position.left-middle { top: 0; right: 0; bottom: 0; left: 0; text-align: right; } .ribbon-position.bottom-middle { bottom: 0; left: 0; right: 0; text-align: center; } .ribbon-position.left-middle { text-align: left; } .ribbon-position.center { top: 0; right: 0; bottom: 0; left: 0; text-align: center; } .ribbon-position.right-middle:before, .ribbon-position.left-middle:before, .ribbon-position.center:before { content: " "; display: inline-block; height: 100%; width: 0; vertical-align: middle; } /* ribbon wrapping element */ .product-ribbon { display: inline-block; vertical-align: middle; position: relative; } /* ribbon label without image*/ .ribbon-text { font-size: 12px; line-height: normal; } /* ribbon label with image */ .ribbon-image-text { font-size: 12px; line-height: normal; position: absolute; top: 0; left: 0; } /* * Copyright 2014 Seven Spikes Ltd. All rights reserved. (http://www.nop-templates.com) * http://www.nop-templates.com/t/licensinginfo */ .item-box:hover .ribbon-position, .item-holder:hover .ribbon-position { opacity: 0; } .gallery .ribbon-wrapper { margin: 0 0 20px; max-width: 100%; } .gallery .ribbon-wrapper .picture { margin: 0; } @media all and (min-width: 240px) and (max-width: 1000px) { .gallery .ribbon-wrapper { display: inline-block; } } @media all and (max-width: 480px) { .product-list .item-box .ribbon-wrapper { float: none; } } /*===================================================== ITTP design mod =====================================================*/ @font-face { font-family: 'AmericanTypewriterBold'; src: url(/Themes/Allure/Content/CSS/fonts/americantypewriter-bold.woff2) format('woff2'), /* Super Modern Browsers */ url(/Themes/Allure/Content/CSS/fonts/americantypewriter-bold.woff) format('woff'), /* Pretty Modern Browsers */ url(/Themes/Allure/Content/CSS/fonts/americantypewriter-bold.ttf) format('truetype'), /* Safari, Android, iOS */ url(/Themes/Allure/Content/CSS/fonts/americantypewriter-bold.svg) format('svg'); /* Legacy iOS */ } body { font-family: 'Open Sans', sans-serif; } .clearBoth { clear: both; } .master-wrapper-page > .topic-html-content { margin: 0 auto; width: 100%; padding: 0; background-image: none; } .admin-header-links { background-color: #dddddd; } /* fix for search button disapearing on hover */ @media (min-width: 1001px) { .search-box-button:hover { -webkit-transform: none; -moz-transform: none; -ms-transform: none; transform: none; } } h1, h2, h3 { color: #212121; } .topic-page p { font-size: 14px; line-height: 24px; } .header { background: #f3f3f3; } h1 { font-family: 'AmericanTypewriterBold', serif; } /*================== Home Hero slider mod ==================*/ @media (max-width: 1000px) and (min-width: 240px) { .slider-wrapper.theme-ittp { top: -10px; } .header { width: 100%; margin: 0; padding: 10px; } } .home-hero-sub-container { display: none; } /*================== Homepage content ==================*/ @media (max-width: 768px) { .topic-html-content-body h2, .topic-sub-header.how-it-works h3 { margin: 15px 0 0 0; } } .product-grid .title:before, .product-grid .title:after { display: none; } .product-grid .title strong { font-weight: bold; font-size: 26px; color: #212121; padding: 0 25px; width: 100%; display: inline-block; } .home-middle-text-block { margin-top: 70px; } /* How It Works*/ .homepage-top-text.product-grid.home-page-product-grid { margin: 30px 0 100px 0; text-align: center; line-height: 1.7; padding: 40px; border-bottom: 2px solid #dddddd; } .homepage-top-text.product-grid.home-page-product-grid p { color: #888888; } .homepage-top-text.product-grid.home-page-product-grid.success-how-works { background-color: #ffffff; margin: 0; } .homepage-top-text.product-grid.home-page-product-grid.how-it-works { margin: 30px auto; padding: 0px; border-bottom: 0px solid #dddddd; } .nonprofit-page.home-page .new-gray-button, .nonprofit-page.home-page button { width: auto; margin: 5px; } .homepage-top-text .first-third, .homepage-top-text .second-third, .homepage-top-text .third-third { width: 300px; display: inline-block; padding: 40px; vertical-align: text-top; height: 300px; margin: 10px; background-color: #ffffff; border-radius: 50%; } .homepage-top-text .fa-laptop, .homepage-top-text .fa-bullhorn, .homepage-top-text .fa-money { color: #00bcd4; margin-left: 20px; } /* @media (max-width: 1000px) and (min-width: 769px) { .homepage-top-text .first-third, .homepage-top-text .second-third, .homepage-top-text .third-third { padding: 20px; width: 30%; } } */ /* @media (max-width: 768px) and (min-width: 240px) { .homepage-top-text .first-third, .homepage-top-text .second-third, .homepage-top-text .third-third { width: 100%; } } */ .vendor-footer-content .home-page-text.product-grid.home-page-product-grid { background-color: #f3f3f3; text-align: center; padding: 30px; margin: 0; border-radius: 6px; } /* .home-page-text.product-grid.home-page-product-grid.homepage-top-text { margin: 100px 0; } */ /*================== ITTP Media Query mods ==================*/ @media (min-width: 1001px) { .header-menu, .header-menu > ul { float: right; margin-right: 20px; clear: none; padding: 0; } .header-menu.stick > ul { float: none; } .header-menu > ul > li.new-main-nav-button > a, .header-menu > ul > li.new-main-nav-button > span { padding: 8px 24px; color: #ffffff; } .header-menu > ul > li.new-main-nav-button > a:hover, .header-menu > ul > li.new-main-nav-button > span:hover { color: #00bcd4; } .header-menu > ul > li.new-main-nav-button > a:after, .header-menu > ul > li.new-main-nav-button > span:after { height: 0px; } .header-menu > ul > li > a, .header-menu > ul > li > span { font-size: 14px; } .search-box input.search-box-text { transition: all .2s ease-in-out; font-size: 14px; } .desktop-header-right { margin-top: 6px; } .mini-shopping-cart .totals strong { color: #00bcd4; } .mini-shopping-cart input[type="button"] { font-size: 16px !important; } .search-box input.search-box-text:focus { color: #757575; border-color: #00bcd4; } .header-menu .ittp-main-nav .slogan { position: absolute; width: 565px; text-align: center; top: -56px; left: -25%; padding: 0; font-size: 12px; font-weight: normal; color: #ffffff; } .header-menu .ittp-main-nav .slogan .ittp-tag { font-size: 15px; color: #cccccc; margin-right: 15px; text-transform: uppercase; } .header-menu .ittp-main-nav .slogan .funds-raised { font-size: 12px; color: #cccccc; } } @media (max-width: 1125px) and (min-width: 1000px) { .header-menu .ittp-main-nav .slogan { width: 350px; left: -5%; top: -65px; } .header-menu .ittp-main-nav .slogan .ittp-tag { display: block; margin: 0 0 3px 0; font-size: 14px; } .header-menu .ittp-main-nav .slogan .funds-raised { display: block; } } .header-links li { border-right: 0px solid #ffffff; padding: 0 20px 0 0; } /* .header-logo { width: 255px; } */ .header-logo a.logo { background-image: url(/Themes/Allure/Content/img/ink-logo.svg); background-repeat: no-repeat; width: 260px; height: 47px; } .header-logo a.logo img { display: none; } .header-links-wrapper { border-bottom: 0px solid #212121; padding: 0px; margin: 0 0 20px; } @media (min-width: 1150px){ .header-menu { margin: 0; } .header { padding: 0 0 15px; } } @media (min-width: 1000px) and (max-width: 1149px) { .header { padding: 0; } } @media (max-width: 1000px) and (min-width: 769px) { .header-logo { width: 50%; } } @media (max-width: 768px) and (min-width: 240px) { .header-logo { width: 75%; } } /*================== Footer ==================*/ /*.footer { position: absolute; bottom: 0; width: 100%; }*/ .footer-middle .footer-block, .footer-block h3 { color: #ffffff; } .footer-middle .footer-block a:hover { text-decoration: underline; color: #ffffff !important; } div.newsletter div.title { display: none; } .footer-middle { background: #00bcd4; border-top: 0px solid #999999; border-bottom: 0px solid rgba(0, 188, 212, .15); } .footer-middle .footer-block a:before, .footer-middle .footer-block a:after { content: none; } .footer-middle .footer-block a { padding: 7px 0px; } .footer-block h3 { font-weight: 600; font-size: 20px; margin: 0 0 10px; } .subscribe-block h3 { color: #ffffff; font-weight: 100; } .social-sharing .instagram { background-position: -282px -2px; } .footer-upper:before, .footer-upper:after { content: normal; position: absolute; top: 0; left: 0; right: 0; height: 0; background: transparent; } .contact-block .footer-menu i.fa { margin-left: -30px; margin-right: 12px; vertical-align: middle; } .footer-middle .footer-block { margin: 0; } @media (min-width: 240px) { .footer-middle .footer-block { float: left; width: 50%; } } .fa.fa-mobile-phone.fa-3x { padding-left: 5px; } .contact-block .footer-menu li.share-it-wear-it { padding-left: 0; font-size: 15px; text-transform: uppercase; color: #ffffff; } .footer-disclaimer { color: #000000; opacity: .35; } .footer-disclaimer .footer-terms { margin-left: 12px; padding-left: 12px; } .footer-disclaimer .footer-terms:hover { text-decoration: underline; } .footer-lower { background: #008ba3; } .footer-block h3 { padding-top: 20px; margin-bottom: 10px; } .social-sharing h3, .subscribe-block h3 { padding-top: 0; } @media (min-width: 769px) { .footer-powered-by, .footer-disclaimer, .footer-tax-shipping { float: left; clear: left; margin: 0 0 2px; padding-top: 10px; display: block; } .accepted-payment-methods { float: right; } } div.bbb-logo { display: inline-block; opacity: .25; text-align: center; } .footer-menu li.email, .footer-menu li.phone { background: none; } /*================== Product Detail Pages ==================*/ .center-1 > .product-name { background: none; } .center-1 > .product-name h1 { color: #212121; font-size: 3em; padding-top: 30px; } .product-details-page .ui-tabs-anchor { color: #999999; } .product-details-page .ui-tabs .ui-tabs-panel { bottom: 0; background: rgba(255, 255, 255, .9); } .product-details-page .overview .variant-description { font-weight: 700; color: #757575; line-height: 1.4; margin: 0 0 15px; font-size: 14px; } .overview .buttons.share-pdp-buttons { padding-bottom: 15px; position: relative; } .product-details-page .overview .buttons .email-a-friend { margin: 0; margin-top: -5px; } .product-details-page .overview .buttons .product-share-button { border: none; margin: 0; padding: 0; float: left; padding-left: 55px; } .product-details-page .overview .buttons .product-share-button .fb-like.fb_iframe_widget { position: absolute; left: 0; } .product-details-page .overview .prices { border-bottom: none; } .product-details-page .overview .attributes { border-bottom: none; } .product-details-page .overview .ink-summary { margin: 0 0 20px 0; padding: 0; border: none; } .product-details-page .overview .ink-summary .verified-donation { font-size: 14px; color: #999999; padding-bottom: 20px; text-align: left; } .product-details-page .overview .ink-summary .verified-donation > span { display: block; } .product-details-page .overview .ink-summary .non-verified-donation { font-size: 14px; color: #999999; padding-bottom: 20px; text-align: left; } .product-details-page .overview .ink-summary .non-verified-donation > span { display: block; } .product-details-page .ittp-designer-details { padding: 5px 0 15px 0; width: 100%; float: left; } .product-details-page .ittp-designer-details .profile-image-wrap { width: 90px; height: 90px; margin: 0 auto; overflow: hidden; border-radius: 50%; border: 2px solid #f3f3f3; position: relative; float: left; } .product-details-page .ittp-designer-details .profile-image-wrap .profile-thumb { width: 100%; display: block; } .product-details-page .ittp-designer-details .profile-details { margin-left: 110px; position: absolute; top: 45%; transform: translateY(-50%); } .product-details-page .ittp-designer-details .profile-details li a { color: #00bcd4; text-decoration: underline; } .product-details-page .ittp-designer-details .profile-details li a:hover { color: #999999; } .product-details-page .overview .ittp-pdp-notes { padding: 30px 0 20px 0; } .product-details-page .product-grid .title, .product-details-page .product-grid .title strong { color: #999999; } .product-name #campaignWelcome { color: #00bcd4; font-size: 18px; border: 4px double #00bcd4 !important; padding: 10px !important; border-radius: 3px; background-color: #ffffff !important; width: 90%; margin: 0 auto 10px auto; } .overview #shareMyProduct { border: 4px double #00bcd4 !important; padding: 10px !important; border-radius: 3px; margin-bottom: 15px; background-color: #ffffff !important; color: #00bcd4; font-size: 16px; text-align: center; } .overview #shareMyProduct > input { width: 100% !important; margin: 0 auto 5px auto; display: block; } /* sizing tab */ .product-details-page .productTabs .productTabs-body #ui-tabs-1, .product-details-page .productTabs .productTabs-body #ui-tabs-2 { overflow: auto; } .product-details-page .productTabs .productTabs-body #ui-tabs-1:before, .product-details-page .productTabs .productTabs-body #ui-tabs-2:before { display: none; } .product-details-page .productTabs .productTabs-body .ui-tabs-panel .topic-html-content-body { line-height: 1.2; font-size: 13px; } .product-details-page .productTabs .productTabs-body .ui-tabs-panel .topic-html-content-body h2 { margin-bottom: 8px; } .product-details-page .productTabs .productTabs-body .ui-tabs-panel .topic-html-content-body h3 { margin-bottom: 5px; } /* grouped product page (with product variants) */ .product-collateral .variant-overview .variant-type { font-weight: 700; font-size: 14px; margin-bottom: 15px; } .product-variant-line { width: 100%; } .product-grid.ProductVariantTitle { margin-bottom: 0; } .product-variant-list { margin-bottom: 20px; } .overview .ProductOptions { font-size: 22px; text-align: center; font-weight: 500; margin-bottom: 15px; padding: 10px 10px 65px 10px; border-radius: 3px; background: url(/Themes/Allure/Content/img/arrow-down.png) no-repeat center 80% #eeeeee; } .variant-overview .prices { font-weight: 700; } /* pdp consolidation to 1 page type .single-view-rev */ .single-view-rev.product-details-page .ittp-designer-details { position: relative; } .single-view-rev .verified-donation .tool-tip { letter-spacing: 2px; cursor: help; position: relative; padding: 0 3px 3px 3px; } .single-view-rev .verified-donation .tool-tip .tool-tip-details { display: none; padding: 10px; border-radius: 2px; box-shadow: 1px 1px 0 rgba(0, 0, 0, .2); border: 1px solid #cccccc; background: #ffffff; font-size: 12px; color: #999999; position: absolute; left: -85px; min-width: 200px; max-width: 300px; letter-spacing: normal; } .pdp-single-goals-container { background: #f3f3f3; padding: 15px; border-radius: 6px; } .pdp-single-goals-container .additional-donation-msg { padding-top: 10px; } .pdp-single-goals-container .additional-donation-msg p { font-size: 13px; color: #999999; line-height: normal; font-weight: 500; } .single-view-rev.product-details-page .overview .ittp-pdp-notes { text-align: center; padding-top: 0; } .single-view-rev .ittp-pdp-notes .sell-to-print { font-size: 14px; font-weight: 600; color: #ff5252; } .single-view-rev .ittp-pdp-notes .will-print { font-size: 14px; font-weight: 600; color: #00bcd4; } .single-view-rev .ittp-pdp-notes .approx-delivery-date { font-size: 14px; font-weight: 400; color: #999999; } .single-view-rev.product-details-page .overview .progress-container { background-color: #dddddd; margin-top: 10px; height: 12px; width: 100%; } .single-view-rev.product-details-page .overview .progress-container .progress-bar { height: 12px; } .pdp-single-goals-container .countdown-message { display: inline-block; padding: 0; color: #999999; font-weight: 500; margin-top: 10px; text-align: center; vertical-align: text-bottom; } .pdp-single-goals-container #countdown-holder { display: inline-block; background: none; border: none; } .pdp-single-goals-container #countdown-holder .countdown-amount { color: #999999 !important; font-size: 22px !important; font-weight: 500; } .pdp-single-goals-container #countdown-holder .countdown-section { width: auto !important; } .pdp-single-goals-container #countdown-holder .countdown-period { display: none !important } .pdp-single-goals-container #countdown-holder .countdown-section:not(:last-child) .countdown-amount:after { content: ":"; margin: 0 3px; } .single-view-rev.product-details-page .overview .attributes { display: inline-block; vertical-align: middle; margin-bottom: 0; } .single-view-rev.product-details-page .overview .attributes dt { display: none; } .single-view-rev.product-details-page .overview .attributes dd select { border-radius: 6px; } .attributes dd { float: none; margin-right: 0; } .attributes select { max-width: 100%; } .single-view-rev.product-details-page .overview .prices { display: inline-block; margin: 0; padding: 0; vertical-align: top; } .single-view-rev.product-details-page .overview .product-price span { font-size: 28px; } .single-view-rev.product-details-page .add-to-cart .add-to-cart-panel .qty-input { display: none; visibility: hidden; } .single-view-rev.product-details-page .add-to-cart .add-to-cart-panel .ajax-cart-button-wrapper { float: none; display: block; } .single-view-rev.product-details-page .add-to-cart .add-to-cart-panel { display: block; } .productAddedToCartWindowDescription span { display: inline-block; } .pdp-single-socialbutton-wrap .social-msg { font-size: 13px; font-weight: 600; line-height: normal; display: block; padding-bottom: 12px; text-align: center; } #shareMyProduct h2 { font-weight: 400; } .promote-topic-content h2 { text-align: center; margin-bottom: 30px; } .pdp-single-socialbutton-wrap ul.social-link-list { display: block; text-align: center; } .pdp-single-socialbutton-wrap .social-link-list li { display: inline-block; color: #ffffff; padding: 0 2px; line-height: 1; text-align: center; } .pdp-single-socialbutton-wrap .social-link-list li .fa { font-size: 24px; border-radius: 50%; display: block; height: 46px; width: 46px; line-height: 1.95; transition: all .2s linear; } .pdp-single-socialbutton-wrap .social-link-list li { transition: all .2s linear; } .pdp-single-socialbutton-wrap .social-link-list li .fa.fa-facebook { background: #305f8e; } .pdp-single-socialbutton-wrap .social-link-list li .fa.fa-twitter { background: #56b5d5; } .pdp-single-socialbutton-wrap .social-link-list li .fa.fa-google-plus { background: #d34836; } .pdp-single-socialbutton-wrap .social-link-list li .fa.fa-pinterest { background: #d0333e; } .pdp-single-socialbutton-wrap .social-link-list li .fa.fa-envelope { background: #faaf3a; } .pdp-single-socialbutton-wrap .social-link-list li:hover { opacity: .75; transition: all .2s linear; } /*.alertModal-msgbox .pdp-single-socialbutton-wrap .social-link-list li .fa { background: #00bcd4; } .alertModal-msgbox .pdp-single-socialbutton-wrap .social-link-list li .fa:hover { background: #ff5252; }*/ .single-view-rev.product-details-page .assoc-style-name a { font-size: 13px; font-weight: 500; color: #757575; display: block; margin: 10px 0 25px 0; height: 33px; overflow: hidden; line-height: normal; } @media (min-width: 1001px) { .product-details-page .overview { margin-left: 620px; margin-right: 0; } .product-variant-line { width: 100%; } } @media (min-width: 769px) { .product-details-page #quickTabs.ui-tabs { float: left; } .product-details-page .overview { float: right; } .product-variant-line { width: 100%; } } @media (max-width: 768px) { .product-details-page .overview .add-to-cart { text-align: left; } .product-details-page .overview .attributes dd { float: left; margin-right: 10px; } .product-details-page .overview .attributes dt { float: left; clear: left; min-width: 60px; margin-right: 10px; } .product-details-page .product-grid .title, .product-details-page .product-grid .title strong { text-align: left; padding: 0; } .overview .ProductOptions { display: none; } } .single-view-rev.product-details-page .overview .attributes { display: block; } @media (max-width: 768px) { .product-details-page .overview .attributes dd { float: none; margin-right: 0; } .overview .prices { text-align: center; width: 100%; } } @media (max-width: 768px) { .attributes select { max-width: 100%; } } .single-view-rev.product-details-page .overview .attributes dd select { min-width: 100%; } /* product grid */ .item-box .picture a { background: none; } .item-box .picture { background: none; } .item-box .picture img { margin-top: 0; } .home-page-category-grid .item-box .picture { border-radius: 50%; overflow: hidden; } .product-grid .item-box .product-title { text-overflow: ellipsis; } .product-list .item-box .product-title { font-weight: 700; } .product-grid .item-box .product-title a { text-overflow: ellipsis; display: block; overflow: hidden; white-space: nowrap; height: 35px; line-height: 2.4; font-size: 12px; color: #212121; } .product-list .item-box .product-title a { text-decoration: none; } .product-list .title { display: none; } /* .product-list .item-box { border-radius: 6px; box-shadow: 0 0 0 rgba(0, 0, 0, 0); } */ .product-grid .item-box .visible-details, .product-grid .item-box .product-title, .item-box .title { border: 0px; } .product-list .title:before, .product-list .title:after { background: none; } .product-list .item-box:hover .quick-view-button { opacity: 0 !important; } .item-grid .item-box .description { border-bottom: none !important; font-weight: 500; color: #757575; line-height: 1.5; } .item-grid .item-box .description p, .item-grid .item-box .description span { font-weight: 500; height: auto !important; } @media (max-width: 1000px) { .item-box .product-rating-box, .product-grid .item-box .prices { margin: 10px 0; } } .product-grid .item-box .prices { margin-top: 0; height: auto; padding-bottom: 5px; margin-bottom: 0px; border-bottom: 2px solid #dddddd; } .product-grid .item-box .product-title { height: 25px; } .product-grid .item-box .visible-details:before { height: 0; /* remove green "border" on grid products */ } .product-grid .item-box .buttons { margin-bottom: 10px; } .item-box .product-rating-box, .product-grid .item-box .prices { margin: 0 0 10px 0; } .product-grid .item-box .buttons { margin-bottom: 10px; } div.product-grid.home-page-product-grid>div.item-grid { text-align: center; } div.product-grid.home-page-product-grid>div.item-grid>div.item-box { float: none; display: inline-block; } .campaign-ended-notification { background-color:#d8f5f9; text-align: center; padding: 30px; margin-bottom: 20px; border-radius: 6px; } .campaign-ended-notification h1 { margin-bottom: 10px; color: #00bcd4; } .campaign-ended-notification p { font-size: 14px; } /*================= goal progress bar ============================*/ .ink-summary { background: none; position: relative; left: 0; top: 0; width: 100%; font-weight: normal; line-height: 22px; color: #212121; text-align: center; padding: 10px 0 0 0; border-bottom: 2px solid #dddddd; } .progress-container { width: 90%; height: 10px; margin: 0px auto 8px auto; background-color: #eeeeee; border-radius: 5px; } .progress-bar { height: 10px; background-color: #00c853; margin: 0; float: left; border-radius: 5px; } .ink-summary .want-this, .ink-summary .min-order, .ink-summary .days-remaining { position: relative; display: inline-block; width: 30%; color: #757575; text-align: center; font-size: 16px; font-weight: bold; line-height: 1.4; } .ink-summary .want-this { color: #00c853 !important; } .item-box .actual-price { color: #757575 !important; font-size: 12px; font-weight: normal; } .ink-summary .label { display: block; font-size: 11px; text-transform: uppercase; font-weight: normal; white-space: nowrap; } /* Additional donation price input */ .customer-entered-price { border-radius: 3px; background: #fafafa; border: 1px solid #dddddd; margin-bottom: 15px !important; } .customer-entered-price .price-input input.enter-price-input { width: 70px !important; } .customer-entered-price .price-input label.enter-price-label { margin-right: 8px; font-weight: 600; } /* text input */ .master-wrapper-main input[type="text"], .master-wrapper-main input[type="password"], .master-wrapper-main textarea, .price-input input.enter-price-input, .alertModal-container input[type="text"], input[type="email"], input[type="number"], input[type="tel"] { height: 36px; border: 1px solid #cccccc; padding: 8px; vertical-align: middle; background: #fafafa; box-shadow: inset 1px 1px 2px rgba(0, 0, 0, .15); border-radius: 2px; font-size: 14px; color: #212121; font-family: 'Open Sans', sans-serif; } #step3_c .mce-edit-area { border: 1px solid #cccccc; padding: 8px; vertical-align: middle; background: #fafafa; box-shadow: inset 1px 1px 2px rgba(0, 0, 0, .15); border-radius: 2px; font-size: 14px; color: #212121; font-family: 'Open Sans', sans-serif; } .master-wrapper-main input[type="text"]:focus, .master-wrapper-main input[type="password"]:focus, .master-wrapper-main textarea:focus, input[type="email"]:focus, input[type="number"]:focus, input[type="tel"]:focus { border-color: #00bcd4; } input[type=number]::-webkit-inner-spin-button, input[type=number]::-webkit-outer-spin-button { -webkit-appearance: none; margin: 0; } /* select box */ select { min-width: 50px; border: 1px solid #dddddd; line-height: 30px; height: 36px; border: 1px solid #cccccc; padding: 4px 10px; background: #fafafa; box-shadow: inset 1px 1px 3px rgba(0, 0, 0, .10); border-radius: 2px; font-size: 14px; font-weight: bold; color: #212121; } /* fixes on login page */ .login-page .inputs.reversed input#RememberMe { margin-right: 3px; } fieldset.facebook-login-block { border: none; margin: 0 0 20px 0; } fieldset.facebook-login-block legend { display: none; } .login-page .page-body { box-shadow: 0 0px 0px rgba(0, 0, 0, .0); } .login-page .title strong { font-weight: normal; } .external-authentication .title { padding: 0 0 10px; border-bottom: 4px double #dddddd; display: block; font-size: 20px; width: 100%; } .miniProductDetailsView .attributes select { padding: 4px 10px !important; } .jDropDown { position: relative; display: inline-block; margin: 0 10px; background-color: #fafafa !important; font-size: 14px; cursor: pointer; border: 1px solid #cccccc; box-shadow: inset 1px 1px 3px rgba(0, 0, 0, .10); border-radius: 3px; } .jDropDown > div { padding-right: 30px !important; } @media (max-width: 1000px) and (min-width: 240px) { .header-selectors-wrapper { display: none; } .header-links a { text-indent: 0; width: auto; background-image: none !important; } .header-links, .header-centering { width: 100%; } .header-logo { margin: 20px auto; } .responsive-nav-wrapper .personal-button { float: left; background: url(/Themes/Allure/Content/img/icon-user.png) no-repeat center; } .responsive-nav-wrapper .menu-title { background: url(/Themes/Allure/Content/img/icon-menu.png) no-repeat center; } .shopping-cart-link, .responsive-nav-wrapper .search-wrap { float: right; } .responsive-nav-wrapper { background: none repeat scroll 0% 0% #00bcd4; } .header-menu .close-menu { background-color: #00bcd4; } .admin-header-links { float: left; display: block; display: none !important; background-color: #dddddd; opacity: .75; border: 1px solid #212121; border-radius: 6px; margin: 65px 0 0 65px; position: absolute; } .admin-header-links:hover { opacity: 1; } /* header menu */ .search-box input.search-box-text { color: #ffffff; font-size: 14px; font-weight: 600; opacity: 1; } .search-box .search-box-button { border: none; } .shopping-cart-link > a { background-color: transparent; } .responsive-nav-wrapper { background: #00bcd4; } .search-box, .responsive-nav-wrapper .search-wrap span, .responsive-nav-wrapper .filters-button span, .header-menu .close-menu, .header-menu ul li.back-button { background-color: #757575; } .search-box { background-color: #000; border-bottom: 2px solid #dddddd; } .responsive-nav-wrapper .search-wrap span { background-color: transparent; } .header-menu .ittp-main-nav .extra-large-button-nav { margin: 25px auto; width: 275px; font-size: 26px; height: auto; padding: 8px; transition: none; margin-top: 60px; } .header-menu .ittp-main-nav .slogan { position: absolute; text-align: center; padding: 0; font-size: 12px; font-weight: normal; color: #ffffff; top: 215px; left: 24px; width: 275px; } .header-menu .ittp-main-nav .slogan .ittp-tag { display: block; margin-bottom: 15px; font-size: 18px; text-transform: uppercase; } .header-menu .ittp-main-nav .slogan .funds-raised { display: block; font-size: 14px; line-height: 1.5; opacity: .65; } } @media (max-width: 767px) { .header-links li { border-bottom: 1px solid #cccccc; display: block; padding: 10px 0; } } @media (max-width: 1000px) { .side-2 .block { float: none; width: 100%; margin: 0; } } .header-menu.stick .new-slogan { display: none; } .shopping-cart-page .common-buttons .button-2 { padding: 8px 11px; } /*================ ITTP buttons and navigation ==============================*/ /* Teal Solid Buttons */ .registration-page .button-1, .registration-result-page .button-1, .login-page .button-1, .password-recovery-page .button-1, .account-page .button-1, .return-request-page .button-1, .search-input .button-1, .contact-page .button-1, .email-a-friend-page .button-1, .account-page .button-2:hover, .save-address-button:hover, .new-comment .button-1 { border: 2px solid #00bcd4 !important; -webkit-transition: all .5s ease-in-out !important; -moz-transition: all .5s ease-in-out !important; transition: all .5s ease-in-out !important; border-radius: 4px !important; background-color: #00bcd4 !important; box-shadow: 0 1px 2px rgba(0, 0, 0, .2) !important; text-transform: uppercase; } .shopping-cart-page .common-buttons .continue-shopping-button:hover, .update-cart-button:hover { color: #ffffff !important; text-transform: uppercase; } /* Teal Outline Buttons */ .item-box input[type="button"], .account-page .button-2, .shopping-cart-page .common-buttons .continue-shopping-button, .shopping-cart-page .common-buttons .update-cart-button, .update-cart-button, .save-address-button, .new-gray-button, .new-comment .button-1:hover, .topic-html-content .button-2, .mini-shopping-cart input[type="button"].button-1.cart-button, .cancelButton, .backButton, a.di-prod-select, a.di-prod-delete, .shopping-cart-page .cart-footer .button-2 { -webkit-transition: all .5s ease-in-out; -moz-transition: all .5s ease-in-out; transition: all .5s ease-in-out; border-radius: 4px !important; color: #00bcd4 !important; border-color: #00bcd4 !important; background-color: #ffffff !important; box-shadow: 0 1px 2px rgba(0, 0, 0, .2) !important; border: 2px solid #00bcd4 !important; text-transform: uppercase; } .item-box input[type="button"]:hover, .account-page .button-2:hover, .shopping-cart-page .common-buttons .continue-shopping-button:hover, .shopping-cart-page .common-buttons .update-cart-button:hover, .update-cart-button, .new-gray-button:hover, .topic-html-content .button-2:hover, .mini-shopping-cart input[type="button"].button-1.cart-button:hover, .cancelButton:hover, .myImagesButton:hover, .myComputerButton:hover, .backButton:hover, a.di-prod-select:hover, a.di-prod-delete:hover, .shopping-cart-page .cart-footer .button-2:hover { color: #ffffff !important; background-color: #00bcd4 !important; } .new-gray-button, .cancelButton, .backButton { font-size: 16px; padding: 8px; box-shadow: 0px 1px 2px 0px rgba(0, 0, 0, .3); width: 100%; text-transform: uppercase; } a.green-border-button button.new-gray-button { width: auto; } .cancelButton, .backButton, div.preview-step-top-info .new-gray-button { width: auto; } div.preview-step-top-info .new-gray-button, div.preview-step-top-info .extra-large-button-orange { margin: 5px; } .SPCOptions .new-gray-button { width: 45%; margin: 2%; } /* Main Nav Teal CTA Button */ .main-nav-button, #orderLookup_btn, .myImagesButton, .myComputerButton { -webkit-transition: all .5s ease-in-out; -moz-transition: all .5s ease-in-out; transition: all .5s ease-in-out; border-radius: 4px !important; color: #ffffff !important; border: 2px solid #00bcd4; background-color: #00bcd4 !important; box-shadow: 0 1px 2px rgba(0, 0, 0, .2) !important; padding: 8px 24px; font-size: 16px; min-width: 150px; display: inline-block; cursor: pointer; text-transform: uppercase; } .myImagesButton, .myComputerButton { margin: 5px; } .main-nav-button:hover, .myImagesButton:hover, .myComputerButton:hover { color: #00bcd4 !important; border: 2px solid #00bcd4; background-color: #ffffff !important; } @media (max-width: 1000px) { .main-nav-button { width: 100%; } } @media (min-width: 1001px) { li.new-main-nav-button { margin: 0 20px; } } li.new-main-nav-button { border: 2px solid #00bcd4; border-radius: 4px; background-color: #00bcd4; color: #ffffff; text-transform: uppercase; -webkit-transition: all .5s ease-in-out; -moz-transition: all .5s ease-in-out; transition: all .5s ease-in-out; box-shadow: 0px 1px 2px 0px rgba(0, 0, 0, .3); } li.new-main-nav-button:hover { border: 2px solid #00bcd4; background-color: #ffffff; color: #00bcd4; } @media (max-width: 1000px) and (min-width: 240px) { .header-menu > ul li.new-main-nav-button > a, .header-menu > ul li.new-main-nav-button > span { color: #ffffff; background-color: #00bcd4; margin: 10px; border-radius: 6px; text-align: center; } .header-menu > ul li.new-main-nav-button { border: 2px solid #f6f6f6; border-radius: 0px; } } /* Green Solid Buttons */ .button-1.checkout-button, .button-1.confirm-order-next-step-button, .button-1.new-address-next-step-button, .overview .add-to-cart-button, .extra-large-button-orange, .extra-huge-orange-button, .shipping-method-next-step-button, #orderLookup_btn, .ropc .complete-button button, .order-completed-continue-button, .productAddedToCartWindowCheckout { border: 2px solid #ff5252 !important; background-color: #ff5252 !important; -webkit-transition: all .5s ease-in-out; -moz-transition: all .5s ease-in-out; transition: all .5s ease-in-out; border-radius: 4px !important; color: #ffffff !important; text-transform: uppercase; } .overview .add-to-cart-button, .extra-large-button-orange, .extra-huge-orange-button { font-size: 16px; padding: 8px 24px; box-shadow: 0px 1px 2px 0px rgba(0, 0, 0, .3); text-transform: uppercase; } /* Greeen Outline Buttons */ .shopping-cart-page .button-1:hover, .checkout-page .button-1:hover, .button-1.new-address-next-step-button:hover, .overview .add-to-cart-button:hover, .extra-large-button-orange:hover, .extra-huge-orange-button:hover, #orderLookup_btn:hover, .mini-shopping-cart input[type="button"].button-1.checkout-button:hover, .ropc .complete-button button:hover, .order-completed-continue-button:hover, .productAddedToCartWindowCheckout:hover { color: #ff5252 !important; border: 2px solid #ff5252 !important; background-color: #ffffff !important; -webkit-transition: all .5s ease-in-out; -moz-transition: all .5s ease-in-out; transition: all .5s ease-in-out; border-radius: 4px !important; text-transform: uppercase; } .shopping-cart-page .button-1, .checkout-page .button-1, .overview .add-to-cart-button, .extra-huge-orange-button { width: 100%; margin: 15px 0; } .button-1.confirm-order-next-step-button, .button-1.new-address-next-step-button, .checkout-page .button-1.shipping-method-next-step-button, .order-completed-continue-button { width: auto !important; } /* Teal Buttons Overriding Green Buttons */ .button-1.save-address-button, .button-1.update-cart-button { color: #00bcd4 !important; background-color: #ffffff !important; border: 2px solid #00bcd4 !important; width: auto; text-transform: uppercase; } .button-1.save-address-button:hover, .button-1.update-cart-button:hover { border: 2px solid #00bcd4 !important; -webkit-transition: all .5s ease-in-out !important; -moz-transition: all .5s ease-in-out !important; transition: all .5s ease-in-out !important; border-radius: 4px !important; background-color: #00bcd4 !important; box-shadow: 0 1px 2px rgba(0, 0, 0, .2) !important; color: #ffffff !important; text-transform: uppercase; } .topic-html-content-body button { margin: 20px 0 10px 0; } .contact-vendor-button { background-color: #cccccc !important; border: 0; padding: 10px; border-radius: 6px !important; margin-bottom: 20px; } .contact-vendor-button:hover { color: #ffffff !important; background-color: #212121 !important; } .topic-page .extra-large-button-orange { padding: 6px 25px; display: inline-block; margin: 30px 0 0 0; } .topic-page .extra-large-button-orange:hover { text-decoration: none; } /*================= Checkout/Order pages =======================*/ .order-details-page .page-title { padding-bottom: 10px; } /* Order details additional donation modal */ #addlDonationModal { position: absolute; } .addlDonationPaymentInfo { display: inline-block; width: 48%; float: left; } .addlDonationBillingAddress { display: inline-block; width: 49%; float: left; padding-left: 20px; } .addlDonationOptions { display: block; clear: both; width: 100%; border: none; background: #eeeeee; margin: 20px 0; padding: 20px 0; } .addlDonationOptions br { display: none; } .addlDonationOptions ul { display: block; width: 100%; text-align: center; } .addlDonationOptions ul li { display: inline-block; padding: 10px; background: #fafafa; border-radius: 3px; box-shadow: 1px 0 10px rgba(0, 0, 0, .2); margin: 8px; max-width: 300px; min-width: 225px; text-align: center; } a.addlDonationButton, #submitAddlDonation { text-decoration: none; padding: 8px 11px; color: #ffffff !important; font-size: 17px; font-weight: 700; border: none !important; text-transform: uppercase !important; text-align: center; background-color: #ff5252 !important; border-radius: 0px !important; transition: all .5s ease; min-width: 125px; display: inline-block; margin-top: 10px; } a.addlDonationButton:hover, #submitAddlDonation:hover { background-color: #ff5252 !important; } #submitAddlDonation { margin: auto; display: block; padding: 15px; min-width: 50%; } #submitAddlDonation .fa { margin-right: 5px; } #addlDonationModal .validationMessage { background-color: #F33; position: absolute; white-space: nowrap; display: block; padding: 2px 8px; z-index: 1; top: -15px; right: 35%; font-weight: bold; color: #ffffff; font-size: 11px; line-height: 1.5; } #addlDonationModal .validationMessage:after { border-top: 6px solid #F33; border-left: 6px solid transparent; border-right: 6px solid transparent; width: 0; height: 0; content: ""; display: block; position: absolute; top: 100%; left: 1em; } .addlDonationOptions ul li label:first-of-type { margin-bottom: 10px; display: block; } .addlDonationOptions ul li label:first-of-type span { font-size: 17px; font-weight: 600; } .addlDonationOptions ul li label span { display: block; font-weight: 600; } .addlDonationOptions ul li label input[type="text"] { width: 50%; float: none; text-align: center; font-size: 18px; height: 36px; color: #999999; margin-top: 5px; } .addlDonationOptions ul li label input[type="text"]:focus { color: #212121; } .addlDonationPaymentInfo br { clear: both; line-height: 1; } .addlDonationPaymentInfo label, .addlDonationBillingAddress label { display: block; float: left; width: 100%; margin-bottom: 12px; font-size: 13px; font-weight: 600; position: relative; } .addlDonationPaymentInfo label span:first-of-type, .addlDonationBillingAddress label span:first-of-type { display: inline-block; text-align: right; width: 37%; vertical-align: text-top; line-height: 1.5; padding-top: 5px; } .addlDonationPaymentInfo label input[type="text"], .addlDonationBillingAddress label input[type="text"], .addlDonationPaymentInfo label select, .addlDonationBillingAddress label select, .addlDonationOptions input[type="text"] { width: 58%; float: right; font-size: 13px; height: 32px; } .alertModal-container .donationsList { margin-top: 20px; } .alertModal-container .donationsList li { display: block; margin-bottom: 8px; font-weight: 600; font-size: 17px; } @media (max-width: 700px) { .addlDonationPaymentInfo { display: block; width: 90%; float: none; } .addlDonationBillingAddress { display: block; width: 90%; float: none; padding-left: 0px; padding-top: 20px; } .addlDonationPaymentInfo label span:first-of-type, .addlDonationBillingAddress label span:first-of-type { width: 28% } .addlDonationOptions ul li label input[type="text"] { width: 70%; } .addlDonationOptions input[type="text"] { width: 70%; } .addlDonationPaymentInfo label input[type="text"], .addlDonationBillingAddress label input[type="text"], .addlDonationPaymentInfo label select, .addlDonationBillingAddress label select, .addlDonationOptions input[type="text"] { width: 70%; } } @media (max-width: 500px) { .addlDonationPaymentInfo { display: block; width: 90%; float: none; } .addlDonationBillingAddress { display: block; width: 90%; float: none; padding-left: 0px; padding-top: 20px; } .addlDonationPaymentInfo label span:first-of-type, .addlDonationBillingAddress label span:first-of-type { width: 100%; display: block; float: none; text-align: left; } .addlDonationOptions ul li label input[type="text"] { width: 100%; display: block; float: none; text-align: left; } .addlDonationOptions input[type="text"] { width: 100%; display: block; float: none; text-align: left; } .addlDonationPaymentInfo label input[type="text"], .addlDonationBillingAddress label input[type="text"], .addlDonationPaymentInfo label select, .addlDonationBillingAddress label select, .addlDonationOptions input[type="text"] { width: 100%; display: block; float: none; text-align: left; } } /* Order details */ .email-confirm-message { margin-top: 10px; } .order-details-page .order-overview .order-number strong { font-size: 1.9em; } .order-details-area ul { padding: 20px; border-left: none; } .order-details-area table { max-width: none; } .order-details-page .cart-total td { background-color: transparent; } .order-details-page .total-info { padding: 20px; } .order-details-page .cart-total { margin-bottom: 0; } .order-details-page .order-overview { padding: 20px; } .order-details-page .order-details span { margin-right: 10px; white-space: nowrap; } .section.products td.prod-image { width: 140px; } .section.products td.prod-image img { max-width: 100px; width: 100%; } .footable.breakpoint > tbody > tr > td > span.footable-toggle { display: none; } .footable-row-detail { display: table-row !important; } .a-center.quantity, .a-right.price, .a-right.total { text-align: center; } .a-left.name a.go-to-product-page { font-size: 14px; } .a-left.name a.go-to-product-page:hover { text-decoration: underline; } table .a-left.name .attributes { margin: 10px 0 0; padding: 10px 0 0; border-bottom: 0; border-top: 1px solid #eeeeee; color: #757575; } .attributes.crowd-funded { font-size: 11px; } .attributes.crowd-funded a:hover { text-decoration: underline; } .attributes.promote .social-sharing { float: none; display: block; width: 100%; background: #ff5252; border-radius: 3px; } .attributes.promote .social-sharing li { margin: 6px 5px; } .attributes.promote .social-sharing li a:hover { border-color: #00bcd4; } .attributes.promote .social-sharing h3 { padding: 8px 5px 8px 8px; color: #ffffff; line-height: 1.2; } .order-review-data ul li, .order-details-area ul li { padding-bottom: 4px; } .order-details-area li.repost { padding: 10px 0; } .order-details-area li.repost input.re-order-button { padding: 8px 15px; margin-bottom: 4px; } .order-details-area td { background-color: #ffffff; } @media (min-width: 769px) { .order-details-page .page-title { margin-bottom: 10px; } .order-details-page .page-title h1 { float: left; width: auto; } } @media (max-width: 481px) { .order-details-area { border-radius: 0; } } /* One page checkout #opc-shipping.section .sameasBillingAddress { font-weight:bold; } #opc-shipping.section .sameasBillingAddress .check-box { margin-right:5px; } #opc-shipping.section .sameasBillingAddress { border: 1px solid #cccccc; border-radius:3px; } .checkout-page .inputs label { font-size:14px; } .checkout-page .edit-address { padding-top:15px; } .page-body.checkout-data .topic-html-content { margin-bottom:15px; margin-top:5px; font-size:12px; color:#757575; display:none; } #opc-confirm_order.section .footable-first-column .item-count { display:none; } #opc-payment_method.section #checkout-step-payment-method { height:auto; } #opc-payment_method.section #co-shipping-method-form { height:auto; } #opc-payment_method.section .section.shipping-method, #opc-payment_method.section .section.payment-method, #opc-confirm_order.section .section.confirm-order, #opc-payment_method.section .section.payment-info, #opc-payment_method.section .info { margin:0; } #opc-payment_method .shippingoption-select, #opc-payment_method .paymentoption-select { margin:0px; display:block; width:100%; margin-top:8px; } #opc-payment_method .method-name { font-size:14px; font-weight:normal; margin-bottom:18px; } .cart-footer .totals, .cart-footer .total-info { margin-bottom:0; } #opc-confirm_order #button-change { float: none; margin-top: 20px; } #confirm-order-buttons-container { margin-left:0; } #opc-confirm_order .cart-footer .totals { float:none; width:100%; } #confirm-order-buttons-container .please-wait { display: block; padding: 15px 0; color: #999999; font-size: 16px; font-weight: 600; } .section.payment-info td label { font-size:14px; } .section.payment-info td input, .section.payment-info td select { width:100% !important; } .section.payment-info td #ExpireMonth, .section.payment-info td #ExpireYear, #apertureStoredPayments td select { width:auto !important; max-width:80px; } .section.payment-info td #CardCode { width:auto !important; min-width:35%; } .section.payment-info table td { padding:5px; } #apertureStoredPayments { margin-top:40px; } #apertureStoredPayments td select { margin-right:5px; } #apertureStoredPayments > div { float: left !important;position: absolute; top:10px; width:100%; } #apertureStoredPayments > div > select { width:45%; } #apertureStoredPayments > div > label { cursor: pointer; display: inline-block; font-size: 11px; width:45%; font-weight: 600; } #apertureStoredPayments > div > label input[type="checkbox"] { margin:0 3px 3px 0; } #apertureStoredPayments > div > span { display: inline-block; font-size: 16px; margin-left:5px; font-weight: 600; } .checkout-page .step-title { padding:12px 12px 18px 0px; } .checkout-page .step-title .number { display: inline-block; padding: 7px; border-radius: 100%; background: #00bcd4; color: #ffffff; width: 43px; height: 43px; text-align: center; line-height: 1; margin-right: 10px; font-size:28px; font-weight:400; padding: 9px 0 0 7px; } .checkout-page .step-title h2 { text-transform:uppercase; font-size:24px; font-weight:400; display: inline-block; } label.billing-address-txt, label.shipping-address-txt { font-weight:600; margin-bottom:10px; display:block; } .section.select-billing-address .saved-address-display { margin-top:0px; } .section.select-billing-address .saved-address-display label { width:45%; text-align:left; margin-left:15px; display:inline-block; } .section.select-billing-address .saved-address-display .inputs { text-align:left; padding:0px; background:#fafafa; border-radius:3px; } .section.select-billing-address .saved-address-display .inputs label { font-weight:700; margin-bottom:0; } .section.select-billing-address .saved-address-display .inputs label:first-of-type { font-weight:500; } #billing-address-select, #shipping-address-select { margin-bottom:-10px; } @media (min-width: 601px) and (max-width: 769px) { .section.payment-info td input, .section.payment-info td select, .section.payment-info td #CardCode { width: 90% !important;font-size: 12px; height: 32px; } #apertureStoredPayments td select { max-width: 58px; font-weight: normal; padding-right: 0; padding-left: 0; } } @media (min-width: 601px) { #opc-billing.section { width: 48%; display: inline-block; float:left; } #opc-shipping.section { width: 48%; display: inline-block; float: right; } #opc-confirm_order.section { width: 48%; display: inline-block; float:left; } #opc-payment_method.section { width: 48%; display: inline-block; float: right; } } @media (min-width: 1001px) { .checkout-page .inputs label { width:25%; } .checkout-page .inputs input[type="text"], .checkout-page .inputs input[type="password"], .checkout-page .inputs select, .checkout-page .inputs textarea { width:75%; } } @media (max-width: 1000px) { .checkout-page .inputs input[type="text"], .checkout-page .inputs input[type="password"], .checkout-page .inputs select, .checkout-page .inputs textarea { width:96%; } } @media (max-width: 600px) { #opc-billing.section { width: 100%; display:block; float:none; } #opc-shipping.section { width: 100%; display:block; float:none; } } div#checkout-steps.opc div.row.left, div#checkout-steps.opc div.row.right {width:100%;} div#billing-buttons-container.buttons, div.common-buttons, .opc .buttons {text-align: center;} .checkout-page .step-title {padding: 12px;} .opc .order-summary-content .cart-footer {margin-top: 30px; padding: 0px;} @media (min-width: 769px) { .payment-info .info td:first-child { width: auto !important; } } @media (max-width: 768px) and (min-width: 421px) { .payment-info .info td:first-child { width: auto !important; } } .checkout-page .edit-address, .opc .step {box-shadow: 0 0px 0px rgba(0,0,0,.0);} #opc-billing.section, #opc-shipping.section, #opc-confirm_order.section, #opc-payment_method.section {width: 100%;float: none;text-align: left; } .checkout-page .edit-address {box-shadow: 0 0px 0px rgba(0,0,0,.2); } .field-validation-valid {display: none; } div.page-body.checkout-data div.inputs {margin-bottom: 6px; } .order-progress, .shipping-method .method-list, .payment-method .method-list, .payment-info .info, .order-review-data ul, .order-completed .details { box-shadow: 0 0px 0px rgba(0,0,0,.2); } @media (min-width: 769px) {.payment-info .info td:first-child {width:100%!important;}} @media (max-width: 768px) and (min-width: 421px) {.payment-info .info td:first-child {width: 100%!important;}} #apertureStoredPayments div label {display:none;} .opc .step, .checkout-page .edit-address { box-shadow: 0 0px 0px rgba(0, 0, 0, .0); } .opc .step-title .number { background: none; border: 0px solid #ffffff; margin: 10px 5px 0 20px; height: auto !important; } .opc .buttons .back-link { text-align: right; } .opc .expiration-date select { width: 100px; }*/ /* RealOnePageCheckout Plugin */ .ropc .section { border-bottom: 2px solid #dddddd; } .ropc .section, .ropc .total-info, .ropc .error-list { box-shadow: 0 1px 1px rgba(0, 0, 0, 0.0); } .ropc .section.billing-address, .ropc .section.shipping-address { background-color: #f3f3f3; border-radius: 6px; } .ropc .inputs label { display: block; width: auto; margin: 0 10px 5px 0; text-align: left; } .ropc .inputs input[type="text"], .ropc .inputs input[type="email"], .ropc .inputs input[type="password"], .ropc .inputs select { width: 100%; } .ropc .credit-card-type { text-transform: capitalize; display:block; } span.required { padding: 0 2px; } .ropc .inputs.expiration-date select { width: auto; margin-right: 5px; } .ropc .inputs.card-code input { max-width: 60px; } .ropc button { border-radius: 4px; text-transform: uppercase; } .ropc button:hover { background-color: #00bcd4; } .panel.section p { font-size: 14px; margin: 0 0 10px; } @media (max-width: 1000px) { .ropc .method-list, .ropc .inputs label, .ropc .payment-info, .ropc .payment-info .info { text-align: center; } .ropc .section-body { display: block !important; } } @media (max-width: 768px) { .ropc .section { border-bottom: 0px solid #dddddd; } .ropc .complete-button button { width: 100%; } .ropc .section.billing-address, .ropc .section.shipping-address { background-color: #ffffff; } .panel.section { margin: 0 auto; } } .shipping-method .method-list, .payment-method .method-list, .order-review-data ul, .order-completed .details { box-shadow: 0 1px 1px rgba(0,0,0,.0); } div.left { width: 100%; margin-right: 0px; } div.right, .shipping-method .method-name select, .payment-method .method-name select { width: 100%; } /* .payment-info .info td { width: 69% !important; } .payment-info .info td:first-child { width: 100% !important; padding-right: 10px; margin: 5px 0; } */ .cart-options .common-buttons { text-align: right; } @media (max-width: 768px) { .cart-options .common-buttons { text-align: center; } } .sameasBillingAddress { border: 0px solid #eeeeee; } /* @media (max-width: 768px) and (min-width: 421px) { .payment-info .info td:first-child { padding: 0px 6px 6px; margin: 0; } .payment-info .info td:first-child > label { font-size: 11px; font-weight: 700; margin: 0; } .payment-info .info td > input[type="text"] { width: 100% !important; } } @media (max-width: 420px) { .payment-info .info td:first-child > label { width: 100% !important; } } */ .sameasBillingAddress input { margin-right: 5px; vertical-align: baseline; } .cart-footer { box-shadow: 0 0 0 rgba(0, 0, 0, 0.0); } #checkout-payment-info-load tr { line-height: 3; } .sign-up-post-checkout { padding: 20px; background-color: #d8f5f9; border-radius: 6px; } .sign-up-post-checkout input[type="password"], .sign-up-post-checkout input[type="text"], input[type="email"], input[type="number"], input[type="tel"] { width: 100% !important; display: inline-block; margin-bottom: 15px; } input[type="number"], input[type="tel"] { margin-bottom: 0; } .sign-up-post-checkout #registrationForm { width: 55%; vertical-align: -webkit-baseline-middle; vertical-align: middle; margin: 20px 0 0 0; display: inline-block; } .sign-up-post-checkout .text-block h2 { margin-bottom: 15px; } @media (max-width: 1000px) { .sign-up-post-checkout #registrationForm { width: 90%; } .sign-up-post-checkout { text-align: center; max-width: 550px; margin: 0 auto; } } /*================= Ajax Alert Modal =======================*/ .alertModal-container { background-color: transparent; z-index: 1199999; position: fixed; width: 100%; height: 100%; top: 0; left: 0; right: 0; bottom: 0; } .alertModal-container .alertModal-bg { width: 100%; height: 100%; position: fixed; top: 0; left: 0; right: 0; bottom: 0; background: #000; opacity: .50; } .alertModal-container .alertModal-msgbox { position: relative; margin: 75px auto 0 auto; width: 90%; max-width: 750px; background: #ffffff; border: 0px solid #F33; border-radius: 3px; box-shadow: 0 0 35px rgba(0, 0, 0, .5); padding: 25px; text-align: center; } .alertModal-container .alertHeader { display: block; font-size: 26px; font-weight: 700; border-bottom: 2px solid #dddddd; padding-bottom: 8px; margin-bottom: 15px; text-align: center; } .alertModal-container .alertMessage { font-size: 14px; line-height: 1.3; } .alertModal-container .alertClose { display: block; border: 1px solid #cccccc; border-radius: 50%; background: url(/Plugins/SevenSpikes.Nop.Plugins.QuickView/Themes/Allure/Content/images/icon-close.png) no-repeat center !important; top: 10px; right: 10px; position: absolute; width: 25px; height: 25px; overflow: hidden; text-indent: 9999px; } #orderLookupModal.alertModal-container label span { font-size: 14px; display: block; margin-bottom: 5px; } @media (max-width: 899px) { #orderLookupModal.alertModal-container #orderLookup_btn { display: block; margin: 0 auto; } #orderLookupModal.alertModal-container label span { text-align: center; display: block; padding: 5px 0; } #orderLookupModal.alertModal-container { text-align: center; } } @media (max-width: 481px) { .alertModal-container .alertHeader { font-size: 16px; } .alertModal-container .alertMessage { font-size: 12px; } } /*================= Category/Grid Navigation =======================*/ .side-2.leftNavigation .filter-block a.clearFilterOptions, .side-2.leftNavigation .filter-block a.clearPriceRangeFilter { border-color: #aaaaaa; border-radius: 0px; height: auto; width: auto; line-height: 1; padding: 5px 10px; text-transform: uppercase; font-size: 12px; color: #aaaaaa; top: 64%; } .side-2.leftNavigation .filter-block a.clearFilterOptions:hover, .side-2.leftNavigation .filter-block a.clearPriceRangeFilter:hover { border-color: #212121; color: #212121; } .side-2.leftNavigation .filter-block a.toggleControl { font-size: 15px; font-weight: 600; } .side-2.leftNavigation .filter-block .filtersGroupPanel li > a { font-weight: 500; color: #757575; } .side-2.leftNavigation .block.filter-block { margin-bottom: 0; } .filtersPanel div.block.filter-block:last-child { padding-bottom: 10px; } #headerMenuParent .filter-block a.clearFilterOptions, #headerMenuParent .filter-block a.clearPriceRangeFilter { border-color: #aaaaaa; border-radius: 6px; height: auto; width: auto; line-height: 1; padding: 6px 10px; text-transform: uppercase; font-size: 12px; color: #aaaaaa; top: 58%; } #headerMenuParent .filter-block a.clearFilterOptions:hover, #headerMenuParent .filter-block a.clearPriceRangeFilter:hover { border-color: #212121; color: #212121; } .category-description img { width: 100%; height: auto; } .product-list .item-box::after { background-color: transparent !important; } .product-list .item-box .description p { height: auto; } .product-list .title { font-weight: normal; font-size: 25px; color: #757575; display: table; width: 100%; position: relative; margin: 0 0 20px; text-align: center; } .product-list .title:before, .product-list .title:after { content: " "; display: table-cell; width: 26%; background: url(/Themes/Allure/Content/img/title-lines.png) repeat-x left 12px; } @media (min-width: 1001px) { .side-2.leftNavigation, .side-2 { float: left !important; } .center-2.leftNavigation, .center-2 { float: right !important; } .side-2.leftNavigation .filtersPanel { border-radius: 2px; } .side-2.leftNavigation .priceRangeFilterPanel7Spikes { padding-top: 6px; } .side-2 .block .title { cursor: default; border-radius: 4px 4px 0 0; } .block.filter-block.vendorFilterPanel7Spikes { overflow: hidden; } .category-page .product-selectors, .vendor-page .product-selectors { text-align: left; padding: 6px 15px; border-radius: 0px; margin-left: 0; margin-bottom: 35px; width: auto; background-color: #f3f3f3; } .vendor-page.vp2 .page-body .product-selectors { padding: 0px; } } @media (max-width: 1000px) { .side-2.leftNavigation .block { margin-bottom: 5px; } .side-2.leftNavigation .block .title { background: url(/Themes/Allure/Content/img/arrow-down-mod.png) no-repeat 8% 14px #00bcd4; } .side-2.leftNavigation .block .title:hover { background-color: #999999; } .side-2.leftNavigation .block .title.hideList { background-image: url(/Themes/Allure/Content/img/arrow-up-mod.png) !important; } .responsive-nav-wrapper .filters-button span { background-color: transparent !important; } .nopAjaxFilters7Spikes.open .filtersPanel { padding-bottom: 0px; border-bottom: 5px solid #000; } .category-page .product-selectors, .vendor-page .product-selectors { border-top: 1px solid #eeeeee; border-bottom: 1px solid #eeeeee; } } /*================= Product Detail =======================*/ .overview .product-vendor { margin: 0 0 15px; } .overview .qty-input, .variant-overview .qty-input { width: 42px; } #cloud-zoom-big { background-color: #ffffff; } /*================= Quick View =======================*/ .product-item .quick-view-button a { border-color: #00bcd4 !important; background-color: #00bcd4 !important; } .product-list .quick-view-button a { width: auto; background-position: 7px 7px !important; } .product-item .quick-view-button a:hover { background-position: left 7px !important; background-color: #acd578 !important; color: #ffffff !important; border-color: #acd578!important; } .product-list .quick-view-button a:hover { background-position: 7px 7px !important; } .product-grid .quick-view-button { padding-bottom: 10px; } .product-grid .quick-view-button a { text-indent: 0px; background-image: none; } .hover-details input.productQuantityTextBox, .master-wrapper-main .overview .qty-input, .product-details-page .overview .qty-input, .ajax-cart-button-wrapper input.productQuantityTextBox, .add-to-cart .add-to-cart-panel .qty-input { border-radius: 0px; border-color: #ff5252!important; font-size: 18px; font-weight: bold; color: #212121; height: 37px; border-width: 2px; box-shadow: none !important; background: #ffffff; } .quickViewWindow #accordion > h3 { text-transform: none !important; text-shadow: none !important; } .quickViewWindow .overview .attributes dt { width: auto !important; } .quickViewWindow .overview .left { max-width: none !important; } .quickViewWindow .overview .purchase-area .product-price { font-weight: 700; } .quickViewWindow .purchase-area .prices, .quickViewWindow .overview .add-to-cart { text-align: left !important; } .quickViewWindow .related-products-grid.product-grid .item-grid { height: auto; } .quickViewWindow .related-products-grid.product-grid .item-grid .visible-details .ink-summary { border-radius: 0; } .quickViewWindow .related-products-grid.product-grid .item-grid .visible-details .ink-summary > div { display: none; } .quickViewWindow .related-products-grid.product-grid .item-grid .visible-details .ink-summary > div.progress-container { display: block; } .quickViewWindow .related-products-grid.product-grid .item-grid .visible-details .product-title { height: 31px !important; } .quickViewWindow .related-products-grid.product-grid .item-grid .visible-details .product-title > a { font-size: 12px !important; } .quickViewWindow .product-variant-list .item-grid { height: auto; max-height: 160px; overflow-y: auto; } .quickViewWindow .product-variant-list .item-grid .product-variant { height: auto; width: 103px; margin-bottom: 5px; } .quickViewWindow .product-variant-list .item-grid .product-variant:nth-child(3n+1) { margin-left: 5px; } .quickViewWindow .product-variant-list .item-grid .variant-picture { height: auto; width: 100%; } /*============== Mini prod detail view - add to cart =======*/ .miniProductDetailsView .product-name { max-width: 475px; text-shadow: none !important; text-transform: none !important; padding: 15px 15px 0 15px !important; height: 38px !important; } .productAddedToCartWindowTitle { text-shadow: none !important; text-transform: none !important; } .miniProductDetailsView h1 { text-shadow: none !important; text-transform: none !important; } .ajaxCart .productAddedToCartWindowCheckout { font-size: 16px !important; } .product-grid .item-box .hover-details { background: rgba(255, 255, 255, .85); overflow: hidden; } /*============ Shopping Cart ===============*/ .cart-collaterals .coupon-code input[type="text"] { border-right: 1px solid #c9c9c9; } .shopping-cart-page .emptyCart { font-size: 18px; font-weight: bold; text-align: center; padding: 100px 25px; border: 10px solid #dddddd; color: #999999; } .cart-total tr:last-child td.cart-total-left { font-weight: 700; } .product-price.order-total { color: #ff5252; } .shopping-cart-link { position: relative; } .shopping-cart-link .cartItemCount { position: absolute; left: 0; text-align: center; top: 18px; font-size: 9px; line-height: 0; font-weight: normal; color: #00bcd4; width: 52px; } .checkout-attributes dl dd textarea#checkout_attribute_1 { min-height: 50px; width: 50%; max-width: 408px; min-width: 275px; margin: 5px 0 10px 0; max-height: 150px; } @media (min-width: 1001px) { .shopping-cart-link .flyout-cart { top: 36px; } } @media (min-width: 1280px) { .shopping-cart-link .flyout-cart { top: 36px; right: 0; margin-right: 0; } } /*=============== Account - My Payments =======================*/ .address-item .title, .order-item .title, .payment-item .title { padding: 10px 10px; border-bottom: none; padding-bottom: 0; } .address-item .title strong, .order-item .title strong, .payment-item .title strong { font-weight: bold; } ._methodWrapper.payment-item { position: relative; } .payment-item .buttons { border: none; position: static; border-top: 4px solid #eeeeee; } .payment-item .buttons:before { background: none !important; } .payment-item .payment-delete { display: inline-block; font-size: 12px; border-radius: 6px; padding: 6px 10px; background-color: #eeeeee; color: #999999; margin-right: 8px; } .payment-item .payment-delete span a { text-decoration: underline; font-weight: bold; } .payment-item ._notifier, .payment-item .payment-working { color: #009900; font-weight: bold; padding: 10px; display: block; background-color: #D2FFD2; position: absolute; width: 100%; height: 100%; top: 0; text-align: center; opacity: .85; font-size: 32px; z-index: 1; padding-top: 75px; } .payment-item .payment-working { color: #999999; background-color: #eeeeee; } .no-payments { color: #999999; font-size: 16px; text-align: center; font-weight: bold; display: block; } .info.payment-info { display: block; } .info.payment-info li { display: block; padding: 6px 6px; font-size: 12px; border-top: 1px dashed #eeeeee; color: #999999; text-align: left; position: relative; } .info.payment-info li label { font-weight: normal; display: inline-block; width: 38%; } .info.payment-info li span.info-name { color: #212121; font-weight: bold; } .info.payment-info li input, .info.payment-info li select { font-size: 12px; width: 61%; height: auto; padding: 6px 8px; } @media (min-width: 769px) { ._methodWrapper.payment-item { width: 49%; min-height: 240px; } ._methodWrapper.payment-item:nth-child(3n+1) { clear: none; } } @media (max-width: 768px) { ._methodWrapper.payment-item { width: 100%; clear: left; } .extra-large-button-orange.payments { width: 85%; } .info.payment-info li { text-align: left; } } .avatar-page .image img { border: 0px solid #cccccc; } div.order-list.payment-list { margin-top: 40px; } div._methodWrapper.payment-item { margin: 0 auto; float: none; } .avatar-page input[type="file"], .avatar-page .fieldset { width: 100%; } /*=============== Account - Designer Portal =======================*/ #designerPortal { margin-bottom: 35px; } #designerPortal .ui-tabs .ui-tabs-panel { position: relative; width: 100%; max-width: none; background: #ffffff; padding: 25px 15px; border: 8px double #dddddd; } #designerPortal .ui-tabs .ui-tabs-panel div { text-align: center; } #designerPortal .ui-tabs .ui-tabs-panel div img { border: 1px solid #dddddd; box-shadow: 1px 1px 0px rgba(0, 0, 0, .35); padding: 10px; margin: 10px; display: inline-block; width: 150px; } #designerPortal .ui-tabs .ui-tabs-panel .dp-img-container { display: inline-block; padding-bottom: 10px; } #designerPortal .ui-tabs { float: none; width: 100%; max-width: none; margin: 0 0 35px 0; } #designerPortal .ui-tabs-anchor { font-weight: 700; } #designerPortal h2.title #designerPortal .submit-new-design-wrap { padding: 10px; } #designerPortal .submit-new-design-wrap .extra-large-button-orange { margin: auto; width: auto; padding: 8px 25px; margin-bottom: 0px; display: block; } div#designerPortal.page.account-page img { width: 100%; } .my-campaigns-button-wrap .update-campaign, .my-campaigns-button-wrap .delete-campaign, .my-campaigns-button-wrap .repost-campaign { display: inline-block; text-align: center; padding: 0px 2px 15px 2px; } .my-campaigns-button-wrap .delete-campaign span div.confirm-del p { font-size: 12px; font-weight: 600; color: #ff5252; display: block; padding-bottom: 3px; } .my-campaigns-button-wrap .delete-campaign span div.confirm-del { padding: 5px 0; } .my-campaigns-button-wrap .delete-campaign span div.confirm-del input[type="button"]:first-of-type { margin-right: 3px; } .product-item .my-campaigns-button-wrap input[type="button"], .product-item .ink-hover-sum input[type="button"], a.di-prod-select, a.di-prod-delete { display: inline-block; text-align: center; width: auto; font-size: 12px; margin: 0; min-width: 0; } a.di-prod-select, a.di-prod-delete { padding: 8px 11px; background: #ffffff; } .product-item .ink-hover-sum input[type="button"] { margin: 0 2px; } .my-campaign-status p { display: block; font-size: 14px; font-weight: 600; color: #757575; } .my-campaign-created-date p { display: block; font-size: 12px; font-weight: 500; color: #999999; } .my-campaign-status div { display: block; font-size: 14px; font-weight: 600; color: #757575; } .my-campaign-created-date p { display: block; font-size: 12px; font-weight: 500; color: #999999; } /* Account - Info - newsletter sign up */ .inputs .newsletter-message { display: block; padding: 10px 0; font-size: 14px; white-space: normal; } @media (min-width: 1001px) { .inputs .newsletter-message { margin-left: 36%; } } /*================= Content Pages =======================*/ .page-title h1, .login-page .page-title h1 { background: none; font-size: 3em; font-weight: 700; border-bottom: 0px; margin-top: 20px; } .topic-page .page-title h1 { font-size: 3em; margin: 0; padding: 9px 9px 10px; } .topic-page #good-work-img { margin: 0 0 30px 30px; display: block; max-width: 100%; } .topic-page .answer { font-style: italic; color: #999999; } #how-it-works #steps { background-color: #eeeeee; padding: 40px 40px 0 40px; clear: both; } #how-it-works ul { font-size: 1.3em; line-height: 1.5em; margin: 0 0 35px 0; } #how-it-works > iframe { max-width: 100%; margin: 15px 0; } .side-2 .block .title { font-size: 16px; } .side-2 .block .listbox { border-radius: 4px; padding-bottom: 5px; } .side-2 .block .listbox, .filter-block a, .side-2.leftNavigation .filter-block .filtersGroupPanel li > a, .filter-block a.toggleControl { color: #999999; } .side-2 .block .list > li:last-child a, .side-2 .block .list > li:last-child strong { border-bottom: 1px solid #dddddd; } .topic-page .featPartners { padding-top: 35px; margin-top: 35px; border-top: 1px dashed #cccccc; } .topic-page img#ink-partnership-logo { width: 300px; max-width: 100%; float: right; margin: -20px 10px 0 20px; } .topic-page .partnership-div { background-color: rgb(238, 238, 238); padding: 30px; margin: 0px 0px 30px; } .topic-page .featPartners h2 { padding-bottom: 25px; } .topic-page .partnership-div img.partnership-logo { float: left; width: 220px; } .topic-page .partnership-div .partnership-description { margin-left: 250px; } .topic-page .partnership-div .partnership-description .extra-large-button-orange { margin: 5px 0 0; } .topic-page .partnership-div .partnership-description h3 { margin-bottom: 10px; font-size: 20px; } @media (min-width: 769px) { .topic-page #good-work-img { float: right; } #how-it-works img#success-icon { float: right; margin: -25px 0 30px 30px; } } @media (max-width: 769px) { .topic-page #good-work-img { margin: 0 auto 30px auto; } .topic-page ul { list-style: none; } #how-it-works img#success-icon { float: none; margin: 8px auto; } .topic-page img#ink-partnership-logo { width: 300px; max-width: 100%; float: none; margin: 0; } .topic-page .partnership-div img.partnership-logo { float: none; max-width: 100%; } .topic-page .partnership-div .partnership-description { margin-left: 0; } .topic-page .partnership-div .partnership-description h3 { margin-top: 10px; } .topic-page .partnership-div .partnership-description .extra-large-button-orange { max-width: 50%; margin: auto; } } @media (max-width: 480px) { .topic-page .page-title { margin: 0 0 30px; } .topic-page .partnership-div .partnership-description .extra-large-button-orange { max-width: none; margin: auto; } } img.wizard-pic { width: 50%; vertical-align: middle; } img.campaign-on-all-devices { width: 100%; margin: 100px 0; } .how-to-step-info { display: inline-block; } .how-to-step-container { text-align: left; margin: 80px 0; } @media (max-width: 768px) { img.wizard-pic { width: 100%; float: none; } .how-to-step-container { text-align: center; } .how-to-step-info { padding: 0; width: 100%; margin-bottom: 50px; } .how-to-step-info ul { padding: 0; } } .how-to-top-container div { display: inline-block; width: 22%; } /* makes embedded iframe youtube videos responsive */ .video-container-4x3 { position: relative; padding-bottom: 75%; padding-top: 35px; height: 0; overflow: hidden; } .video-container-16x9 { position: relative; padding-bottom: 56.25%; /*padding-top: 35px;*/ height: 0; overflow: hidden; } .video-container-4x3 iframe, .video-container-16x9 iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; } .topic-html-content-body.success-stories-page { margin-top: 50px; } .success-story-video-container iframe { margin: 20px; } .nonprofit-page .topic-sub-header { margin: 20px 0; } .nonprofit-page .topic-sub-header.how-it-works { background-color: #f3f3f3; padding: 60px; border-radius: 6px; } @media (max-width: 1000px) { .nonprofit-page .topic-sub-header.how-it-works { padding: 30px; } .topic-sub-header ul { text-align: left; } } .nonprofit-page .topic-html-content-body.home-video { margin: 50px 0; } .topic-sub-header { text-align: center; font-size: 16px; line-height: 1.5; margin: 40px 0 0 0; } .topic-sub-header img { width: 100%; display: block; margin: 0 0 30px 0; } @media (min-width: 1001px) { .topic-sub-header { text-align: left; } .topic-sub-header img { width: 40%; float: left; margin: 0 80px; } } .topic-sub-header:after { content: "."; display: block; visibility: hidden; clear: both; height: 0px; line-height: 0; font-size: 0; } .topic-sub-header ul { list-style-type: none; line-height: 2; list-style-position: inside; margin: 0; display: inline-block; } @media (max-width: 420px) { .topic-sub-header ul { padding: 30px; text-align: left; } } .topic-page .green-icon, .home-page .green-icon, .nonprofit-page .green-icon { color: #00c853; } .stat-div-wrapper { width: 100%; background-color: #00bcd4; color: #ffffff; padding: 20px 30px; margin: 60px 0; border-radius: 6px; } .stat-div h2 { font-weight: 400; } .stat-div { width: 33.3%; float: left; } .stat-div-wrapper:after { content: "."; display: block; visibility: hidden; clear: both; height: 0px; line-height: 0; font-size: 0; } .contact-page .contact-method { text-align: center; width: 25%; padding: 0 2%; float: left; } .contact-page .contact-method .fa { padding: 0 0 0 12px; width: 100px; height: 100px; line-height: 100px; background-color: #999999; border-radius: 100%; text-align: center; vertical-align: middle; margin: 0 auto 20px auto; color: #ffffff; } .contact-method-wrapper { padding: 30px 0; margin: 0 0 20px 0; border-bottom: 1px solid #dddddd; } .contact-page .contact-method-wrapper:after { content: "."; display: block; visibility: hidden; clear: both; height: 0px; line-height: 0; font-size: 0; } .contact-page .page-body, .email-a-friend-page .page-body { background: none; box-shadow: none; } @media (max-width: 769px) { .stat-div { width: 100%; } .contact-page .contact-method { width: 100%; padding: 0 0 15px 0; } } .team-photo { width: 100%; margin: 50px 0; border-radius: 6px; } div.faqs, div.design-guide, div.tips-success { text-align: left; margin-bottom: 50px; } /*================= Vendor Page =======================*/ /* .vendor-page .product-selectors { text-align: left; border-radius: 2px; box-shadow: 0 1px 5px rgba(0, 0, 0, .25); margin-left: 0; margin-bottom: 35px; width: auto; } .vendor-page .product-selectors > h2 { display: inline-block; font-size: 1.8em; margin: 12px 20px 0 20px; } .vendor-page .product-selectors > div.product-sorting { text-align: left; float: right; display: inline-block; } .vendor-page .product-selectors > div > span { font-weight: bold; } .product-selectors select { border: 1px solid #cccccc !important; } */ .vendor-page .profile-details .profile-thumb { float: left; } .vendor-page .profile-details .profile-text { float: left; padding-left: 20px; line-height: 1.4; } .vendor-page .profile-details .profile-text .profile-title { font-size: 20px; } .vendor-page .profile-details .profile-text .profile-contact a { font-size: 16px; text-decoration: underline; } .vendor-page .profile-details .profile-text .profile-contact a:hover { color: #999999; } .vendor-page .profile-details .profile-description { clear: both; padding-top: 20px; } .vendor-page .profile-details .profile-description > p { display: block; font-size: 14px; text-align: left; } .vendor-page .page-body { padding-top: 12px; } .vendor-page .profile-image-container { float: right; margin-left: 25px; width: 280px; } .vendor-page .vendor-profile-container { float: left; width: 65%; } @media (max-width: 940px) { .vendor-page .vendor-profile-container { float: none; width: auto; } .vendor-page .profile-image-container { float: none; margin-left: 0; margin-bottom: 15px; width: 280px; } } @media (max-width: 600px) { .vendor-page .ink-summary .label { font-size: 11px; } } .vendor-profile-sidewrap .title { display: none; } /*================= Vendor Page version 2 =======================*/ .vendor-page.vp2 .pageFBCommentsWrapper { padding-top: 15px; } .vendor-page.vp2 .vendor-footer-content { padding: 20px 0; } .vendor-page.vp2 .page-body { padding-top: 35px; } .vendor-page.vp2 .profile-image-container { float: none; margin: 0; max-height: 230px; width: 100%; overflow: hidden; } .vendor-page.vp2 .profile-image-container { width: 100%; } .vendor-page.vp2 .profile-image-container .profile-thumb { max-width: 100%; } .vendor-page.vp2 .vendor-profile-container { float: none; width: auto; margin-bottom: 25px; } .vendor-page.vp2 .profile-description { margin-bottom: 20px; } .vendor-page.vp2 .profile-description p, .vendor-description p { padding: 10px 0; font-size: 15px; color: #999999; font-weight: 500; line-height: 1.3; } .vendor-page.vp2 .profile-description p a { color: #ff5252 !important; font-weight: 600 !important; } .vendor-page.vp2 .profile-description p a:hover { text-decoration: underline; } .vendor-page.vp2 .profile-description .dp-desc-title { font-size: 18px; } .vendor-page.vp2 .profile-description .dp-edit-desc-box { padding: 20px; padding-top: 10px; margin-top: 15px; background: #ffffff; border-radius: 3px; } .vendor-page.vp2 .profile-description .update-desc-button { font-size: 12px; font-weight: 500; color: #aaaaaa; } .vendor-page.vp2 .profile-description .update-desc-button:hover { color: #999999; text-decoration: underline; } .vendor-page.vp2 .profile-description .dp-edit-desc-box .save-cancel-buttons { display: block; margin-top: 10px; } .vendor-page.vp2 .profile-description .dp-edit-desc-box .save-cancel-buttons a { font-size: 12px; font-weight: 500; color: #aaaaaa; } .vendor-page.vp2 .profile-description .dp-edit-desc-box .save-cancel-buttons a:hover { color: #999999; text-decoration: underline; } .vendor-profile-sidewrap .listbox { padding: 12px; } .vendor-profile-sidewrap .vendor-profile-thumb-wrap { width: 200px; height: 200px; margin: 0 auto; overflow: hidden; border-radius: 50%; border: 2px solid #f3f3f3; position: relative; } .vendor-profile-sidewrap .vendor-profile-thumb-wrap .profile-thumb, .product-details-page .ittp-designer-details .profile-image-wrap .profile-thumb { width: 100%; display: block; position: absolute; top: 0; bottom: 0; margin: auto; } .vendor-profile-sidewrap .profile-details { padding: 10px 0; } .vendor-profile-sidewrap .profile-details li { padding-bottom: 3px; font-size: 15px; color: #999999; } .vendor-profile-sidewrap .profile-details li a { color: #ff5252; font-weight: 600; } .vendor-profile-sidewrap .profile-details li a:hover { text-decoration: underline; } .vendor-profile-sidewrap .profile-funds-raised { padding: 10px 0; border-top: 1px solid #dddddd; border-bottom: 1px solid #dddddd; margin-bottom: 12px; text-align: center; } .vendor-profile-sidewrap .profile-funds-raised .amount-raised { font-size: 17px; font-weight: 700; color: #00bcd4; margin-right: 5px; display: block; } .vendor-profile-sidewrap .profile-funds-raised .amount-desc { font-size: 14px; color: #999999; font-weight: 500; } .vendor-profile-sidewrap .profile-social-icons { padding: 10px 0; padding-top: 0; } .vendor-profile-sidewrap .vendor-update-avatar { text-align: center; padding-top: 5px; } .vendor-profile-sidewrap .vendor-update-avatar a { font-size: 12px; font-weight: 500; color: #aaaaaa; } .vendor-profile-sidewrap .vendor-update-avatar a:hover { color: #999999; text-decoration: underline; } .vendor-profile-sidewrap .profile-details li { text-align: center; } .vendor-profile-sidewrap .profile-details > li:first-of-type span a { font-size: 12px; font-weight: 500; color: #aaaaaa; } .vendor-profile-sidewrap .profile-details > li:first-of-type span a:hover { color: #999999; text-decoration: underline; } .vendor-profile-sidewrap .profile-details > li:first-of-type span input[type="text"] { text-align: center; margin-bottom: 5px; } .vendor-description img { width: 100%; } @media (min-width: 1001px) { .vendor-profile-sidewrap .profile-social-icons { position: relative; padding-left: 56px; } .vendor-profile-sidewrap .profile-social-icons .fb_iframe_widget { position: absolute; width: 52px !important; left: 0; height: 21px; overflow: hidden; margin-top: -10px; } .addthis_counter.addthis_bubble_style { margin: -10px 0 0 0 !important; } } @media (max-width: 1000px) { .vendor-page .ink-summary .label { font-size: 11px; } .vendor-profile-sidewrap .listbox { text-align: center !important; } .vendor-profile-sidewrap .vendor-profile-thumb-wrap { margin: auto; } .vendor-profile-sidewrap .profile-social-icons { margin: auto; width: 60%; text-align: center; } .vendor-page.vp2 .profile-image-container .profile-thumb { width: 100%; } .vendor-profile-sidewrap .profile-social-icons .fb_iframe_widget { width: 48px !important; overflow: hidden; left: 0; height: 21px; margin-bottom: 5px; } } /*================= PDP goal countdown ===================*/ #countdown-holder .countdown-row { float: none; display: inline-block; } #countdown-holder .countdown-section { float: none; display: inline-block; } #countdown-holder .countdown-amount { float: none; display: block; font-size: 17px; font-weight: bold; color: #757575; color: #00bcd4; } #countdown-holder .countdown-period { float: none; display: block; color: #00bcd4; color: #aaaaaa; font-size: 12px; font-weight: normal; text-transform: uppercase; } /*================= Simple Product Creator =======================*/ .SPC_container.center-1 { clear: both; margin-bottom: 50px; } .SPC_container .SPC_steps { text-align: center; margin-top: 20px; } .SPC_container .SPC_steps li { display: inline-block; margin: 0 20px; opacity: .35; } /* .SPC_container .SPC_steps li strong { background: url(/Themes/Allure/Content/img/arrow-right-mod.png) no-repeat center; } */ .SPC_container .SPC_steps li.activeStep { opacity: 1; color: #00bcd4; } .SPC_container .SPC_steps li.activeStep strong {} .SPC_container .SPC_steps li.activeStep span { font-weight: 700; } .SPC_container .SPCPreview { margin: 0 auto 20px; width: 100%; max-width: 800px; } .SPC_container .SPCPreview .tshirt-preview img { max-width: 100%; max-height: 100%; margin: auto; padding: 12px 0; } .SPC_container .SPCPreview .tshirt-preview { position: relative; width: 100%; height: auto; margin: 0 auto 20px; border: 0px solid #dddddd; overflow: hidden; background: #ffffff; padding: 10px; border-radius: 10px; } .SPC_container .SPCPreview .tshirt-preview:before { content: " "; display: block; } .SPC_container .SPCOptions, .rightColumn .SPCOptions { width: 100%; margin: 30px 0; } .SPC_storydetails { width: 66%; } .SPC_container .SPCEstimate .SPC_fundpotential, .SPC_container .SPCEstimate .SPC_storydetails { padding-bottom: 12px; } .SPCOptions .bottomRightColumn { width: 35%; text-align: center; margin: 40px 0; display: inline-block; } .SPCOptions .bottomRightColumn p.increase-funds-tip { font-size: 14px; font-weight: 500; color: #757575; display: block; vertical-align: middle; margin-top: 15px; text-align: center; } .SPCOptions .bottomRightColumn p.increase-funds-tip > i { color: #ff5252; margin: 0 2px; vertical-align: middle; } .SPC_storydetails .bottomRightColumn { float: none; width: 100%; text-align: center; margin: 40px 0; display: inline-block; } .SPCOptions .bottomLeftColumn { width: 60%; background: #ffffff; padding: 30px; border-radius: 6px; box-shadow: 0 1px 5px rgba(0, 0, 0, .25); margin: 20px 0; display: inline-block; } .SPCOptions .campaignCreate_sliderContainer { position: relative; background: #ffffff; border: 1px solid #00bcd4; border-radius: 0 0 0px 0px; margin-bottom: 10px; padding: 15px 15px 25px 15px; text-align: center; } .SPCOptions .campaignCreate_sliderContainer a.adjust { position: absolute; font-family: Arial; border-radius: 2px; text-align: center; font-weight: normal; line-height: 1; font-size: 19px; width: 87px; height: 46px; border: 1px solid #cccccc; border-bottom: 3px solid #cccccc; bottom: auto; color: #00bcd4; background-color: rgba(0, 188, 212, .15); transition: all .5s ease; } .SPCOptions .campaignCreate_sliderContainer a.adjust.minus1 { left: 15px; border-radius: 12px 0 0 12px; } .SPCOptions .campaignCreate_sliderContainer a.adjust.plus1 { right: 15px; border-radius: 0 12px 12px 0; } .SPCOptions .campaignCreate_sliderContainer a.adjust:hover { color: #00bcd4; border-color: #00bcd4; } .SPC_fundpotential .campaignCreate_sliderContainer .campaignCreate_ContributionGoal { font-size: 30px; font-weight: bold; } .SPC_fundpotential .campaignCreate_sliderContainer .campaignCreate_smallBold { font-size: 16px; } .SPC_fundpotential .campaignCreate_sliderContainer .campaignCreate_slider { margin: 15px auto 0 auto; width: 82%; } .SPC_fundpotential .campaignCreate_sliderContainer .ui-slider .ui-slider-handle { cursor: auto; cursor: -webkit-grab; } .SPC_fundpotential .campaignCreate_sliderContainer .ui-slider .ui-slider-handle:active { cursor: -webkit-grabbing; } .campaignCreate_sliderContainer .ui-slider-handle { border-color: #999999 !important; box-shadow: 0 0 5px rgba(0, 0, 0, .2); background-image: url(/Themes/Allure/Content/img/ui-bg_flat_75_aaaaaa_40x100.png) !important; } .campaignCreate_sliderContainer .ui-slider-horizontal .ui-slider-handle { top: -.4em !important; } .campaignCreate_sliderContainer .ui-slider .ui-slider-handle { width: 1.5em !important; height: 1.5em !important; } .SPC_blue_singlecb_container { background-color: #d8f5f9; width: 100%; padding: 10px 20px; margin-bottom: 20px; border-radius: 6px; box-shadow: 0 3px 6px rgba(0,0,0,0.2); } div.event-date { background-color: #d8f5f9; width: 100%; padding: 10px 20px; margin-bottom: 20px; border-radius: 6px; } .SPC_fundpotential .SPC_funddetails_container, .SPC_storydetails .SPC_storydetails_container { background: #ffffff; border-radius: 0 0 0px 0px; margin-bottom: 10px; padding: 15px; float: left; width: 100%; border: 1px solid #00bcd4; } .SPC_funddetails_container.table-display { display: table; float: none; } .SPC_fundpotential .SPC_funddetails_col1 { display: table-cell; padding-right: 12px; text-align: left; vertical-align: top; } .SPC_fundpotential .SPC_funddetails_col1 p.sell-min-tip { font-size: 12px; font-weight: 500; color: #757575; margin-bottom: 8px; display: block; vertical-align: middle; } .SPC_fundpotential .SPC_funddetails_col1 p.sell-min-tip > i { color: #ff5252; margin: 0 2px; vertical-align: middle; } #createProductContainer i.fa-question-circle, .SPC_fundpotential i.fa-question-circle { color: #ff5252; } .SPC_fundpotential .SPC_funddetails_col1 p a { color: #ff5252; } .SPC_fundpotential .SPC_funddetails_col1 p a:hover { text-decoration: underline; } .SPC_fundpotential .SPC_funddetails_col1 .EFP_num { text-align: left; margin: 10px 0; border-top: 1px solid #cccccc; padding-top: 10px; } .SPC_fundpotential .SPC_funddetails_col1 .EFP_num strong { font-size: 38px; font-weight: bold; } .SPC_fundpotential .SPC_funddetails_col1 .EFP_num span { font-size: 16px; margin-left: 0px; margin-bottom: 10px; display: block; } .SPC_storydetails .SPC_storydetails_container.camp-url input[type="text"] { margin-bottom: 15px; } .SPC_storydetails .SPC_storydetails_container.camp-url small { font-weight: 600; } .SPC_fundpotential .SPC_funddetails_col2 { display: table-cell; font-size: 12px; text-align: center; vertical-align: top; } .SPC_fundpotential .SPC_funddetails_col2 table thead td { font-weight: bold; font-size: 12px; } .SPC_fundpotential .SPC_funddetails_col2 table thead tr { background: #e1e1e1; } .SPC_fundpotential .SPC_funddetails_col2 table td { padding: 5px 10px; } .SPC_fundpotential .SPC_funddetails_col2 table tbody tr { background: #e1e1e1; } .SPC_fundpotential .SPC_funddetails_col2 table tbody tr:nth-child(odd) { background: #fafafa; } .extra-large-button-orange.SPC_continue { height: 40px; width: 90%; display: block; line-height: 34px; } .SPC_fundpotential .contrib-goals_container { background: #F2F2F2; border-radius: 0 0 6px 6px; margin-bottom: 10px; text-align: center; float: none; width: 100%; border: none; } .SPC_fundpotential .contrib-goals_container input[type=text] { text-align: center; width: 80%; font-size: 22px; height: 43px; } .SPC_fundpotential .contrib-goals_container div.goal-label { width: 80%; margin: auto; } .SPC_fundpotential .contrib-goals_container div.goal-label:before { content: "$"; font-size: 22px; margin-right: 5px; font-weight: bold; } .SPC_fundpotential .campaign-type-select { margin: 30px 0 20px 0; border-bottom: 2px solid #dddddd; border-top: 2px solid #dddddd; padding: 30px 0 20px 0; } .campaign-type-select { margin-top: 30px; } .SPC_fundpotential div.campaign-type-select input { margin: 0 5px 0 0; } .SPC_fundpotential div.campaign-type-select p { font-size: 14px; margin: 10px 0 5px 0; font-weight: bold; } .SPC_fundpotential .bottomLeftColumn .campaign-type-select { margin: 0 0 20px 0; border-bottom: 2px solid #dddddd; border-top: 0px solid #dddddd; padding: 0 0 10px 0; } .SPC_fundpotential .bottomLeftColumn .campaign-type-select p { display: inline-block; margin: 10px 20px; } div.leftColumn.SPCTools, div.rightColumn.SPCEstimate { width: 333px; background-color: rgba(243,243,243, .9); padding: 20px; z-index: 999; top: 0px; min-height: 100%; } div.leftColumn.SPCTools { position: absolute; left: 0px; } div.rightColumn.SPCEstimate { position: absolute; right: 0px; } div.rightColumn.SPCEstimate ul { list-style: disc; padding-left: 35px; color: #757575; margin-bottom: 15px; } div#createProductContainer { position: relative; background-color: #ffffff; border-top: 2px solid #dddddd; } .bottomLeftColumn .campaign-type-select fieldset div { background-color: #f3f3f3; padding: 30px; display: inline-block; width: 45%; font-size: 1.3em; border: 2px solid #f3f3f3; border-radius: 6px; transition: .3s all ease-in-out; margin: 0 10px; } .bottomLeftColumn .campaign-type-select fieldset div:hover { transform: scale(1.05); } .selected-campaign-type { border: 2px solid #00bcd4 !important; background-color: rgba(0, 188, 212, .15) !important; transition: .3s all ease; } .grey-text { color: #999999; } .bottomLeftColumn .campaign-type-select fieldset div ul { padding: 10px 38px; list-style: disc; font-size: .8em; line-height: 1.7em; color: #757575; } .bottomLeftColumn .campaign-type-select fieldset div p input { margin-right: 5px; } .bottomLeftColumn .campaign-type-select fieldset div p input, .bottomLeftColumn .campaign-type-select fieldset div p strong, .bottomLeftColumn .campaign-type-select fieldset div p span, .bottomLeftColumn .campaign-type-select fieldset div p i { vertical-align: middle; } .bottomLeftColumn { margin-bottom: 70px; } .raise-same-amount { padding: 20px; background-color: rgba(0, 188, 212, .15); border-radius: 6px; } .raise-same-amount label strong { font-size: 16px; color: #00bcd4; } div.rightColumn.SPCEstimate fieldset, .bottomLeftColumn .campaign-type-select fieldset { border: 0px solid #ffffff !important; } div.rightColumn.SPCEstimate fieldset { padding-left: 15px; } h2.head-SPC { margin: 0 0 10px 0; } strong.raised-step1 { font-size: 48px; color: #00c853; font-weight: 500; } p.raised-each-step1 { color: #00c853; margin: 5px 0; } .product-raised { color: #00c853; } .SPC_fundpotential p input[type="text"] { width: 50px; background-color: #ffffff; } .SPC_fundpotential .bottomLeftColumn p input[type="text"] { background-color: #f3f3f3; } .slider-inputs-step1 { width: 35%; display: inline-block; margin: 5px 5px 5px 0; text-align: right; } #slider-range-min, #slider-range-min-price { width: 60%; display: inline-block; } /* Step 2 */ .mce-container.mce-menubar.mce-toolbar { display: none; } .SPC_storydetails .SPC_storydetails_container { float: none; } .SPC_storydetails .SPC_storydetails_container input[type=text], .SPC_storydetails .contrib-goals_container input[type=text] { width: 100%; } .SPC_addPic { margin: 0 auto 15px auto; width: 160px; font-size: 16px; height: 28px; display: block; } ul.campaignPics { display: block; background: #ffffff; border-radius: 6px; position: relative; padding: 8px 8px 0px 8px; border: 1px solid #cccccc; } ul.campaignPics > li { display: inline-block; max-width: 100px; position: relative; padding: 5px; margin-bottom: 10px; } ul.campaignPics > li img { width: 100%; max-width: 100px; } ul.campaignPics > li .SPC_removeImg { width: 80%; display: block; margin: auto; opacity: .65; background: #757575; text-align: center; font-weight: bold; border-radius: 3px; padding: 2px; font-size: 11px; text-transform: uppercase; color: #ffffff; } ul.campaignPics > li .SPC_removeImg:hover { opacity: 1; } i.fa.fa-trash.fa-lg { color: #bbbbbb; } div.optional-styles-description a { color: #999999; text-decoration: underline; font-size: 11px; } td.product-color { padding: 5px 0; width: 250px; } .add-product-color { padding: 5px 0 5px 48px; } .add-product-style { text-align: left; padding: 10px 30px; font-weight: bold; color: #888888; margin-top: 50px; border: 2px dashed #dddddd; transition: all .5s ease; border-radius: 6px; display: block; } .add-product-style img { float: right; width: 44%; opacity: .5; } #preview-button-section { padding: 0; } .optional-styles-item-container .product-thumb img, td.product-color div.color-swatch { cursor: default; } /* Step 3 */ .SPCOptions .date-picker input, input#eventdatepicker { background: url(/Themes/Allure/Content/img/calendar-icon.png) 15px 6px no-repeat #fafafa; padding-left: 50px; } .SPCOptions .contrib-goals_container input { background: url(/Themes/Allure/Content/img/dollar-sign-icon.png) 15px 6px no-repeat #fafafa; padding-left: 35px; } .SPCOptions .date-picker p, .SPCOptions .goal-label p, p.chars-remaining { font-size: 12px; color: #212121; margin: 15px 0 8px 0; } .ui-widget-header .ui-icon { background-image: url(/Themes/Allure/Content/img/ui-icons_black_256x240.png) !important; } .ui-datepicker .ui-datepicker-prev:hover { border: none !important; top: 2px !important; left: 2px !important; } .ui-datepicker .ui-datepicker-next:hover { border: none !important; right: 2px !important; top: 2px !important; } .SPCOptions .rec-funds fieldset, .SPCOptions .disp-options fieldset { border: none; } .SPCOptions .rec-funds fieldset span label, .SPCOptions .disp-options fieldset span label { font-size: 14px; font-weight: 500; margin-left: 3px; cursor: pointer; } .SPCOptions .rec-funds .radio, .SPCOptions .disp-options .radio { margin-bottom: 15px; } .SPCOptions .rec-funds .rec-funds-inset { position: relative; margin-left: 5%; border-radius: 6px; padding: 5px 15px 15px; margin-top: 8px; width: 95%; background: #ffffff; } .SPCOptions .rec-funds .rec-funds-inset label, .event-date label, .date-picker label { display: inline-block; font-weight: bold; padding: 10px 0 5px 0; vertical-align: baseline; margin: 0 5px 0 0; } .SPCOptions .rec-funds .rec-funds-inset { display: none; } .SPCOptions .rec-funds .rec-funds-inset.active { display: block; } .SPCOptions .rec-funds .rec-funds-inset li > .validationMessage { top: 30px; } .SPCOptions .rec-funds .radio.one .rec-funds-inset > li > span.validationMessage { padding-bottom: 0 !important; color: #ffffff !important; font-size: 11px !important; } .SPCOptions .rec-funds .rec-funds-inset .paypal-id-box .validationMessage { top: 18px; } .SPCOptions .rec-funds .radio .paypal-id-box { display: block; width: 100%; position: relative; } .SPCOptions .rec-funds .radio .payment-by-check { cursor: pointer; } .SPCOptions .rec-funds .radio .payment-by-check > input[type="checkbox"] { margin-right: 2px; } .SPCOptions .rec-funds .radio .send-check-to-address { display: none; } .SPCOptions .rec-funds .radio .send-check-to-address input, .SPCOptions .rec-funds .radio .send-check-to-address select { margin-bottom: 6px; } .SPCOptions .rec-funds .radio .send-check-to-address .validation-container { display: block; position: relative; } .send-check-to-address .validation-container { display: block; position: relative; } /* placeholder text for tinymce boxes */ .p_holder { position: relative; overflow: hidden; } .p_holder label { top: 40px; left: 15px; z-index: 5; color: #aaaaaa; position: absolute; padding-right: 10px; } /* charity search plugin */ .SPCOptions .rec-funds .radio.one .rec-funds-inset > li > span { color: #00bcd4; font-weight: bold; display: inline; margin: 0 0 0 5px; } div#fgResultsLoaderAnim { display: none; background: url(/Themes/Allure/Content/img/loading.gif) no-repeat center #ffffff; width: 100%; height: 100%; opacity: .85; top: 0; left: 0; right: 0; bottom: 0; position: absolute; } div#fgResultsLoaderAnim img { display: none; } div#fgAdvancedFeatures { display: none; } div#fgAdvancedFeatures #fgNtee { width: 100%; } div#fgResults { display: none; cursor: pointer; } div#fgAdvancedFeaturesButton { cursor: pointer; } div#fgAdvancedFeaturesButton > img { display: none } div#fgAdvancedFeaturesButton > span#fgAdvancedArrow { display: none; } div#fgAdvancedFeaturesButton > span { font-size: 11px; font-weight: 600; text-transform: uppercase; text-decoration: underline; display: block; color: #757575; padding: 10px 0; } div#fgAdvancedFeaturesButton > span:hover { color: #aaaaaa; } #fgAdvancedDistance { margin: 10px 0; white-space: nowrap; } #fgAdvancedDistance input#fgAdvancedDToggle { margin-right: 5px; } #fgAdvancedDistance > span { font-weight: 600; font-size: 12px; color: #757575; } #fgAdvancedDistance > .fgDistanceOptions { margin: 0 6px; width: 55px; height: 30px; font-size: 12px; } #fgAdvancedDistance > .fgDistanceOptions#fgZipRadius { width: 45px; } #fgResults { padding: 12px 0; margin: 12px 0; border-top: 2px solid #cccccc; border-bottom: 2px solid #cccccc; } #fgResults .fgResult { padding: 8px 0; display: block; transition: .3s all ease; } #fgResults .fgResult:hover { opacity: .5; } #fgResults .fgResult img.fgNTEEIcon { display: none; } #fgResults .fgResult .fgCharityHeader > span { font-size: 12px; font-weight: 600; color: #757575; } #fgResults .fgResult .fgCharityHeader .fgNteeCatTitle { font-size: 12px; font-weight: 400; color: #999999; } #fgResults .fgResult .fgDesc { font-size: 12px; font-weight: 400; color: #999999; } #fgPagination { font-size: 12px; font-weight: 600; color: #757575; } #fgPagination img#fgNextResults { margin: 0 10px; vertical-align: middle; } #fgPagination img#fgPreviousResults { margin: 0 10px 0 0; vertical-align: middle; } #fgZipRadius:disabled, #fgZip:disabled, #fgDistanceOptions:disabled { display: none; } /* Step 5 */ .SPC_storydetails .SPC_storydetails_container.disp-options > select { width: 100%; } .SPC_storydetails .SPC_storydetails_container.disp-options p label { cursor: pointer; background-color: #f2f2f2; display: block; font-size: 14px; font-weight: 500; } .SPC_storydetails .SPC_storydetails_container.disp-options p label input[type="checkbox"] { margin: 0 3px 3px 0; } /* SVG product designer */ #createProductContainer .svgModal { width: 100%; float: left; margin-top: 0px; } #createProductContainer .extra-large-button-orange.SPC_continue { float: none; margin: 0; width: 100% !important; } #createProductContainer .page-body { border-top: 4px double #dddddd; padding-top: 25px; } .camp-wiz-info-text { font-size: 13px; display: block; text-align: center; background-color: rgba(0, 188, 212, .15); padding: 25px 15px; margin-bottom: 25px; border-radius: 6px; } .preview-step-top-info { font-size: 13px; display: block; text-align: center; background-color: rgba(0, 188, 212, .15); padding: 25px 15px; margin-top: 25px; border-radius: 6px; box-shadow: 0 1px 5px rgba(0, 0, 0, .25); } #svgProductAreas { max-width: 800px; float: left; width: 100%; position: relative; overflow: hidden; } .svgProductArea { border: 1px solid #dddddd; background: #ffffff; overflow: hidden; } .svgWrapper { float: none !important; border: none !important; position: relative; display: block !important; width: 100%; height: 0; margin: auto; max-width: 800px; max-height: 800px; padding-top: 100%; vertical-align: middle; overflow: hidden; } .svgWrapper > svg { position: absolute; top: 0; left: 0; } @media (max-width: 1001px) { .widgetToolsWrapper { overflow: visible !important; top: 0 !important; left: 0 !important; } .widgetsWrapper { overflow: visible !important; top: 0 !important; left: 0 !important; } } .widgetToolsWrapper { max-width: 670px !important; width: 100% !important; height: 100% !important; } .widgetsWrapper { max-width: 670px !important; width: 100% !important; height: 100% !important; } .svgModal #svgControlWrappers { display: block; max-width: 300px; width: 300px; margin-right: 0; float: right; } #svgControlWrappers .svgPanel { border: none; margin-bottom: 1px; } .svgControlWrapper { width: 100%; } .svgControlWrapper button { width: 100%; } #wizardWrapper { max-width: 1000px; width: 100%; position: absolute; top: -170px; left: 0; right: 0; bottom: 0; margin: 0 auto; } .svgPanel { z-index: 999991; max-width: 750px; height: 100%; display:inline-block; margin-right:3px; position: absolute; left: 0; right: 0; bottom: 0; top: 10%; width: 75%; margin: auto; display: none; border: none; text-align: center; } .svgPanel .svgPanelWrapper { background-color: #ffffff; position: relative; padding: 25px; border: 0px; box-shadow: 0 0 35px rgba(0, 0, 0, .25); border-radius: 3px; } .blackoutModal-bg { width: 100%; height: 100%; position: fixed; top: 0; left: 0; right: 0; bottom: 0; background: #000; opacity: .50; } .blackoutModal-bg { opacity: .50; } .svgPanelWrapper h2 { font-size: 26px; border-bottom: 2px solid #dddddd; font-weight: 700; padding-bottom: 8px; margin-bottom: 15px; text-align: center; } .selectImage .svgPanelWrapper .imageWrapper, .selectShape .svgPanelWrapper .imageWrapper, .selectClipArt .svgPanelWrapper .imageWrapper { margin: 0; overflow: auto; width: 100%; border: none; height: auto; overflow-y: auto; max-height: 250px; min-height: 150px; } .selectImage .svgPanelWrapper .imageWrapper .image, .selectShape .svgPanelWrapper .imageWrapper .image, .selectClipArt .svgPanelWrapper .imageWrapper .image { border-color: #f3f3f3; width: 150px; height: 150px; border-width: 5px; background-color: #f3f3f3; background-size: contain !important; background-repeat: no-repeat !important; background-position: center !important; transition: all .5s ease; margin: 10px; } .selectImage .svgPanelWrapper .imageWrapper .image:hover, .selectShape .svgPanelWrapper .imageWrapper .image:hover, .selectClipArt .svgPanelWrapper .imageWrapper .image:hover { background-color: #d8f5f9; border-color: #d8f5f9; transition: all .5s ease; } .svgPanelWrapper > a[href*="javascript"] { display: block; border: 1px solid #dddddd; border-radius: 50%; background: url(/Plugins/SevenSpikes.Nop.Plugins.QuickView/Themes/Allure/Content/images/icon-close.png) no-repeat center !important; top: 10px; right: 10px; position: absolute; width: 25px; height: 25px; overflow: hidden; text-indent: 9999px; } .svgPanelWrapper .buttonWrapper { position: relative; display: inline-block; height: 50px; width: 100%; border-top: 4px double #dddddd; padding-top: 16px; margin-top: 25px; text-align: center; } .selectImage input.fileSelector { margin: 16px 0 10px 0; padding: 16px; font-size: 16px; border: 2px dashed #dddddd; width: 100%; border-radius: 6px; } .svgPanel .svgPanelWrapper p { line-height: 1.3; color: #757575; font-size: 14px; padding: 5px 0; display: block; } .svgPanel.selectImage .svgPanelWrapper p.imageDisclaimer { font-size: 12px; } #ThankYouNote_ifr { height: 100px !important; } .selectClipArt .controlWrapper { padding-bottom: 15px; margin-bottom: 15px; border-bottom: 4px double #dddddd; } .selectClipArt .controlWrapper label { font-size: 14px; } .selectClipArt .controlWrapper select { width: 100%; margin: 5px 0 15px 0; } .selectFont .controlWrapper { padding-bottom: 15px; margin-bottom: 25px; border-bottom: 4px double #dddddd; } .selectFont .controlWrapper > div { margin-bottom: 10px; white-space: nowrap; } .selectFont .controlWrapper label { font-size: 14px; display: block; margin-bottom: 5px; } .selectFont .controlWrapper button.searchButton.search-box-button.fontSearch { height: 38px; margin-left: 0px; width: 38px; overflow: hidden; text-indent: -9999px; background: #00bcd4 url(/Themes/Allure/Content/img/icon-search-button.png) no-repeat center; border: 0; border-radius: 100% !important; float: none; transition: all .5s ease; } .selectFont .controlWrapper button.searchButton.search-box-button.fontSearch:hover { background-color: #ff5252; transition: all .5s ease; } .selectFont .controlWrapper input[type="text"] { width: auto; margin: 0 5px 0 0; } .selectFont .controlWrapper select { width: 100%; } .selectFont .fontWrapper { overflow-y: auto; max-height: 380px; text-align: center; } .selectFont .fontWrapper .font { background-color: #f3f3f3; padding: 6px 8px; display: inline-block; cursor: pointer; margin: 5px; color: #999999; transition: all .5s ease; overflow: hidden; width: 45%; } .selectFont .fontWrapper .font:hover { background-color: #d8f5f9; } .selectFont .fontWrapper .font .thumbnail { /* height: 44px !important; */ background-repeat: no-repeat; width: 100% !important; background-position: center !important; background-size: auto !important; } .buttonWrapper button { padding: 6px 24px; margin: 0 5px; } #svgControlWrappers .svgControlWrapper button { margin: 0 auto 3px auto; width: 95%; display: block; } #svgControlWrappers .svgControlWrapper button.changeFont { margin: -8px 0 5px 1px; position: relative; left: 10px; width: 93%; border: 2px solid #eeeeee; font-size: 15px; } #svgControlWrappers .svgControlWrapper button.changeFont:hover { border-color: #999999; } #svgControlWrappers .svgPanel .expandableContent { width: 100%; padding: 10px 5px; background-color: #ffffff; } #svgControlWrappers { margin-top: 0px; } #svgControlWrappers .svgPanel > h2.expandable { width: 100%; text-align: center; padding: 10px 0; font-size: 18px; height: auto; border-bottom: none; margin-top: 0; border: 0px solid #cccccc; border-radius: 0px; position: relative; color: #ffffff; font-weight: 500; background: #00bcd4; } #svgControlWrappers .svgPanel > h2.expandable.expand { background: url(/Themes/Allure/Content/img/arrow-down-mod.png) no-repeat 20px 16px #00bcd4; } #svgControlWrappers .svgPanel > h2.expandable.expand:hover { color: #ffffff; } #svgControlWrappers .svgPanel > h2.expandable.collapse { border-radius: 0; background: url(/Themes/Allure/Content/img/arrow-up-mod.png) no-repeat 20px 16px #00bcd4; } /* select image trash */ .svgModal .selectImage .imageWrapper .image .delete { width: 20px; height: 20px; bottom: 0px; right: 0px; background-position: -109px -86px; margin: 1px; opacity: .45; transition: ease opacity .25s; } .svgModal .selectImage .imageWrapper .image .delete:hover { background-color: transparent; opacity: 1; margin: 1px; border: none; } /* object editor */ #svgControlWrappers .svgEditorSection.transforms { height: 205px; } #svgControlWrappers .svgEditorSection.transforms .buttonWrapper { top: 117px; width: 280px; left: 10px; } #svgControlWrappers .svgEditorSection.transforms .buttonWrapper button { border: 2px solid #eeeeee; } #svgControlWrappers .svgEditorSection.transforms .buttonWrapper button:hover { border-color: #999999; } #svgControlWrappers .svgEditorSection.transforms .buttonWrapper button.flipHorizontal { width: 45%; display: block; float: left; margin-right: 10px; font-size: 12px; height: 35px; line-height: 1; margin-bottom: 0; } #svgControlWrappers .svgEditorSection.transforms .buttonWrapper button.flipVertical { width: 45%; display: block; float: left; margin-right: 10px; font-size: 12px; height: 35px; line-height: 1; margin-bottom: 0; } #svgControlWrappers .svgEditorSection.transforms .buttonWrapper button.centerHorizontal { width: 45%; display: block; float: left; margin-right: 10px; font-size: 12px; height: 35px; line-height: 1; margin-bottom: 0; margin-top: 10px; clear: left; } #svgControlWrappers .svgEditorSection.transforms .buttonWrapper button.centerVertical { width: 45%; display: block; float: left; margin-right: 10px; font-size: 12px; height: 35px; line-height: 1; margin-bottom: 0; margin-top: 10px; } #svgControlWrappers .svgEditorSection.transforms .content .widthLabel, #svgControlWrappers .svgEditorSection.transforms .content .heightLabel, #svgControlWrappers .svgEditorSection.transforms .content .rotateLabel { font-size: 14px; color: #757575; text-transform: uppercase; } #svgControlWrappers .svgEditorSection.transforms .content .widthLabel2, #svgControlWrappers .svgEditorSection.transforms .content .heightLabel2 { font-size: 10px; color: #999999; text-transform: uppercase; } #svgControlWrappers .svgEditorSection.transforms .widthLabel2 { top: 16px; } #svgControlWrappers .svgEditorSection.transforms .heightLabel2 { top: 53px; } #svgControlWrappers .svgEditorSection.transforms .heightLabel { top: 37px; } #svgControlWrappers .svgEditorSection.transforms .rotateLabel { top: 82px; } #svgControlWrappers .svgEditorSection.transforms .resetRotate { top: 80px; } #svgControlWrappers .svgEditorSection.transforms .widthTextbox { width: 195px; left: 55px; top: -2px; height: 32px; } #svgControlWrappers .svgEditorSection.transforms .heightTextbox { width: 195px; left: 55px; top: 37px; height: 32px; } #svgControlWrappers .svgEditorSection.transforms .rotateTextbox { width: 195px; left: 55px; top: 76px; height: 32px; } #svgControlWrappers .svgEditorSection { border: none; } #svgControlWrappers .svgEditorSection.color { margin-top: 10px; } #svgControlWrappers .svgEditorSection.color .expandableContent { height: 415px; background-color: #eeeeee; padding-top: 3px; padding-left: 6px; } #svgControlWrappers .svgEditorSection.color h2 { height: 32px; padding: 6px; font-size: 14px; color: #757575; text-transform: uppercase; } #svgControlWrappers .svgEditorSection.color h2.expandable.expand { border-radius: 3px; background-color: #eeeeee; box-shadow: 0 1px 0 rgba(0, 0, 0, .2); } #svgControlWrappers .svgEditorSection.color h2.expandable.collapse { border-radius: 6px 6px 0 0; } #svgControlWrappers .svgEditorSection.color h2.expandable span.label { line-height: 1.5; } #svgControlWrappers .svgEditorSection.color .colorValue { top: 6px; border: none; box-shadow: 1px 1px 0px rgba(0, 0, 0, .3); } #svgControlWrappers .svgEditorSection.color .color_button { border: none; box-shadow: 1px 1px 0px rgba(0, 0, 0, .3); } #svgControlWrappers .svgEditorSection.strokeWidth { margin-top: 10px; } #svgControlWrappers .svgEditorSection.strokeWidth h2 { font-size: 14px; color: #757575; text-transform: uppercase; } #svgControlWrappers .svgEditorSection.strokeWidth h3 { top: -4px; font-size: 10px; color: #999999; text-transform: uppercase; } #svgControlWrappers .svgEditorSection.strokeWidth .currentValue { top: 8px; font-weight: bold; font-size: 16px; } #svgControlWrappers div.strokeWidthSlider { margin-top: 0px; } #svgControlWrappers div.ittpSlider.horizontal div.ittpSliderWidget { background-image: none; box-shadow: 0 1px 5px rgba(0, 0, 0, .25); border-radius: 100%; border: 1px solid #aaaaaa; background: #ffffff; /* Old browsers */ background: -moz-linear-gradient(top, #ffffff 0%, #f1f1f1 50%, #e1e1e1 51%, #f6f6f6 100%); /* FF3.6+ */ background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #ffffff), color-stop(50%, #f1f1f1), color-stop(51%, #e1e1e1), color-stop(100%, #f6f6f6)); /* Chrome,Safari4+ */ background: -webkit-linear-gradient(top, #ffffff 0%, #f1f1f1 50%, #e1e1e1 51%, #f6f6f6 100%); /* Chrome10+,Safari5.1+ */ background: -o-linear-gradient(top, #ffffff 0%, #f1f1f1 50%, #e1e1e1 51%, #f6f6f6 100%); /* Opera 11.10+ */ background: -ms-linear-gradient(top, #ffffff 0%, #f1f1f1 50%, #e1e1e1 51%, #f6f6f6 100%); /* IE10+ */ background: linear-gradient(to bottom, #ffffff 0%, #f1f1f1 50%, #e1e1e1 51%, #f6f6f6 100%); /* W3C */ filter: progid: DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#f6f6f6', GradientType=0); /* IE6-9 */ } #svgControlWrappers div.ittpSlider.horizontal div.ittpSliderRange div.ittpSliderMax { right: 5px; } #svgControlWrappers div.ittpSlider.horizontal div.ittpSliderRange div.ittpSliderMiddle { width: 275px !important; } #svgControlWrappers .svgEditorSection.font { font-size: 14px; color: #757575; text-transform: uppercase; margin-top: 8px; padding: 4px; } #svgControlWrappers .svgEditorSection.font ul::before { content: "Choose a Font"; display: block; margin-bottom: 10px; } #svgControlWrappers .svgEditorSection.font ul li { padding-top: 5px; margin-top: 5px; border-top: 1px solid #cccccc; font-size: 12px; text-transform: none; color: #999999; } #svgControlWrappers .svgEditorSection.font ul li:hover { cursor: pointer; color: #757575; } /* image options */ .imageOptionsWrap.buttonWrapper { background: #f2f2f2; padding: 8px; text-align: center; border: 0px solid #eeeeee; width: 95%; margin: 10px auto 5px auto; } .imageOptionsWrap.buttonWrapper > label { display: inline-block; margin-right: 5px; padding: 6px; border: 2px solid #ffffff; width: 45%; margin: 2%; cursor: pointer; } .imageOptionsWrap.buttonWrapper > label:hover { border-color: #999999; } .imageOptionsWrap.buttonWrapper > label input[type="radio"] { margin-right: 4px; cursor: pointer; } .imageOptionsWrap.buttonWrapper > label > span { font-size: 12px; } .imageOptionsWrap.buttonWrapper .colorPick { padding: 0; margin: 2%; } .imageOptionsWrap.buttonWrapper .colorPick > input { cursor: pointer; text-align: center; font-size: 16px; font-weight: bold; width: 90%; border: 2px solid #cccccc; border-radius: 3px; margin: auto; padding: 6px; } #svgControlWrappers .svgControlWrapper button.invert1c { margin: 10px auto; left: 10px; width: 90%; border: 2px solid #dddddd; font-size: 15px; } #svgControlWrappers .svgControlWrapper button.invert1c:hover { border-color: #999999; } .selected1cColors .color_button { display: inline-block !important; border: none; float: none; box-shadow: 1px 1px 0px rgba(0, 0, 0, .3); } /* product areas */ #svgControlWrappers .productAreaPanel .productArea { border-color: #eeeeee; border-width: 5px; transition: ease border-color .25s; border-radius: 3px; } #svgControlWrappers .productAreaPanel .productArea:hover { border-color: #cccccc; } #svgControlWrappers .productAreaPanel .productArea .productAreaLabel { font-size: 12px; color: #999999; display: block; width: 100%; background-color: #eeeeee; text-align: center; padding: 1px; opacity: .75; text-transform: uppercase; } #svgControlWrappers .productAreaPanel .productArea:hover .productAreaLabel { opacity: 1; color: #212121; } /* layers */ #svgControlWrappers .layerList { margin-top: -5px; } #svgControlWrappers .layerList .layer { width: 97%; border: #cccccc solid 1px; border-radius: 3px; opacity: .70; height: 38px; transition: ease opacity .25s; } #svgControlWrappers .layerList .layer:hover { opacity: 1; } #svgControlWrappers .layerList .layer.selected { box-shadow: 1px 1px 0px rgba(0, 0, 0, .35); border-color: #999999; opacity: 1; } #svgControlWrappers .layerList .layerButton { top: 5px !important; border-color: #aaaaaa; transition: ease border-color .25s; } #svgControlWrappers .layerList .layerButton:hover { border-color: #999999; } #svgControlWrappers .layerList .title { top: 12px; font-size: 11px; } #svgControlWrappers .layerList .layerButton.moveUp { left: 39px; } /* editor viewport */ #svgControlWrappers .viewBoxPanel { height: 115px; width: 145px; } #svgControlWrappers .viewBoxPanel .viewBoxButton { border-radius: 3px; width: 33px; height: 33px; border: 4px solid #eeeeee; transition: ease border-color .25s; } #svgControlWrappers .viewBoxPanel .viewBoxButton:hover { border-color: #cccccc; } #svgControlWrappers .viewBoxPanel .viewBoxButton.viewBoxZoomIn { left: -5px; top: 22px; } #svgControlWrappers .viewBoxPanel .viewBoxButton.viewBoxZoomOut { left: -5px; top: 60px; } #svgControlWrappers .viewBoxPanel .viewBoxButton.viewBoxPanLeft { left: 42px; top: 40px; } #svgControlWrappers .viewBoxPanel .viewBoxButton.viewBoxPanUp { left: 80px; top: 2px; background-position: -78px -1px; } #svgControlWrappers .viewBoxPanel .viewBoxButton.viewBoxPanRight { left: 118px; top: 40px; background-position: -105px 0px; } #svgControlWrappers .viewBoxPanel .viewBoxButton.viewBoxPanDown { left: 80px; top: 78px; } #svgControlWrappers .viewBoxPanel .viewBoxButton.viewBoxFit { left: 80px; top: 40px; } @media (max-width: 1001px) { .svgPanel { width: 90%; left: -2%; min-width: 325px; } } @media (max-width: 751px) { #svgProductAreas { max-width: 751px; display: block; clear: both; float: none; margin: 0 auto 0 auto; } #svgControlWrappers { float: none !important; margin: auto !important; display: block !important; } #createProductContainer .extra-large-button-orange.SPC_continue { float: none; margin: 0 auto 0 auto; width: 90% !important; } } @media (max-width: 370px) { .selectImage .svgPanelWrapper .imageWrapper .image, .selectShape .svgPanelWrapper .imageWrapper .image, .selectClipArt .svgPanelWrapper .imageWrapper .image { width: 80px; height: 80px; } } /* product selection for campaign wizard (step 1) */ #ProductSelectModal, #StartingModal { z-index: 999991; max-width: 750px; width: 100%; position: absolute; top: 0; left: 0; right: 0; bottom: 0; height: 100%; margin: 0 auto; } #StartingModal { z-index: 999999; } #ProductSelectModal .prodselectClose, #StartingModal .prodselectClose { display: block; border: 1px solid #cccccc; border-radius: 50%; background: url(/Plugins/SevenSpikes.Nop.Plugins.QuickView/Themes/Allure/Content/images/icon-close.png) no-repeat center !important; top: 10px; right: 10px; position: absolute; width: 25px; height: 25px; overflow: hidden; text-indent: 9999px; } /* product slider box */ /* .flex-direction-nav > li > a { border-radius: 50%; border: 1px solid #aaaaaa; } .flex-direction-nav .flex-prev { background: url(/Themes/Allure/Content/img/arrow-left.png) #ffffff no-repeat center !important; } .flex-direction-nav .flex-prev { background: url(/Themes/Allure/Content/img/arrow-left.png) #ffffff no-repeat center !important; } .flex-direction-nav .flex-next { background: url(/Themes/Allure/Content/img/arrow-right.png) #ffffff no-repeat center !important; } */ @media (max-width: 1001px) { #ProductSelectModal { margin: 0 auto; right: 0; left: 0; padding: 0 2%; } } #ProductSelectModal .blackoutModal-bg { width: 100%; height: 100%; position: fixed; top: 0; left: 0; right: 0; bottom: 0; background: #000; opacity: .50; } .p-selector-wrapper, .starting-modal-wrapper { width: 100%; margin: 5% auto; border: 0px solid #999999; padding: 25px; background: #ffffff; position: relative; box-shadow: 0 0 35px rgba(0, 0, 0, .25); min-height: 520px; border-radius: 3px; } .starting-modal-wrapper { text-align: center; } h1.ps-title, h1.di-title { font-size: 26px; font-weight: 700; border-bottom: 2px solid #dddddd; padding-bottom: 8px; margin-bottom: 15px; text-align: center; } .ps-nav-container, .di-nav-container { width: 100%; padding: 0 0 12px 0; border-bottom: 2px solid #dddddd; float: left; } .ps-crumb { display: inline-block; float: left; margin-top: 5px; margin-bottom: 5px; } .ps-crumb span.ps-crumb-item { font-size: 16px; } .ps-crumb span.ps-crumb-item > a { font-size: 16px; color: #757575; text-decoration: underline; } select.ps-brand-filter { display: none; } .ps-clearBoth { clear: both; } ul.ps-product-list { clear: both; text-align: center; max-height: 450px; width: auto !important; overflow: auto; } ul.ps-product-list li.ps-list-item, ul.di-product-list li.di-list-item { display: inline-block; padding: 10px; margin: 1%; max-width: 200px; min-width: 100px; vertical-align: top; border-radius: 4px; box-shadow: 0 1px 5px rgba(0, 0, 0, .25); } li.ps-list-item .ps-image-wrapper { max-width: 200px; max-height: 200px; overflow: hidden; width: 100%; cursor: pointer; } li.ps-list-item img.ps-image { display: block; width: 100%; max-width: 200px; min-width: 100px; height: auto !important } li.ps-list-item h3.ps-prod-title, li.di-list-item h3.di-prod-title { margin: 10px 0; text-align: center; display: block; overflow: hidden; } .ps-prod-title-long { color: #999999; margin: 5px 0; } .ps-prod-casecost { color: #00bcd4; margin: 5px 0; } a.green-border-button { color: #00bcd4; text-decoration: underline; } .ps-product-wrap-b a.green-border-button button.new-gray-button { width: 100%; } a.green-border-button:hover { color: #ff5252; } .ps-paginate { display: block; font-size: 14px; width: 95%; margin: 15px auto 0 auto; text-align: center; } .ps-prod-select.ps-pg-prev, .ps-prod-select.ps-pg-next { display: inline-block; padding: 5px 15px; font-weight: 700; width: auto; font-size: 12px; border-radius: 3px; } .ps-pg-pagelist { display: inline-block; padding: 5px 10px; font-weight: 400; font-size: 17px; } .ps-pg-selected { display: inline-block; font-weight: 700; color: #757575; padding: 0 2px; } .ps-pg-num { display: inline-block; font-weight: 400; text-decoration: none; color: #999999; padding: 0 2px; } .ps-pg-num:hover { text-decoration: underline; } @media (max-width: 1000px) { ul.ps-product-list li.ps-list-item { width: 30%; } } /* @media (max-width: 850px) { ul.ps-product-list li.ps-list-item { width: 22%; } } @media (max-width: 760px) { ul.ps-product-list li.ps-list-item { width: 50%; } } */ @media (max-width: 760px) { ul.ps-product-list li.ps-list-item { width: 100%; } } /* pdp */ .ps-product-wrap-a { display: inline-block; float: left; width: 32%; margin-right: 15px; margin-top: 25px; } .ps-product-wrap-a .ps-detail-image { max-width: 257px; width: 100%; margin: auto; } .ps-product-wrap-a .ps-detail-image img { max-width: 257px; width: 100%; } .ps-product-wrap-a ul.ps-prod-thumbs { width: 100%; display: block; padding: 0; margin: auto; text-align: center; } .ps-product-wrap-a .ps-prod-thumbs > li { display: inline-block; padding: 5px; border: 1px solid #eeeeee; margin: 5px; max-width: 65px; } .ps-product-wrap-a .ps-prod-thumbs > li img { width: 100%; } .ps-product-wrap-b { display: inline-block; float: right; width: 64%; margin-top: 25px; } .ps-product-wrap-b .ps-product-desc { padding-bottom: 10px; } .ps-product-wrap-b p { margin-bottom: 10px; } .ps-product-wrap-b .ps-product-desc ul { list-style: square; padding-left: 25px; } .ps-product-wrap-b .ps-product-desc ul li { margin-bottom: 3px; } .ps-product-wrap-b ul.ps-product-swatches { padding-left: 0; width: 100%; display: block; margin-bottom: 10px; } .ps-product-wrap-b li.ps-swatch { display: inline-block; margin-right: 5px; cursor: pointer; } .ps-product-wrap-b .ps-sizes-label { margin-bottom: 20px; } @media (max-width: 899px) { .ps-product-wrap-b { width: 52%; } } @media (max-width: 655px) { .ps-product-wrap-b { width: 48%; } } @media (max-width: 599px) { .ps-product-wrap-a { display: block; float: none; width: 95%; } .ps-product-wrap-b { display: block; float: none; clear: both; width: 95%; margin-bottom: 25px; } } /* Design Import Modal for campaign wizard (step 1) */ #DesignImportModal { z-index: 999991; max-width: 750px; width: 100%; position: absolute; top: 0; left: 0; right: 0; bottom: 0; height: 100%; margin: 0 auto; text-align: center; } #DesignImportModal .designimportClose { display: block; border: 1px solid #cccccc; border-radius: 50%; background: url(/Plugins/SevenSpikes.Nop.Plugins.QuickView/Themes/Allure/Content/images/icon-close.png) no-repeat center !important; top: 10px; right: 10px; position: absolute; width: 25px; height: 25px; overflow: hidden; text-indent: 9999px; } #DesignImportModal .designimportLoading { opacity: .85; display: block; font-size: 18px; font-weight: bold; text-align: center; position: absolute; width: 100%; background-color: #ffffff; height: 100%; left: 0; right: 0; top: 0; bottom: 0; padding: 100px 0 0 0; margin: 0; border-radius: 6px; } @media (max-width: 1001px) { #DesignImportModal { margin: 0 auto; right: 0; left: 0; padding: 0 2%; } } #DesignImportModal .blackoutModal-bg { width: 100%; height: 100%; position: fixed; top: 0; left: 0; right: 0; bottom: 0; background: #000; opacity: .50; } .di-selector-wrapper { width: 100%; margin: 5% auto; border: 0px solid #999999; padding: 20px; background: #ffffff; position: relative; box-shadow: 0 0 35px rgba(0, 0, 0, .25); border-radius: 6px; } /* h1.di-title { font-size: 26px; font-weight: 700; margin-bottom: 12px; width: 90%; } */ .di-load-saved-design-message { font-size: 16px; font-weight: 600; display: block; margin-bottom: 20px; } .di-load-saved-design-message a { font-weight: 700; text-decoration: underline; color: #ff5252; } /* .di-nav-container { width: 100%; padding: 12px 0; border-top: 1px solid #eeeeee; border-bottom: 1px solid #eeeeee; float: left; } */ .di-nav-container .select-filter-box { padding: 6px 15px 15px 0; } .select-filter-box label { font-size: 14px; display: block; margin-bottom: 5px; } .select-filter-box select.di-category-filter { padding: 5px; display: inline-block; margin-right: 10px; width: 100%; min-width: 300px; font-weight: 700; font-size: 16px; } .di-clearBoth { clear: both; } ul.di-product-list { width: 100%; padding: 15px 0; clear: both; text-align: center; max-height: 450px; overflow: auto; } /* ul.di-product-list li.di-list-item { display: inline-block; padding: 10px; border: 1px solid #eeeeee; margin: 1%; width: 205px; vertical-align: top; } */ div.di-image-wrapper svg { width: 100%; } li.di-list-item .di-image-wrapper { max-width: 205px; max-height: 205px; overflow: hidden; width: 100%; } li.di-list-item img.di-image { display: block; width: 100%; max-width: 205px; min-width: 100px; height: auto !important } /* li.di-list-item h3.di-prod-title { font-weight: bold; margin: 10px 0; font-size: 12px; text-align: center; display: block; overflow: hidden; } a.di-prod-select { width: 37%; display: inline-block; margin: 0 1% 6px 1%; height: auto; text-decoration: none; color: #ffffff; font-size: 13px; text-align: center; background: #ff5252; border-radius: 0; transition: all .5s ease; border: none; padding: 6px 8px; font-weight: 700; } a.di-prod-select:hover { background-color: #ffbc79; } */ .di-paginate { display: block; font-size: 14px; width: 95%; margin: 15px auto; text-align: center; } .di-prod-select.di-pg-prev, .di-prod-select.di-pg-next { display: inline-block; padding: 5px 15px; font-weight: 700; width: auto; margin: auto; font-size: 12px; border-radius: 3px; } .di-pg-pagelist { display: inline-block; padding: 5px 10px; font-weight: 400; font-size: 17px; } .di-pg-selected { display: inline-block; font-weight: 700; color: #757575; padding: 0 2px; } .di-pg-num { display: inline-block; font-weight: 400; text-decoration: none; color: #999999; padding: 0 2px; } .di-pg-num:hover { text-decoration: underline; } @media (max-width: 400px) { .select-filter-box select.di-category-filter { min-width: 200px; } } /* sub buttons and modal for campaign wizard */ .login-container { background-color: transparent; z-index: 99991; position: absolute; width: 100%; height: 100%; top: 0; left: 0; right: 0; bottom: 0; } .login-container .alertModal-bg { width: 100%; height: 100%; position: fixed; top: 0; left: 0; right: 0; bottom: 0; background: #000; opacity: .50; } .login-container .alertModal-msgbox { position: relative; margin: 75px auto 0 auto; width: 90%; max-width: 750px; background: #ffffff; border: 0px solid #F33; box-shadow: 0 0 35px rgba(0, 0, 0, .5); padding: 25px; border-radius: 3px; text-align: center; } .login-container .alertHeader { font-size: 26px; border-bottom: 2px solid #dddddd; font-weight: 700; padding-bottom: 8px; margin-bottom: 15px; text-align: center; } .login-container .alertMessage { font-size: 14px; font-weight: normal; line-height: 1.3; color: #757575; } .login-container .alertClose { display: block; border: 1px solid #cccccc; border-radius: 50%; background: url(/Plugins/SevenSpikes.Nop.Plugins.QuickView/Themes/Allure/Content/images/icon-close.png) no-repeat center !important; top: 10px; right: 10px; position: absolute; width: 25px; height: 25px; overflow: hidden; text-indent: 9999px; } .login-container input[type="password"], .login-container input[type="text"], #orderLookupModal.alertModal-container input[type="text"] { max-width: 350px; width: 100% !important; display: inline-block; margin-bottom: 20px; } .vendor-name-section p { max-width: 350px; margin: 0 auto; padding-bottom: 20px; } #titleInputContainer.login-container input[type="text"] { width: 100% !important; max-width: 350px; margin: 0 auto; } .login-container label, .sign-up-post-checkout label { display: block; margin-bottom: 5px; font-size: 14px; } .login-container .extra-large-button-orange, #orderLookup_btn { padding: 8px 10px; display: block; margin: 20px auto; width: 100%; max-width: 350px; } #vendorName_submit { display: block; margin: 0 auto; } .login-container .or-spacer { margin-right: 10px; margin-bottom: 10px; font-size: 14px; font-weight: 700; display: inline-block; } .chkbx-container { margin-bottom: 20px; } .chkbx-container .chkbx-label { display: inline-block; margin-right: 6px; margin-bottom: 2px; } .chkbx-container .login-chkbx { display: inline-block; } /* .login-container fieldset.facebook-login-block { display: inline-block !important; float: none !important; margin: 0 !important; padding: 0 !important; vertical-align: middle; } */ .login-container fieldset.facebook-login-block .facebook-btn { margin: 5px 0 !important; display: inline-block; background-image: none !important; background-color: #3b5998; width: 100% !important; max-width: 350px; color: #ffffff; text-align: center; padding: 8px 10px; box-shadow: 0px 1px 2px 0px rgba(0, 0, 0, .3); border-radius: 4px; height: auto !important; transition: all .5s ease; } .login-container fieldset.facebook-login-block .facebook-btn:hover { background-color: #293e6a; transition: all .5s ease; } @media (max-width: 481px) { .login-container .alertHeader { font-size: 16px; } .login-container .alertMessage { font-size: 12px; } } .svgModal .campwiz-all-buttons { float: right; clear: right; width: 300px; padding-top: 15px; } .svgModal .campwiz-all-buttons .campwiz-info-help { width: 40%; float: left; padding-top: 15px; line-height: 1.35; font-size: 11px; } .svgModal .campwiz-all-buttons .campwiz-info-help p { margin-bottom: 0; color: #212121; } .svgModal .campwiz-all-buttons #svgSubmitForm { float: right; width: 58%; } .svgModal .campwiz-all-buttons .extra-large-button-orange.SPC_continue {} .svgModal .campwiz-all-buttons .campwiz-sub-button-container { float: right; clear: right; width: 58%; padding-top: 10px; } .campwiz-sub-button-container .save-for-later, .campwiz-sub-button-container .change-product, .campwiz-sub-button-container .import-design { margin-bottom: 8px; } .campwiz-sub-button-container .save-for-later:hover, .campwiz-sub-button-container .change-product:hover, .campwiz-sub-button-container .import-design:hover {} .svgModal .campwiz-all-buttons .camp-wiz-step1-product-info { padding-bottom: 10px; border-bottom: 4px double #dddddd; margin-bottom: 12px; } .svgModal .campwiz-all-buttons .camp-wiz-step1-product-info dl { display: block; margin-bottom: 6px; } .svgModal .campwiz-all-buttons .camp-wiz-step1-product-info dl dt { display: inline-block; width: 28%; vertical-align: top; font-weight: 700; color: #212121; font-size: 12px; } .svgModal .campwiz-all-buttons .camp-wiz-step1-product-info dl dd { display: inline-block; width: 70%; vertical-align: top; font-weight: 600; color: #999999; font-size: 12px; } /*loading element*/ .loading-overlay { display: none; position: absolute; text-align: center; width: 100%; left: 0; top: 0; right: 0; bottom: 0; z-index: 11000; } .vertical-center { position: absolute; top: 50%; left: 50%; -webkit-transform: translate(-50%, -50%); -moz-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); -o-transform: translate(-50%, -50%); transform: translate(-50%, -50%); font-size: 18px; font-weight: 600; color: #757575; } .vertical-center .fa { font-size: 18px; vertical-align: middle; } .loading-spinner { opacity: 0.85; vertical-align: middle; width: 120px; height: 120px; display: block; background-image: url(/Themes/Allure/Content/img/loader.svg); background-repeat: no-repeat; margin: 0 auto; } #ProductSelectModal .prodselectLoading { background: url(/Themes/Allure/Content/img/loader.svg) no-repeat center #ffffff; opacity: .85; display: block; text-align: center; position: absolute; width: 100%; background-color: #ffffff; height: 100%; left: 0; right: 0; top: 0; bottom: 0; padding: 100px 0 0 0; margin: 0; z-index: 100000; } .loading-bg { background: url(/Themes/Allure/Content/img/loader.svg) no-repeat center #ffffff; opacity: .85; display: none; text-align: center; position: fixed; z-index: 999992; width: 100%; height: 100%; top: 0; left: 0; } .loading-bg span.loading-txt { font-size: 24px; font-weight: 600; color: #999999; top: 50%; line-height: 3.25; position: relative; display: none; } @media (max-width: 751px) { .svgModal .campwiz-all-buttons .campwiz-sub-button-container { float: none; margin: 10px auto 0px auto; width: 90% !important; } .svgModal .campwiz-all-buttons { float: none; clear: both; width: auto; margin: auto; } .svgModal .campwiz-all-buttons #svgSubmitForm { float: none; margin: auto; clear: both; width: auto; } .svgModal .campwiz-all-buttons .campwiz-info-help { text-align: center; width: auto; margin: auto; float: none; } .svgModal .campwiz-all-buttons .campwiz-info-help > p { display: inline-block; margin-right: 5px; font-size: 13px; } .svgModal .campwiz-all-buttons .camp-wiz-step1-product-info { margin: 0 auto 8px auto; width: 90%; padding-top: 6px; } } /************************ form validation ****************************/ /* validation on saved payments (account page) */ .info.payment-info .validationMessage { background-color: #F33; position: absolute; white-space: nowrap; display: block; padding: 2px 8px; z-index: 1; top: -11px; font-weight: bold; color: #ffffff; font-size: 11px; line-height: 1.5; } .info.payment-info .validationMessage:after { border-top: 6px solid #F33; border-left: 6px solid transparent; border-right: 6px solid transparent; width: 0; height: 0; content: ""; display: block; position: absolute; top: 100%; left: 1em; } /* validation on Campaign Wizard */ .SPC_storydetails .SPC_storydetails_container { position: relative; } .SPCOptions .validationMessage { background-color: #F33; position: absolute; white-space: nowrap; display: block; padding: 2px 8px; z-index: 1; top: -11px; font-weight: bold; color: #ffffff; font-size: 11px; line-height: 1.5; } .SPCOptions .validationMessage:after { border-top: 6px solid #F33; border-left: 6px solid transparent; border-right: 6px solid transparent; width: 0; height: 0; content: ""; display: block; position: absolute; top: 100%; left: 1em; } /* checkout validation */ .message-error, .field-validation-error, .not-available-status, .poll-vote-error, .password-error { color: #F33 !important; font-size: 12px; font-weight: 600; } /* promote campaign modal 4-15-15 */ .promote-campaign-modal { background-color: transparent; z-index: 9999; position: absolute; width: 100%; height: 100%; top: 0; left: 0; right: 0; bottom: 0; } .promote-campaign-modal .alertModal-bg { width: 100%; height: 100%; position: fixed; top: 0; left: 0; right: 0; bottom: 0; background: #000; opacity: .50; } .promote-campaign-modal .alertModal-msgbox { position: relative; margin: 75px auto 0 auto; width: 90%; max-width: 750px; background: #ffffff; border: 0px solid #F33; box-shadow: 0 0 35px rgba(0, 0, 0, .5); padding: 15px 0px 35px 0px; border-radius: 3px; } .promote-campaign-modal .alertHeader { font-size: 21px; text-align: center; border-bottom: 2px solid #dddddd; padding: 0 40px 10px 40px; margin-bottom: 20px; } .promote-campaign-modal .alertClose { display: block; border: 1px solid #cccccc; border-radius: 50%; background: url(/Plugins/SevenSpikes.Nop.Plugins.QuickView/Themes/Allure/Content/images/icon-close.png) no-repeat center !important; top: 10px; right: 10px; position: absolute; width: 25px; height: 25px; overflow: hidden; text-indent: 9999px; } .promote-campaign-modal .pdp-single-socialbutton-wrap { background: #f3f3f3; padding: 40px 50px; margin: 20px 50px 0 50px; border-radius: 6px; } .promote-campaign-modal .promote-footer { text-align: center; padding: 25px 25px 0 25px; } .promote-campaign-modal .promote-footer .promote-footer-link { color: #ff5252; font-size: 13px; font-weight: 600; } .promote-campaign-modal .promote-footer .promote-footer-link:hover { color: #999999; } .promote-campaign-modal .promote-topic-content, .promote-campaign-modal .ink-helpful-tip { margin: 0 50px; } .promote-campaign-modal .ink-helpful-tip { text-align: center; } .promote-campaign-modal .promote-topic-content .topic-html-content-title { margin-bottom: 0; } .promote-campaign-modal .promote-topic-content .topic-html-content-title:before, .promote-campaign-modal .promote-topic-content .topic-html-content-title:after { display: none !important; } .promote-campaign-modal .promote-topic-content .topic-html-content-title h2 { font-size: 24px; font-weight: 700; display: block; width: auto; padding: 0; margin: 0; } .promote-campaign-modal .promote-topic-content .topic-html-content h2 { margin-top: 25px; } .promote-campaign-modal .promote-topic-content .topic-html-content h3 { font-size: 22px; color: #999999; display: block; margin-top: 25px; margin-bottom: 10px; } .promote-campaign-modal .promote-topic-content .topic-html-content h3 .fa { font-size: 34px; margin-right: 5px; vertical-align: sub; } .promote-campaign-modal .promote-topic-content .topic-html-content-body p { font-size: 13px; color: #999999; font-weight: 600; padding-left: 50px; display: block; } @media (max-width: 649px) { .promote-campaign-modal .promote-topic-content .topic-html-content-body p { padding-left: 0px; } .promote-campaign-modal .promote-topic-content { margin: 0 15px; } .promote-campaign-modal .pdp-single-socialbutton-wrap { margin-left: 15px; margin-right: 15px; } } @media (min-width: 769px) { .page.topic-page { text-align: center; } } .SPC_fundpotential .SPC_funddetails_col1 p a { color: #ff5252; } .SPC_funddetails_col1 p { line-height: 1.75; } .topic-page .page-title h1, .shopping-cart-page .page-title h1 { padding: 9px 9px 12px; border-bottom: 0px solid #dddddd; } .fieldset { box-shadow: 0 0 0 rgba(0, 0, 0, 0); } .svgProductArea { border: 0px; } .productTabs-header { margin-bottom: 20px; } .productTabs-header .ui-widget-header { background: none !important; } .search-input { box-shadow: 0 0 0 rgba(0, 0, 0, 0); } .accept-privacy-policy .read { cursor: pointer; color: #ff5252; } .order-details-area, .order-details-page .total-info { border-radius: 0px; box-shadow: 0 0 0 rgba(0, 0, 0, 0.00); } .pager li span, .pager li.next-page *, .jcarousel-skin-thumbs .jcarousel-next-horizontal, .jcarousel-skin-thumbs .jcarousel-prev-horizontal { background-color: #eeeeee; } .jcarousel-skin-thumbs .jcarousel-next-horizontal, .jcarousel-skin-thumbs .jcarousel-prev-horizontal { border: 2px dotted #eeeeee; } .SPC_fundpotential .SPC_funddetails_container, .SPC_storydetails .SPC_storydetails_container, .SPC_fundpotential .contrib-goals_container, .SPCOptions .campaignCreate_sliderContainer, .SPC_storydetails_container, .SPC_storydetails .contrib-goals_container { border-radius: 6px; margin: 10px 0; text-align: left; float: none; width: 100%; border: none; padding: 20px 30px; background-color: #ffffff; } #step3_c .SPC_storydetails .SPC_storydetails_container, #step3_c .SPC_storydetails_container, #step3_c .SPC_storydetails .contrib-goals_container { padding: 20px; background: #f3f3f3; margin: 0 0 50px 0; box-shadow: 0 3px 6px rgba(0,0,0,0.2); } #step3_c .SPC_storydetails_container.disp-options input { margin-right: 3px; } #fgAdvancedControls { display: none; } #step2_c .SPC_storydetails_container { padding: 0; } .SPC_tools .contrib-goals_container { text-align: center; } .search-box input.search-box-text:focus { color: #cccccc; } .address-item, .order-item, .account-page .edit-address { box-shadow: 0 0 0 rgba(0, 0, 0, 0.0); } .ink-hover-sum { padding-bottom: 15px; } .address-item .buttons, .order-item .buttons { border: 0px solid #ffffff; } .info.payment-info li { border-top: 1px solid #dddddd; } @media (min-width: 1001px) { .header-menu.stick { background-color: rgba(255, 255, 255, 0.9); } } div.design-for-good-overview { width: 100%; display: inline-block; font-size: 1.25em; } div.design-for-good-form { width: 100%; background-color: #eeeeee; padding: 40px; border-radius: 6px; display: inline-block; } @media (min-width: 715px) { div.design-for-good-overview { width: 50%; text-align: left; float: left; padding: 20px 30px 30px 0; } div.design-for-good-form { width: 50%; float: right; } } .item-box .description { text-align: left; } .page-title h1:after { background: none repeat scroll 0px 0px #dddddd !important; bottom: 1px; content: " "; height: 0px !important; left: 0px; position: absolute; right: 0px; } .topic-page .page-title h1, .blog-page .page-title h1, .contact-page .page-title h1, .email-a-friend-page .page-title h1 { border-bottom: 0px solid #dddddd; } .svgPanelWrapper .topic-html-content-title:before, .svgPanelWrapper .topic-html-content-title:after { content: " "; display: none; width: 0%; background: url() repeat-x left center; } .product-thumb { width: 80px; height: 80px; display: inline-block; vertical-align: middle; margin: 10px 30px 0px 30px; } .product-thumb img { width: 80px; height: 80px; cursor: pointer; } .optional-styles-item-container { text-align: left; } .SPC_storydetails_container table .table-price { font-size: 14px; } .optional-styles-description { display: inline-block; vertical-align: middle; } table.wizard-products { margin-top: 15px; } table.wizard-products tr:nth-child(odd) { background: #f3f3f3; } table.wizard-products tr:nth-child(even) { background: #ffffff; } table.wizard-products td.product-price strong { width: 50px; display: inline-block; font-size: 16px; padding: 1px 0 0 9px; } table.wizard-products td.product-price span input { font-weight: bold; font-size: 16px; } td.product-delete { text-align: center; width: 50px; } .greenArea { border: none; padding: 30px 30px 15px 30px; border-radius: 6px; margin-bottom: 30px; background-color: #EEEEEE; font-size: 14px; line-height: 22px; } .SPC_container .SPCPreview .tshirt-preview img { padding: 0; } div.full-description img { width: 100%; height: auto; } div.full-description h2 { font-family: 'AmericanTypewriterBold', serif; } .order-completed .details a { color: #ff5252; } @media (max-width: 1000px) { .accepted-payment-methods, .footer-disclaimer, div.bbb-logo { text-align: center; float: none; margin: 0 0 20px; } .add-product-style img { display: none; } } /*================== NEW Design Tool Styles ==================*/ .design-tool-button-large { width: 100%; border-radius: 12px; display: inline-block; transition: all .5s ease; text-align: center; font-size: 11px; padding-top: 5px; cursor: pointer; } .design-tool-button-large i img { height: 30px; border-radius: 6px; } .design-tool-button-medium { width: 32px; height: 32px; border-radius: 6px; display: inline-block; transition: all .5s ease; cursor: pointer; } .design-tool-button-medium i img { width: 60%; border-radius: 6px; margin: 5px auto; } .design-tool-button-medium i { margin: 5px auto; } .create-start-buttons { margin: 30px auto; text-align: center; } .create-start-buttons .long-design-tool-palette-button { width: 100%; border-radius: 6px; display: block; transition: all .5s ease; cursor: pointer; background-color: #d8f5f9; font-size: 10px; text-transform: uppercase; } .create-start-buttons .btn, .create-start-buttons .btn span { width: 30%; text-align: center; display: inline-block; } .create-start-buttons .btn span { width: 100%; } .create-start-buttons .long-design-tool-palette-button i, .create-start-buttons .long-design-tool-palette-button img { vertical-align: middle; margin-right: 10px; } .create-start-buttons .long-design-tool-palette-button img { height: 22px; margin-right: 0px; } .long-design-tool-palette-button { border-radius: 6px; display: inline-block; transition: all .5s ease; padding: 5px 10px; cursor: pointer; } .medium-design-tool-palette-button { border-radius: 6px; display: inline-block; transition: all .5s ease; padding: 5px 10px; cursor: pointer; } .active-effect { background-color: rgba(0, 188, 212, .15); } .short-design-tool-palette-button { border-radius: 6px; display: inline-block; transition: all .5s ease; padding: 5px 10px; cursor: pointer; } .convert-1-color-button, .revert-full-color-button { cursor: pointer; text-align: center; } .make-color-transparent-button { cursor: pointer; text-align: center; } div.design-tools-secondary-font, div.design-tools-secondary-vector, div.design-tools-secondary-raster, div.design-tools-secondary-raster-1c { /*display: none;*/ height: 100%; width: 100%; font-size: 10px; text-align: center; } div.design-tool-button-medium-container { display: inline-block; margin: 10px 5px; } p.secondary-label { margin-top: 5px; } .fa-sort-amount-desc { -ms-transform: rotate(180deg) !important; /* IE 9 */ -webkit-transform: rotate(180deg) !important; /* Chrome, Safari, Opera */ transform: rotate(180deg) !important; } .font-color-fill-container, .vector-color-fill-container, .raster-color-fill-container, .raster-1-color-fill-container { width: 100%; border-radius: 6px; background-color: #ffffff; margin: 5px 0; padding: 10px 5px; } .font-color-fill-container p, .vector-color-fill-container p, .raster-color-fill-container p, .raster-1-color-fill-container p { display: inline-block; } .color-swatch, .add-product-color-dashed-swatch, .add-product-dashed-swatch { width: 30px; height: 30px; border: 1px solid #cccccc; border-radius: 50%; margin: 2px; display: inline-block; vertical-align: middle; cursor: pointer; } .add-color-swatches { padding-top: 10px; } td.product-color div.color-swatch, .add-product-color-dashed-swatch, .add-product-color div.color-swatch { width: 30px; height: 30px; margin-right: 10px; } .add-product-color-dashed-swatch { padding-top: 7px; border: 2px dashed #cccccc; } .add-product-color div.color-swatch { margin-right: 0px; } .hide-color-swatch, #fontReset { padding: 10px 20px; display: inline-block; background-color: #dddddd; border-radius: 4px; margin-top: 10px; text-transform: uppercase; transition: all .5s ease; } #fontReset { margin-top: 0px; } .hide-color-swatch:hover, #fontReset:hover { background-color: #d8f5f9; transition: all .5s ease; } .add-product-dashed-swatch { border: 2px dashed #cccccc; text-align: center; } .add-product-color-dashed-swatch i, .add-product-dashed-swatch i { vertical-align: middle; vertical-align: -webkit-baseline-middle; vertical-align: -moz-middle-with-baseline; color: #999999; } .add-product-color-dashed-swatch i { font-size: 1.5em; color: #999999; display: block; text-align: center; } .add-product-dashed-swatch { width: 76px; height: 76px; margin: 10px 10px 10px 0; padding-top: 14px; } .add-product-color { border: 2px dashed #dddddd; font-weight: bold; color: #888888; transition: all .5s ease; margin: 5px 0 20px 0; display: block; } .add-product-style:hover, .add-product-color:hover { border: 2px dashed #00bcd4; transition: all .5s ease; } .full-color-swatch { background-image: url(/Themes/Allure/Content/img/full-color-swatch-image.jpg); background-size: 28px; cursor: default; } .transparent-color-swatch { background-image: url(/Themes/Allure/Content/img/transparent-color-swatch-image.jpg); background-size: 28px; cursor: pointer; } .color_button { width: 23px; height: 23px; margin: 1px; border: solid 1px #cccccc; background-color: yellow; border-radius: 4px; cursor: pointer; display: inline-block; padding: 5px; } .color-in-design:after { content: ""; background: transparent url(/Themes/Allure/Content/img/color-in-design-indicator.svg) no-repeat scroll 0% 0%; width: 10px; height: 10px; float: left; } .color-indicator { width: 10px; height: 10px; margin-left: 8px; } .font-select-container, .text-align-container { text-align: center; margin: 0 auto 10px auto; width: 100%; } .text-effects-container { margin-bottom: 20px; } .text-effect-button-wrapper { display: inline-block; } #zoom-slider-container { width: 100%; text-align: center; border-top: 2px solid #dddddd; margin-top: 40px; padding-top: 40px; } #design-zoom-slider { display: inline-block; width: 75%; } #zoom-slider-container .fa { vertical-align: middle; cursor: pointer; } .text-effects-slider { margin: 20px auto; } .oneColorSlider , .fullColorSlider { width: 95%; margin: 20px auto 0 auto; } .outline-width-container { border: 1px solid #cccccc; border-radius: 6px; } .outline-width-container i { margin: 10px; vertical-align: middle; cursor: pointer; } .font-color-palette, .vector-color-palette, .raster-color-palette { display: none; } .font-color-palette .expandableContent, .raster-color-palette .expandableContent, .vector-color-palette .expandableContent { margin: 20px 0 10px 0; } .color-indicator-container { width: 100%; } .setPrice { width: 78%; height: 46px; border-top: 1px solid #cccccc; border-bottom: 3px solid #cccccc; text-align: center; background-color: #ffffff; display: inline-block; } .slider-label { text-align: center; margin: 10px auto; width: 100%; } .table-display { margin-top: 10px; padding-left: 5px; } .table-border { border: 1px solid #cccccc; } div.other-products > p { margin-top: 10px; font-size: 16px; color: #00bcd4; text-align: center; } div.product-thumb-container { margin: 15px 0; } .campwiz-info-help { padding-top: 20px; font-size: 12px; line-height: 1.5; } .rightColumn a, .design-tool-product-info-panel a, .campwiz-info-help a { color: #00bcd4; font-weight: 600; text-decoration: none; transition: color 0.5s ease; } .rightColumn a:hover, .design-tool-product-info-panel a:hover, .campwiz-info-help a:hover { color: #ff5252; transition: color 0.5s ease; } .ui-accordion .ui-accordion-content { font-size: 11px !important; line-height: 1.5 !important; } .design-tool-product-info-panel { margin-top: 30px; line-height: 1.75; border-top: 2px solid #dddddd; padding: 10px 15px; } .SPC_fundpotential #svgSubmitForm { padding-top: 30px; } .design-tool-product-info-panel h3 { margin-top: 20px; } .btn, .btn-press-effect { display: inline-block; -webkit-border-radius: 8px; border-radius: 8px; margin: 3px; -webkit-box-shadow: 0 4px 0 #cccccc, 0 11px 20px rgba(0, 0, 0, .0); box-shadow: 0 4px 0 #cccccc, 0 11px 20px rgba(0, 0, 0, .0); -webkit-transition: -webkit-box-shadow .1s ease-in-out; -o-transition: -o-box-shadow .1s ease-in-out; transition: box-shadow .1s ease-in-out; } .btn span, .btn-press-effect span { width: 100%; display: inline-block; background: #ffffff; border: 1px solid #cccccc; -webkit-border-radius: 8px; border-radius: 8px; -webkit-transition: -webkit-transform .1s ease-in-out; -moz-transition: -moz-transform .1s ease-in-out; -o-transition: -o-transform .1s ease-in-out; transition: transform .1s ease-in-out; } .btn:active, .btn-press-effect:active { -webkit-box-shadow: 0 4px 0 #cccccc, 0 8px 10px rgba(0, 0, 0, .0); box-shadow: 0 4px 0 #cccccc, 0 8px 10px rgba(0, 0, 0, .0); } .btn:active span, .btn-press-effect:active span { -webkit-transform: translate(0, 4px); -moz-transform: translate(0, 4px); -o-transform: translate(0, 4px); transform: translate(0, 4px); } .btn.large-design-tool-button { width: 20%; } .plus1, .minus1 { padding-top: 2px; } p.sell-min-tip { line-height: 1.3; margin-top: 7px; text-align: center; } .ui-slider-handle { width: 2.5em !important; height: 2.5em !important; background: #ffffff !important; border-color: #999999 !important; top: -12px !important; cursor: pointer; border-radius: 100%; } .ui-widget-header { background: #00c853 !important; color: #212121; font-weight: bold; } .ui-datepicker-header.ui-widget-header { background: #f3f3f3 !important; } .bottomRightColumn a { text-align: center; } .SPC_storydetails_container.rec-funds, .SPC_storydetails_container.disp-options { text-align: left; } g.editor, g.handles { cursor: pointer; } @media (max-width: 768px) { div.font-select-container, div.text-align-container { display: inline-block; } div.table-display { margin: 10px auto; display: inline-block; } #convert-1-color-button, .revert-full-color-button, .outline-width-container { float: none; top: 0px; } .font-color-fill-container, .vector-color-fill-container, .raster-color-fill-container, .raster-1-color-fill-container { text-align: center; } .outline-width-container { margin-left: 20px; } .SPC_storydetails_container.rec-funds, .SPC_storydetails_container.disp-options { text-align: center; } } @media (min-width: 481px) { .home-page-category-grid .item-box { width: 32.3333%; margin: 0px auto 20px; clear: none; } } @media all and (min-width: 240px) and (max-width: 1000px) { .page-title h1 { width: 100%; text-align: center; } } @media (max-width: 340px) { .long-design-tool-palette-button { display: block; margin: 10px auto; } #convert-1-color-button, .revert-full-color-button { float: none; margin: 10px 0 0 0; display: inline-block; position: relative; top: 0px; } .font-color-fill-container, .vector-color-fill-container, .raster-color-fill-container, .raster-1-color-fill-container { text-align: center; } .outline-width-container { top: 0px; float: none; margin-top: 10px; } .make-color-transparent-button { float: none; margin: 10px 0 0 0; display: inline-block; } } .short-description a, #designerPortal a, .camp-wiz-info-text a { color: #ff5252; } .mce-panel { background-color: #f2f2f2 !important; border: 0 solid #f2f2f2 !important; } .campaign-preview { border-top: 4px double #dddddd; } #createProductContainer .page-body#previewSteps { border-bottom: 4px double #dddddd; } .item-box .picture svg { position: absolute; top: 0; right: 0; bottom: 0; left: 0; max-width: 100%; margin: auto; margin-top: 0; } .item-box .picture a svg { opacity: 0.99; /*firefox scale bug fix*/ border: none; } div.optional-styles-item-container div.optional-styles-description a { display: none; } .captcha-box { text-align: center; margin: 20px 0; } @media (min-width: 1001px) { .home-page-category-grid .item-box { width: 33.3%; } } small._seNameScrollPoint { color: red; } .bar-notification { top: 0; bottom: auto; z-index: 11000; } .bar-notification.success { background: #ff5252; text-align: center; font-size: 16px; padding: 0; border-bottom: 1px solid #ff5252; box-shadow: 0px 1px 2px 0px rgba(0, 0, 0, .3); } .bar-notification.success p.content a { border: 1px solid white; border-radius: 4px; padding: 5px; text-decoration: none; } .bar-notification .close { border-radius: 50%; } .bar-notification .content { float: none; margin: 40px; } div.not-found-page { margin-top: -50px; } div.not-found-page div.page-title { display: none; } div.tshirt-preview img { display: block; } div.new-slogan { float: left; margin: 24px 0 0 200px; } @media (max-width: 1000px) { div.new-slogan { margin: 20px; color: #999999; } .home-video { padding: 0 15%; } } #shareMyProduct { padding: 0 50px; text-align: center; } #shareMyProduct input { width: 100%; margin: 10px 0; text-align: center; } .chkbx-container .forgot-password { padding-left: 100px; } .top-text-container { background-color: rgba(0, 188, 212, .15); width: 100%; padding: 20px 40px; border-radius: 6px; text-align: center; color: #757575; } .top-text-container h3 { padding: 20px 0; } @media (min-width: 715px) { div.design-for-good-overview { padding: 0 30px 30px 0; } } .mc-field-group { padding: 10px; text-align: left; } .mc-field-group input, .mc-field-group select { width: 100%; } .daBorder { border: 1px solid black; } @media (min-width: 715px) { div.design-for-good-form { width: 35%; } div.design-for-good-overview { width: 65%; } } div.tshirt-preview img { display: block; } @media (max-width: 768px) { .SPC_container .SPCPreview { display: block; } } .top-text-container { background-color: rgba(0, 188, 212, .15); width: 100%; padding: 20px 40px; border-radius: 6px; text-align: center; color: #757575; } .top-text-container h3 { padding: 20px 0; } @media (max-width: 768px) { img.wizard-pic { width: 100%; float: none; } .how-to-step-container { text-align: center; } .how-to-step-info { padding: 0; width: 100%; margin-bottom: 50px; } .how-to-step-info ul { padding: 0; } } @media (min-width: 715px) { div.design-for-good-overview { padding: 0 30px 30px 0; } } .mc-field-group { padding: 10px; text-align: left; } .mc-field-group input, .mc-field-group select { width: 100%; } @media (min-width: 715px) { div.design-for-good-form { width: 50%; float: left; } div.design-for-good-overview { width: 50%; float: right; padding: 0 0 30px 30px; } } #uploadProgress { width: 100%; } .selected-shipping-method, .ajax-cart-button-wrapper .productQuantityTextBox { display: none; } .item-box .add-info .ajax-cart-button-wrapper { position: relative !important; } @media (min-width: 769px) { .addon-buttons { text-align: center; } } div.edit-item a { color: #ff5252; } @media (min-width: 1001px) { .social-sharing ul { max-width: 100%; } } .order-details-area ul, .order-details-page .cart-total, .account-page .page-title h1 { box-shadow: none; } /*================== Rich Blog Plugin ==================*/ .rich-blog-homepage .title { font-size: 26px; text-align: center; font-weight: 400; } .rich-blog-homepage .read-more, .post-actions .read-more { background-color: #00bcd4; border-radius: 4px; } .rich-blog-homepage .read-more:hover, .post-actions .read-more:hover { background-color: #00bcd4; } .rich-blog-homepage .view-all a { color: #ff5252; font-weight: 600; text-decoration: none; } .rich-blog-homepage .view-all a:hover { color: #ff5252; text-decoration: none; } /*================== New Campaign Wizard Styles ==================*/ .filtersGroupPanel li > a:hover { background-color: #f3f3f3 !important; } .ui-widget { font-family: 'Open Sans', sans-serif !important; } .sourceWrapper { text-align: center; } .sourceWrapper button.new-gray-button { width: auto; margin: 5px; } a.teal-link { color: #00bcd4; text-decoration: underline; } a.teal-link:hover { color: #ff5252; } .centering-form { text-align: center; } .sign-up-email-login { margin: 0 0 20px 0; } .sign-up-email-login label { display: inline-block; margin-bottom: 0px; } .ui-slider .ui-slider-handle { cursor: pointer !important; } .raised-estimator-slider { display: inline-block; width: 55%; padding-left: 15px; border-left: 2px solid #dddddd; margin-left: 20px; } .raised-estimator-slider select { width: 100%; } .raised-amount-step2 { display: inline-block; vertical-align: top; } .raised-amount-step2 h2.head-SPC { margin: 0; } .bottomLeftColumn .slider-inputs-step1, .bottomLeftColumn .raised-estimator-slider { width: auto; margin-bottom: 20px; } .bottomLeftColumn #slider-range-min2 { margin-bottom: 20px; } p.raised, span.raised { font-size: 18px; line-height: 0; } div.basecost-raised-step1 { margin: 20px; font-size: 14px; } .master-wrapper-content { margin: 20px auto 0; } .right-side-preview-step-3 { width: 30%; float: right; margin-top: 95px; } h1.head-SPC { margin-bottom: 30px; } div.preview-step-top-info p { margin: 20px 0 0 0; } div.preview-step-top-info .campwiz-info-help a { color: #00bcd4; } div.preview-step-top-info .campwiz-info-help a:hover { text-decoration: none; } div.preview-step-top-info .campwiz-info-help p { margin: 0; } .green-printer-logos { width: 50%; display: block; margin: 40px auto; } div.faqs h2 { text-align: left; } .SPC_storydetails .SPC_storydetails_container input[type=text], .send-check-to-address .validation-container { margin-bottom: 6px; } .starting-modal-wrapper { min-height: auto; text-align: center; } .starting-modal-option { width: 22%; display: inline-block; border-radius: 4px; margin: 5px; background-color: #d8f5f9; cursor: pointer; transition: all .5s ease; box-shadow: 0 1px 5px rgba(0, 0, 0, .25); padding: 15px; } .starting-modal-option h2 { margin: 10px 0 20px 0; } .starting-modal-wrapper .inputs { text-align: center; margin: 15px 0; } .starting-modal-wrapper .inputs label, #selectYourProducts .inputs label { width: auto; margin: 0 0 0 10px; } .starting-modal-option i img { width: 32px; } #step2_c, #step3_c { width: 95%; max-width: 1000px; margin: 0 auto; } .gallery .picture-wrapper, .gallery .picture-thumbs a { border: 0px solid #dddddd !important; } /*=== iPhone to iPad Portrait ===*/ @media (max-width: 1000px) { div.leftColumn.SPCTools { left: auto; border-bottom: 2px solid #dddddd; } div.rightColumn.SPCEstimate { right: auto; } div.leftColumn.SPCTools, div.rightColumn.SPCEstimate { width: 100%; position: relative; text-align: center; } .text-effects-slider { width: 75%; } .campaign-type-select div { text-align: left; display: inline-block; margin: 0 auto; padding: 0 20px; } .bottomLeftColumn .campaign-type-select fieldset div { display: block; width: auto; margin-bottom: 15px; } .sliders-container { padding-right: 15%; } .starting-modal-wrapper .inputs label { display: inline-block; } .SPC_fundpotential .inputs label { width: auto; margin: 0 5px; font-size: 14px; } .SPCOptions .bottomLeftColumn { width: 100%; } .SPCOptions .bottomRightColumn { float: none; width: 100%; margin: 30px 0; } .SPC_fundpotential h1, .rightColumn .SPCOptions { text-align: center; } .SPC_fundpotential .inputs { white-space: normal; } .SPC_fundpotential .inputs label { display: inline; } .product-thumb { margin: 10px; } .add-product-style { padding: 10px; } .add-product-style img { float: none; width: 30%; vertical-align: text-bottom; margin-left: 10px; } .SPCOptions .bottomLeftColumn { width: 100%; padding: 30px 20px; margin: 20px 0 0 0; text-align: center; } .SPC_fundpotential .bottomLeftColumn .campaign-type-select { margin: 0 0 30px 0; padding: 0 0 30px 0; } .SPC_fundpotential .bottomLeftColumn .campaign-type-select p { margin: 10px; } .raised-amount-step2 { display: block; width: 100%; } .raised-estimator-slider { display: inline-block; width: 100%; padding: 20px; border-left: 0px solid #dddddd; margin-top: 20px; margin-left: 0px; } .slider-inputs-step1 { margin: 5px 5px 15px 5px; } .starting-modal-option { width: auto; margin: 5px; padding: 20px; } #step2_c, #step3_c { width: 95% !important; } div.SPC_storydetails { width: 100%; } .right-side-preview-step-3 { display: none; } .p-selector-wrapper, .starting-modal-wrapper { width: 90%; } .campaign-type-select h1 { text-align: center; } .bottomLeftColumn .campaign-type-select fieldset div ul { list-style: none; padding: 10px 0; text-align: left; } .bottomLeftColumn .campaign-type-select fieldset div ul li { display: inline; } } @media (max-width: 768px) { #step2_c, #step3_c { width: 90% !important; } #step3_c { text-align: center; } td.product-color { width: auto; } .bottomLeftColumn .campaign-type-select fieldset div { display: block; width: 100%; margin: 10px 0; text-align: center; } } @media (max-width: 420px) { .starting-modal-option { display: block; margin: 30px; } td.product-color div.color-swatch { display: block; } td.product-price { padding: 10px; } } /* .master-wrapper-content { width: 100%; } */ .width-override { width: 100%; } @media (min-width: 240px) { .gallery .picture { border: 0px solid #dddddd; } } .fb-like { display: inline-block; line-height: normal; } /*div.fb-like { width: 46px !important; vertical-align: bottom; margin: 0 2px; height: 46px; border-radius: 50%; overflow: hidden; background: #4267b2; } div.fb-like iframe { top: 8px; left: 15px; transform: scale(2,2); } .fb_iframe_widget_fluid { display: inline-block !important; }*/ .instant-search-item .img-block { border-radius: 0; border: 0px solid #eeeeee; } /*======== needs to be applied on skin.min.css ========*/ .mce-edit-area { border-radius: 6px !important; box-shadow: inset 1px 1px 2px rgba(0, 0, 0, .15) !important; background: #fafafa !important; } /* Homepage updates */ .home-page-product-grid { max-width: 1200px; margin: 70px auto 35px auto; } .home-page-product-grid .title { display: none; } .home-top-text-block .topic-html-content { background-color: rgba(0, 188, 212, .20); } .master-wrapper-content { margin: 0 auto; } .home-page .home-view-all-campaigns-button { text-align: center; } .home-page .green-icon { vertical-align: middle; } .home-bottom-text-block .topic-html-content .topic-html-content-body h1 { color: #ffffff; } .center-1 { margin: 0; } .home-page .home-bottom-text-block .topic-html-content-body a:hover { color: #ff5252; } .newsletter-email input[type="text"] { opacity: 1; } .footer-mission { font-size: 16px; padding: 30px; max-width: 800px; display: inline-block; color: #00bcd4; } a.footer-hours-link:hover { text-decoration: none !important; cursor: default; } .newsletter-email ::-webkit-input-placeholder { color: #ffffff; } .newsletter-email :-moz-placeholder { /* Firefox 18- */ color: #ffffff; } .newsletter-email ::-moz-placeholder { /* Firefox 19+ */ color: #ffffff; } .newsletter-email :-ms-input-placeholder { color: #ffffff; } .item-box:hover .hover-details, .ajax-cart-product-item-hover .hover-details { -webkit-transition: opacity 0.5s ease; -moz-transition: opacity 0.5s ease; -o-transition: opacity 0.5s ease; transition: opacity 0.5s ease; } @media (max-width: 480px) { .home-top-text-block .topic-html-content { padding: 10px; } .home-bottom-text-block li { display: block !important; } } /** * BxSlider v4.1.2 - Fully loaded, responsive content slider * http://bxslider.com * * Written by: Steven Wanderski, 2014 * http://stevenwanderski.com * (while drinking Belgian ales and listening to jazz) * * CEO and founder of bxCreative, LTD * http://bxcreative.com */ /** RESET AND LAYOUT ===================================*/ .bx-wrapper { position: relative; margin: 0 auto 60px; padding: 0; *zoom: 1; } .bx-wrapper img { /* max-width: 100%; display: block; */ width: 30%; vertical-align: middle; margin-right: 30px; border-radius: 50%; } .bx-wrapper p { display: inline-block; width: 60%; font-size: 20px; color: #212121; vertical-align: middle; } /** THEME ===================================*/ .bx-wrapper .bx-viewport { /* -moz-box-shadow: 0 0 5px #cccccc; -webkit-box-shadow: 0 0 5px #cccccc; box-shadow: 0 0 5px #cccccc; */ border: 5px solid #E5E8EB; height: auto !important; /* left: -5px; background: #ffffff; */ /*fix other elements on the page moving (on Chrome)*/ -webkit-transform: translatez(0); -moz-transform: translatez(0); -ms-transform: translatez(0); -o-transform: translatez(0); transform: translatez(0); } .bx-wrapper .bx-pager, .bx-wrapper .bx-controls-auto { position: absolute; bottom: -30px; width: 100%; } /* LOADER */ .bx-wrapper .bx-loading { min-height: 50px; background: url(/Themes/Allure/Content/CSS/images/bx_loader.gif) center center no-repeat #ffffff; height: 100%; width: 100%; position: absolute; top: 0; left: 0; z-index: 2000; } /* PAGER */ .bx-wrapper .bx-pager { text-align: center; font-size: .85em; font-family: Arial; font-weight: bold; color: #757575; padding-top: 20px; } .bx-wrapper .bx-pager .bx-pager-item, .bx-wrapper .bx-controls-auto .bx-controls-auto-item { display: inline-block; *zoom: 1; *display: inline; } .bx-wrapper .bx-pager.bx-default-pager a { background: #757575; text-indent: -9999px; display: block; width: 10px; height: 10px; margin: 0 5px; outline: 0; -moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px; } .bx-wrapper .bx-pager.bx-default-pager a:hover, .bx-wrapper .bx-pager.bx-default-pager a.active { background: #000; } /* DIRECTION CONTROLS (NEXT / PREV) */ .bx-wrapper .bx-prev { left: -50px; background: url(/Themes/Allure/Content/img/arrow-left.png) no-repeat 0 0; } .bx-wrapper .bx-next { right: -50px; background: url(/Themes/Allure/Content/img/arrow-right.png) no-repeat 0 0; } .bx-wrapper .bx-controls-direction a { position: absolute; top: 50%; margin-top: -16px; outline: 0; width: 11px; height: 20px; text-indent: -9999px; z-index: 9999; } .bx-wrapper .bx-controls-direction a.disabled { display: none; } /* AUTO CONTROLS (START / STOP) */ .bx-wrapper .bx-controls-auto { text-align: center; } .bx-wrapper .bx-controls-auto .bx-start { display: block; text-indent: -9999px; width: 10px; height: 11px; outline: 0; background: url(/Themes/Allure/Content/CSS/images/controls.png) -86px -11px no-repeat; margin: 0 3px; } .bx-wrapper .bx-controls-auto .bx-start:hover, .bx-wrapper .bx-controls-auto .bx-start.active { background-position: -86px 0; } .bx-wrapper .bx-controls-auto .bx-stop { display: block; text-indent: -9999px; width: 9px; height: 11px; outline: 0; background: url(/Themes/Allure/Content/CSS/images/controls.png) -86px -44px no-repeat; margin: 0 3px; } .bx-wrapper .bx-controls-auto .bx-stop:hover, .bx-wrapper .bx-controls-auto .bx-stop.active { background-position: -86px -33px; } /* PAGER WITH AUTO-CONTROLS HYBRID LAYOUT */ .bx-wrapper .bx-controls.bx-has-controls-auto.bx-has-pager .bx-pager { text-align: left; width: 80%; } .bx-wrapper .bx-controls.bx-has-controls-auto.bx-has-pager .bx-controls-auto { right: 0; width: 35px; } /* IMAGE CAPTIONS */ .bx-wrapper .bx-caption { position: absolute; bottom: 0; left: 0; background: #757575; background: rgba(80, 80, 80, 0.75); width: 100%; } .bx-wrapper .bx-caption span { color: #ffffff; font-family: Arial; display: block; font-size: .85em; padding: 10px; } .bx-wrapper { max-width: 850px !important; } .testimonial-slider-wrapper { background-color: #E5E8EB; padding: 100px 0; } .bx-wrapper .fa-quote-left, .bx-wrapper .fa-quote-right { color: #00bcd4; } @media (max-width: 1000px) { .bx-wrapper .bx-controls-direction a { top: auto; margin: 15px 0; } .bx-wrapper .bx-prev { left: 30%; } .bx-wrapper .bx-next { right: 30%; } } @media (max-width: 768px) { .bx-wrapper img { width: 75%; margin-right: 0px; padding: 30px; } .bx-viewport { height: auto !important; } .bx-wrapper p { width: auto; padding: 0 30px; } .testimonial-slider-wrapper { padding: 50px 0 80px 0; } .bx-wrapper .bx-controls-direction a { top: auto; margin: 15px 0; } .bx-wrapper .bx-prev { left: 30%; } .bx-wrapper .bx-next { right: 30%; } } @media (max-width: 420px) { .bx-wrapper img { width: 100%; } } .hero-inner form input { border: 1px solid #000; } .topic-page .landing-page { } .topic-page .landing-page h1 { font-weight: 100; padding: 50px 10px 10px 10px; font-size: 3em; line-height: 1em; } .topic-page .landing-page .first-third, .topic-page .landing-page .second-third, .topic-page .landing-page .third-third { height: auto; padding: 0px; } .topic-page .landing-page .first-third .fa, .topic-page .landing-page .second-third .fa, .topic-page .landing-page .third-third .fa { margin-left: 20px; } .topic-page .landing-page .first-third img, .topic-page .landing-page .second-third img, .topic-page .landing-page .third-third img { width: 100%; border-radius: 50%; } .topic-page .landing-page .design-templates .first-third img, .topic-page .landing-page .design-templates .second-third img, .topic-page .landing-page .design-templates .third-third img { border-radius: 0px; -webkit-transition: opacity 0.5s ease; -moz-transition: opacity 0.5s ease; -o-transition: opacity 0.5s ease; transition: opacity 0.5s ease; } .topic-page .landing-page .design-templates .first-third img:hover, .topic-page .landing-page .design-templates .second-third img:hover, .topic-page .landing-page .design-templates .third-third img:hover { opacity: .7; -webkit-transition: opacity 0.5s ease; -moz-transition: opacity 0.5s ease; -o-transition: opacity 0.5s ease; transition: opacity 0.5s ease; } .topic-page-content-wrapper { max-width: 1200px; margin: 0 auto; } .topic-page ul.bxslider { list-style: none; padding: 0; } .topic-page .testimonial-slider-wrapper { padding: 50px 0; margin-top: 100px; } .topic-page .bx-wrapper { margin: 0 auto; max-width: 1200px !important; } @media (min-width: 769px) { .topic-page ul.bxslider p { text-align: left; } } .landing-page .hero-img { background-repeat: no-repeat; background-position: center; width: 100%; height: auto; background-size: cover; padding: 20% 0; } .landing-page .hero-img h1 { color: #ffffff; font-weight: bold; padding: 0; margin: 0px; } @media (max-width: 1000px) { .landing-page .hero-img { margin-top: -10px; } } .ink-subtle-nav { background-color: rgba(25, 50, 80, .25); padding: 20px; margin-bottom: 50px; color: #ffffff; } .ink-subtle-nav .centering-div { max-width: 1260px; margin: 0 auto; padding: 0 10px; width: 100%; } .user-nav { display: inline-block; float: right; margin-top: 15px; } .user-nav a { -webkit-transition: all 0.5s ease; -moz-transition: all 0.5s ease; -o-transition: all 0.5s ease; transition: all 0.5s ease; } .user-nav a:hover { color: #212121; -webkit-transition: all 0.5s ease; -moz-transition: all 0.5s ease; -o-transition: all 0.5s ease; transition: all 0.5s ease; } .ink-subtle-logo { max-width: 255px; max-height: 47px; display: inline-block; vertical-align: middle; } .ink-subtle-logo a, .ink-subtle-logo img { width: 100%; } .ink-subtle-page { max-width: 1000px; margin: 0 auto; text-align: center; } .ink-subtle-page .user-logo { margin-bottom: 50px; } .product-selectors { display: none; } .powered-by-footer { text-align: center; color: #757575; background-color: rgba(0, 188, 212, .15); padding: 50px 0; margin-top: 50px; } .powered-by-footer a { font-weight: bold; } .powered-by-footer a img { width: 70px; display: block; margin: 10px auto; } .powered-by-footer a:hover { text-decoration: underline; } .manufacturer-description p { font-size: 16px; } .manufacturer-description .user-hero-image { position: relative; overflow: hidden; min-height: 400px; margin-bottom: 50px; } .manufacturer-description .user-hero-image img { position: absolute; margin: auto; top: -100%; bottom: -100%; left: -100%; right: -100%; } .manufacturer-description .user-logo { text-align: center; } @media (max-width: 768px) { .ink-subtle-logo { display: block; margin: 0 auto; } .user-nav { display: block; margin: 0 auto; text-align: center; padding: 20px 0 10px; float: none; } .manufacturer-description h1, .manufacturer-description p { padding: 0 20px; } } .style-title { font-size: 12px; color: #999999; } .ink-helpful-tip { background-color: #008ba3; color: #ffffff; padding: 15px; border-radius: 6px; font-size: 14px; margin-top: 35px; } #step3_c .ink-helpful-tip { margin-top: 0; margin-bottom: 35px; } .ink-helpful-tip h3 { color: #62efff; } p.raised-amount-estimated { margin-top: 20px; } .SPC_fundpotential .sliders-container { padding-top: 12px; } .campaign-type-container:hover { cursor: pointer; } .nopAjaxCartPanelAjaxBusy, .miniProductDetailsPanelAjaxBusy { background: url(/Themes/Allure/Content/img/loader.svg) no-repeat fixed 50% 50%; } .product-grid.campaign-grid { margin-bottom: 50px; } .min-price-validation { color: red; padding-left: 52px; } a.facebook-share { background-position: -2px -2px; } a.twitter-share { background-position: -42px -2px; } a.google-share { background-position: -82px -2px; } a.pinterest-share { background-position: -122px -2px; } .manufacturer-description .project-walk .user-hero-image { min-height: auto; } .manufacturer-description .project-walk .user-hero-image img { position: relative; top: auto; bottom: auto; left: auto; right: auto; } /* rich blog styles */ .blog-search-results { margin-bottom: 20px; } .blog-search-results .search-term-highlighter { font-weight: bold; } /* homepage grid */ .rich-blog-homepage { max-width: 1000px; margin: 50px auto; background-color: rgba(0, 188, 212, .15); padding: 50px 100px; border-radius: 6px; text-align: center; } @media (max-width: 420px) { .rich-blog-homepage { padding: 50px; border-radius: 0px; } } .rich-blog-homepage .title { border-bottom: 0px solid #dddddd; margin: 0 0 30px; padding: 0 0 15px; font-size: 30px; font-weight: normal; color: #555555; } .rich-blog-homepage .title strong { font-weight: normal; } .rich-blog-homepage .blog-post { margin: 0 0 30px; } .rich-blog-homepage .post-primary { max-width: 1000px; margin: 0 auto 5px; } .rich-blog-homepage .post-title { display: block; border-top: 0px solid #dddddd; padding: 0 0 10px 0; font-size: 17px; font-weight: bold; color: #555555; } .rich-blog-homepage h1 { text-align: center; margin: 0 0 30px; padding: 0 0 15px; } .rich-blog-homepage .post-picture { display: block; position: relative; z-index: 0; overflow: hidden; } .rich-blog-homepage .post-picture:before { content: ""; display: block; padding-top: 50%; } .rich-blog-homepage .post-picture img { position: absolute; top: 0; right: 0; left: 0; width: 100%; max-width: 100%; margin: auto; } .rich-blog-homepage .post-date { margin: 0; background-color: transparent; font-style: normal; } .rich-blog-homepage .post-description { margin: 0 0 20px; line-height: 24px; } .rich-blog-homepage .read-more, .post-actions .read-more { display: inline-block; margin: 0 0 20px; border: none; padding: 10px 20px; font-size: 12px; color: #ffffff; text-transform: uppercase; border: 2px solid #00bcd4; transition: all .5s ease-in-out; } .rich-blog-homepage a.read-more { color: #ffffff; font-weight: normal; } .rich-blog-homepage a.read-more:hover, .post-actions .read-more:hover { background-color: #ffffff; text-decoration: none; color: #00bcd4; transition: all .5s ease-in-out; } .rich-blog-homepage .view-all a { color: #00bcd4; text-decoration: none; } @media all and (min-width: 1001px) { .rich-blog-homepage .blog-posts { overflow: hidden; text-align: center; } .rich-blog-homepage .blog-post { float: left; width: 31.33333%; margin: 0 1% 30px; } .rich-blog-homepage .blog-post:nth-child(3n+1) { clear: both; } .rich-blog-homepage .blog-post:only-child { float: none; width: auto; margin: 0 0 30px; } } .post-feature { width: 55%; margin: 0 20px 20px 20px; display: inline-block; vertical-align: top; } .post-primary img { width: 100%; } .post-feature-body { width: 35%; display: inline-block; text-align: left; } .post-feature-body a { text-align: right; display: block; } a.post-title { text-align: left; } @media (max-width: 768px) { .post-feature-body { width: 100%; } .post-feature { width: 100%; margin: 0 0 20px 0; } } div.attributes dl ul li { margin: 5px; display: inline-block; } .password-recovery-page { text-align: center; } /* New Content Pages */ .cyan { background-color: #00bcd4; } .light-cyan { background-color: #62efff; } .dark-cyan { background-color: #008ba3; } .indigo { background-color: #1a237e; } .light-indigo { background-color: #534bae; } .dark-indigo { background-color: #000051; } .red { background-color: #ff5252; } .light-red { background-color: #ff867f; } .dark-red { background-color: #c50e29; } .green { background-color: #00c853; } .orange { background-color: #FF9800; } .green-text { color: #00c853; } .content-page-container h1 { color: #ffffff; font-size: 48px; line-height: 1em; margin-bottom: 15px; } .content-page-container.homepage h1 { color: #212121; } .content-page-container h2 { font-size: 36px; line-height: 1.5em; margin-bottom: 50px; padding: 0 20px; } .content-page-container h3 { font-size: 28px; line-height: 1.5em; margin-bottom: 20px; } .content-page-container h4 { font-size: 18px; line-height: 1.5em; } .content-page-container section { padding: 100px 20px; } .content-page-container.homepage section.features-section { padding: 20px; } .content-page-container section.how-it-works-steps-container { padding: 50px 0 0 0; } .content-page-container section.how-it-works-step { padding: 50px 20px; } .content-page-container section.mission-section, .content-page-container section.promo-section { padding: 0; } .content-page-container.homepage section.success-story-section, .content-page-container.homepage section.features-section, .content-page-container.homepage section.feature-list { text-align: center; } .content-page-title { color: #ffffff; background-repeat: no-repeat; background-position-y: 50%; background-position-x: 50%; background-size: 50%; } .homepage .main-features-container { background: url(/Themes/Allure/Content/img/main-header-doodle-bg.svg) repeat; text-align: center; } .how-it-works .content-page-title { background-image: url(/Themes/Allure/Content/img/design-lightning-shirt.svg); } .success-stories .content-page-title { background-image: url(/Themes/Allure/Content/img/design-every-tshirt-story.svg); } .about-us .content-page-title { background-image: url(/Themes/Allure/Content/img/design-logo-variation.svg); } .nonprofits .content-page-title { background-image: url(/Themes/Allure/Content/img/design-power-of-tshirt.svg); } .content-page-title h3 { max-width: 800px; font-weight: 100; font-style: italic; color: #ffffff; margin: 0 auto; line-height: 1.5em; } .animation.right-side, .animation.left-side { width: 50%; box-shadow: 0 3px 6px rgba(0,0,0,0.4); max-width: 799px; } .how-it-works-steps-container .odd-step-text, .how-it-works-steps-container .even-step-text { width: 40%; max-width: 600px; text-align: left; color: #ffffff; display: inline-block; vertical-align: top; margin-right: 50px; padding-top: 30px; } .how-it-works-steps-container .odd-step-text img, .how-it-works-steps-container .even-step-text img { width: 33%; } .how-it-works-steps-container h3 { color: #ffffff; } .how-it-works-steps-container p { font-size: 16px; } .how-it-works-step { padding-top: 100px; } .success-story-section { background-color: #e2e1e0; } .success-story-card { background-color: #ffffff; max-width: 1000px; margin: 0 auto 30px auto; padding: 40px; text-align: left; } .success-story-card img { width: 250px; height: 250px; float: left; margin: 0 40px 40px 0; } .success-story-card h4 { display: inline-block; } .success-story-card div { margin-left: 290px; } .success-story-card .green-text { font-style: italic; } .card-2 { box-shadow: 0 3px 6px rgba(0,0,0,0.2); border-radius: 4px; min-height: 330px; } .content-page-container a, .home-view-all-campaigns-button a { color: #ff5252; font-size: 14px; text-decoration: none; font-weight: bold; -webkit-transition: all 0.5s ease; -moz-transition: all 0.5s ease; -o-transition: all 0.5s ease; transition: all 0.5s ease; } .content-page-container a:hover, .home-view-all-campaigns-button a:hover { color: #ff867f; text-decoration: underline; -webkit-transition: all 0.5s ease; -moz-transition: all 0.5s ease; -o-transition: all 0.5s ease; transition: all 0.5s ease; } .how-it-works-steps-container a { color: #ffffff; text-decoration: underline; } .how-it-works-steps-container a:hover { color: #ff5252; } .read-more-successes { display: inline-block; } .how-it-works .call-to-action-content-bottom { background-image: url(/Themes/Allure/Content/img/doodle-okay.svg); background-repeat: no-repeat; background-size: 600px; background-position: 75%; } .success-stories .call-to-action-content-bottom, .homepage .call-to-action-content-bottom { background-image: url(/Themes/Allure/Content/img/doodle-love.svg); background-repeat: no-repeat; background-size: 600px; background-position: 75%; } .about-us .call-to-action-content-bottom { background-image: url(/Themes/Allure/Content/img/doodle-live-laugh.svg); background-repeat: no-repeat; background-size: 600px; background-position: 75%; } .nonprofits .call-to-action-content-bottom { background-image: url(/Themes/Allure/Content/img/doodle-kenya.svg); background-repeat: no-repeat; background-size: 720px; background-position: 75%; } .call-to-action-content-bottom div { max-width: 1000px; text-align: left; margin: 0 auto; } .call-to-action-content-bottom a { color: #ffffff; display: block; } .call-to-action-content-bottom a:hover { color: #ff5252; } .call-to-action-content-bottom h3 { color: #ffffff; } .larger-button { padding: 15px 30px !important; font-size: 20px; margin: 40px 0 25px 0 !important; } .feature-list ul { list-style: none; text-align: left; display: inline-block; vertical-align: top; font-size: 22px; font-style: italic; line-height: 2em; margin: 0 0 0 30px; padding: 0; } .video-container { width: 25%; display: inline-block; } .feature-list .video-caption { text-align: left; display: inline-block; vertical-align: top; max-width: 500px; margin-left: 30px; } #goToTop { background-color: #000000 !important; opacity: .25; } .doodle-icon { display: inline-block; } .shirt-collage-grid { width: 100%; display: block; } .promo-section { background-color: #ff5252; text-align: left; } .promo-section img, .mission-section img { width: 49%; display: inline-block; vertical-align: top; } .promo-section .promo-text { width: 49%; display: inline-block; text-align: center; padding: 50px 20px; } .promo-section h2, .promo-section h3, .promo-section h4, .promo-section a { color: #ffffff; } .promo-section h2 { margin-bottom: 5px; } .promo-section h3 { margin-bottom: 25px; } .promo-section a { display: block; } .promo-section .promo-text div { display: inline-block; width: 30%; margin-bottom: 30px; } .about-us .even-values, .about-us .odd-values { text-align: left; max-width: 750px; margin: 0 auto 50px auto; } .about-us .even-values img, .about-us .odd-values img { width: 175px; height: 175px; } .about-us .odd-values img { float: right; margin: 0 0 20px 20px; } .about-us .even-values img { float: left; margin: 0 20px 20px 0; } .mission-section { text-align: left; } .mission-section h2, .mission-section h4 { color: #ffffff; text-align: left; padding: 0; } .mission-text { display: inline-block; width: 40%; padding: 50px; } .history-ink { background-image: url(https://inktothepeople.com/Content/Images/uploaded/pages/ink-office.jpg); background-repeat: no-repeat; background-size: cover; padding: 100px 20px; } .history-container { max-width: 750px; margin: 0 auto; } .history-container p { text-align: left; } .ink-team { padding: 50px 20px 100px 20px; } .ink-team h2, .ink-team p { color: #ffffff; } .ink-team img { width: 100px; height: 100px; background-color: white; border-radius: 50%; } .ink-profile { display: inline-block; margin: 0 20px; } .in-the-news ul, .nonprofits ul { list-style: none; padding: 0; margin: 0; } .in-the-news ul li, .nonprofits ul li { display: inline-block; width: 12%; margin: 25px; vertical-align: middle; opacity: .25; -webkit-transition: all .5s ease-in-out; -moz-transition: all .5s ease-in-out; transition: all .5s ease-in-out; } .in-the-news ul li:hover, .nonprofits ul li:hover { opacity: 1; -webkit-transition: all .5s ease-in-out; -moz-transition: all .5s ease-in-out; transition: all .5s ease-in-out; } .nonprofits ul li img { width: 100%; } .absolute-center { margin: auto; position: absolute; top: 0; left: 0; bottom: 0; right: 0; } .features-section .feature-container { width: 25%; margin: 4%; display: inline-block; vertical-align: top; } .homepage .features-section .feature-container { width: 15%; margin: 2%; } .homepage .features-section { max-width: 90%; margin: 0 auto; } .homepage .features-section img { height: 70px; } .features-section img { height: 110px; } .features-section h2 { margin-bottom: 0; } .features-section h4 { margin-bottom: 10px; color: #212121; } .contact-page form { background-color: #f3f3f3; border-radius: 4px; padding: 20px 40px; box-shadow: 0 3px 6px rgba(0,0,0,0.2); } .contact-page .fieldset { background-color: #f3f3f3; padding: 0; } .contact-page .topic-html-content { display: inline-block; vertical-align: top; margin: 0 0 0 50px; } .contact-page form input, .contact-page form textarea { width: 100% !important; } .contact-page { margin-bottom: 100px; } .content-page-container.contact-page h3 { margin-bottom: 5px; margin-top: 30px; } /* login page */ .new-wrapper.register-block { max-width: 45%; display: inline-block; vertical-align: top; padding: 30px; } .returning-wrapper.fieldset { max-width: 45%; display: inline-block; padding: 30px; } .login-page .inputs label { display: block; width: auto; margin: 0 0 5px 0; text-align: center; } .login-page .inputs.reversed span { margin-right: 0; } .login-page { text-align: center; } .login-page .facebook-btn { display: inline-block; width: 300px; height: 50px; background-image: url(/Themes/Allure/Content/img/facebook-signing.png); background-repeat: no-repeat; background-size: contain; transition: all .2s ease-in-out; } .login-page .facebook-btn:hover { background-position: initial; opacity: .8; transition: all .2s ease-in-out; } .category-page .item-box, .recently-added-products-page .item-box, .recently-viewed-products-page .item-box, .manufacturer-page .item-box, .vendor-page .item-box, .product-tag-page .item-box, .search-page .item-box { margin-bottom: 50px; } .content-page-container .strapline { text-align: center; padding: 100px 100px; } .content-page-container .strapline p { font-style: italic; color: #ffffff; margin-bottom: 0; font-size: 18px; } div.no-data { text-align: center; padding: 50px; } .brush-stroke-border { background-image: url(/Themes/Allure/Content/img/brush-border.png); margin-top: -17px; background-position-x: 50%; } div#orderLookupModal.alertModal-container div.alertModal-msgbox, div#asyncLoginContainer.login-container div.alertModal-msgbox { max-width: 450px; } @media (min-width: 1001px) { .contact-page label { margin: 30px 0 5px 0; text-align: left; display: block; font-size: 14px; } .contact-page form { width: 50%; display: inline-block; } .feeds-page .feeds-nav-item.active:before { background: #00bcd4 !important; } } @media (max-width: 1000px) { .how-it-works-steps-container .odd-step-text, .how-it-works-steps-container .even-step-text { width: 100%; margin: 0; padding: 0 20px 40px 20px; } .animation.right-side, .animation.left-side { width: 100%; } .success-story-section { padding: 0 20px; } .footer-middle .footer-block:last-child { width: 50%; } .video-container { width: 50%; display: block; margin: 0 auto 20px auto; } .content-page-title { background-size: 80%; } .promo-section .promo-text, .mission-section .mission-text { width: 100%; } .promo-section .promo-text div { width: 20%; margin: 30px; } .promo-section img, .mission-section img { width: 100%; } .in-the-news ul li, .nonprofits ul li { width: 25%; } .call-to-action-content-bottom div { text-align: center; } .page.contact-page { text-align: center; } .contact-page .topic-html-content { margin: 0; } } @media (max-width: 768px) { .features-section .feature-container { width: 100%; margin: 30px 0; display: block; } .new-wrapper.register-block, .returning-wrapper.fieldset { display: block; max-width: 82%; margin: 0 auto; } .homepage .features-section .feature-container { width: 75%; margin: 30px auto; } } @media (max-width: 420px) { .footer-disclaimer .footer-terms { margin-left: 0; padding-left: 0; display: block; padding: 5px; } .success-story-card img { width: 100%; height: auto; float: none; margin: 0 0 40px 0; } .success-story-card div { margin-left: 0; } .video-container { display: block; width: 80%; margin: 0 auto 20px auto; } .content-page-title { background-size: 150%; } .promo-section .promo-text div { display: block; width: 75%; margin: 0 auto 50px auto; } .promo-section .doodle-icon { margin: 0 auto; } .in-the-news ul { margin: 0; padding: 0; } .in-the-news ul li, .nonprofits ul li { width: 66%; } }