@media all and (min-width: 1001px) { :root { --layout-outer-width: 984px; } /*** GLOBAL STYLES ***/ html:not(.html-home-page) .master-wrapper-content, .html-home-page .topic-block, .html-home-page .home-page-category-grid, .html-home-page .news-list-homepage, .html-home-page .home-page-polls, .html-home-page .home-page-product-grid { width: var(--layout-outer-width); margin-inline: auto; } .center-2 { float: right; width: 73%; } .side-2 { float: left; width: 25%; } .page { text-align: left; } .inputs { text-align: left; } .inputs label { display: inline-block; width: 265px; margin: 0 10px 0 0; text-align: right; } .inputs input[type="text"], .inputs input[type="email"], .inputs input[type="tel"], .inputs input[type="password"], .inputs select { min-height: 40px; } .inputs .option-list li { margin: 0 10px 0 0; } .center-1 .buttons { border-radius: var(--theme-border-radius); } .center-2 .inputs label { width: 136px; } .inputs.accept-consent label { width: auto; } .page-title a + h1 { float: left; } .link-rss { display: block; float: right; margin: 6px 0 0; } /*** Homepage Categories TABLES ***/ /* Target only the home page category grid */ .home-page-category-grid .category-item { overflow: hidden; } .home-page-category-grid .item-box .picture, .home-page-category-grid .item-box .picture a { position: static; margin: 0; } .home-page-category-grid .item-grid { display: grid; grid-template-columns: repeat(4, 1fr); gap: 16px; } /* Style for each item */ .home-page-category-grid .item-grid .item-box { width: 100%; margin: 0; grid-column: span 1; grid-row: span 1; } .home-page-category-grid .item-box:nth-child(5n + 4), .home-page-category-grid .item-box:nth-child(5n + 5) { grid-column: span 1; grid-row: span 1; } /* Every first item in a set of 5 spans 2 columns and 2 rows */ .home-page-category-grid .item-box:nth-child(5n + 1) { grid-column: span 2; grid-row: span 2; } /*** GLOBAL TABLES ***/ .cart tr { width: auto; margin: 0; } .cart label { display: none; } .order-details-page .data-table tr { width: auto; margin: 0; } .order-details-page .data-table label { display: none; } /*** HEADER ***/ .header-menu-toggle, .close-header-menu { display: none; } .header { background: var(--white); color: var(--dark); } .header .header-upper { width: var(--layout-outer-width); margin: auto; padding: 10px 0; } .header-upper { display: flex; justify-content: space-between; align-items: center; } .header-selectors-wrapper { float: left; border: none; padding: 0; } .header-selectors-wrapper > div { width: auto; min-width: 100px; margin: 0 12px 0 0; line-height: 43px; } .header-selectors-wrapper select { height: 25px; padding: 4px; font-size: 12px; } .language-list { text-align: left; } .header-links-wrapper { float: right; padding: 0; } .header-links li { margin: 0 16px; } .header-links a, .header-links span { line-height: 1; text-transform: none; } #topcartlink { display: inline-block; width: auto; margin: 0; padding: 0 18px; } #topcartlink > a { line-height: 45px; } .flyout-cart { position: absolute; top: 100%; right: 0; z-index: 100; width: 300px; box-shadow: 0 0 2px rgba(0,0,0,0.25); background-color: #fff; } .flyout-cart.active { display: block; } .mini-shopping-cart { padding: 12px; text-align: left; font-size: 14px; } .mini-shopping-cart .count { padding: 5px 0 15px; color: #444; } .mini-shopping-cart .count a { margin: 0 2px; font-weight: bold; color: #444; } .mini-shopping-cart .items { border-top: 1px solid #ddd; border-bottom: 1px solid #ddd; margin: 0 0 20px; } .mini-shopping-cart .item { overflow: hidden; padding: 10px 0; } .mini-shopping-cart .picture { float: left; width: 70px; text-align: center; } .mini-shopping-cart .picture a { display: block; position: relative; overflow: hidden; } .mini-shopping-cart .picture a:before { content: ""; display: block; padding-top: 100%; } .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 80px; } .mini-shopping-cart .name { margin: 0 0 10px; font-size: 14px; } .mini-shopping-cart .name a { color: var(--theme-color); } .mini-shopping-cart .name a:hover, .mini-shopping-cart .name a:focus { color: var(--active-color); } .mini-shopping-cart .attributes { margin: 5px 0; color: #444; } .mini-shopping-cart .totals { margin: 0 0 12px; font-size: 14px; color: #444; } .mini-shopping-cart .totals strong { font-size: 16px; color: #444; } .mini-shopping-cart .buttons { margin: 0 0 5px; } .mini-shopping-cart button[type="button"] { display: inline-block; border: none; background-color: var(--theme-color); padding: 10px 20px; font-size: 12px; color: #fff; text-transform: uppercase; } .mini-shopping-cart button[type="button"]:hover, .mini-shopping-cart button[type="button"]:focus { background-color: var(--active-color); } .header-lower { display: table; width: 100%; } .header-logo { display: table-cell; text-align: left; vertical-align: middle; font-size: 0; } .search-box form { justify-content: flex-end; } .search-box input.search-box-text, .search-box .search-box-button, .search-box .search-box-category { height: 40px; } .search-box input.search-box-text { width: 440px; } /*** NAVIGATION ***/ .header-menu { background: var(--dark); } .header-menu .top-menu { position: relative; z-index: 5; width: var(--layout-outer-width); margin: 0 auto; padding: 15px 0; text-align: center; } .top-menu .sublist .parent-links { display: none; } .menu-toggle, .sublist-toggle { display: none; } .header-menu > ul { display: block !important; /* prevents toggle display:none on resize */ font-size: 0; } .header-menu > ul.mobile { display: none !important; } .header-menu > ul > li { display: inline-block; padding: 0 15px; vertical-align: middle; position: relative; } .header-menu > ul > li:not(:last-child)::after { content: "-"; display: block; position: absolute; right: 0; top: 50%; translate: 50% -50%; font-size: 22px; color: white; } .header-menu > ul > li:first-child { border-left: none; } .header-menu > ul > li > a { display: block; padding: 5px 10px; line-height: 20px; font-size: 18px; /*reset zeroing*/ color: var(--white); cursor: pointer; } .header-menu > ul > li > a:hover, .header-menu > ul > li > a:focus { color: var(--active-color); } .header-menu .sublist { display: none; position: absolute; width: 200px; box-shadow: 0 0 2px rgba(0,0,0,0.2); background-color: #fff; padding: 10px 0; text-align: left; } .header-menu .sublist li { position: relative; } .header-menu .sublist li a { display: block; position: relative; padding: 10px 20px 10px 30px; font-size: 16px; color: var(--dark); } .header-menu .sublist li:hover > a, .header-menu .sublist li:focus > a { background-color: #f6f6f6; color: var(--theme-color); } .header-menu ul li:hover > .sublist, .header-menu ul li:focus > .sublist, .header-menu ul li:focus-within > .sublist { display: block; } .header-menu .sublist .sublist { top: -10px; left: 100% !important; } /*** FOOTER ***/ .footer { /*background: #888 url(../images/footer-bg.jpg) center center no-repeat;*/ background-size: cover; background-blend-mode: multiply; } .footer-upper { width: var(--layout-outer-width); padding: 55px 10px; } .footer-upper:after { content: ""; display: block; clear: both; } .footer-links { display: flex; justify-content: center; gap: 30px; flex-wrap: wrap; padding-block: 40px; } .footer-block { width: calc(33% - 20px); margin: 0; text-align: center; } .footer-block .list { margin: 0; } .newsletter-email input[type="text"] { width: 200px; } .newsletter-email .newsletter-subscribe-button { min-width: 100px; padding: 0 5px; } .newsletter-validation .field-validation-valid { text-align: left; } .footer-lower { position: relative; width: var(--layout-outer-width); padding: 25px 5px; display: flex; justify-content: space-between; gap: 30px; flex-wrap: wrap; } .footer-lower > div { width: 30%; margin: 0; } .footer-lower > div:first-child { text-align: left; } .footer-lower > div:last-child { text-align: right; } .footer-block .title strong { font-size: 22px; } .newsletter-email input[type="email"] { width: 220px; } .theme-selector { float: left; margin: 0 0 0 15px; } /*** COLUMN ***/ .sidebar-toggle-btn, .sidebar-close-btn { display: none !important; } .product-filter .filter-title { background-image: none; font-size: 20px; } .product-filter .filter-title strong { font-weight: bold; } .block { float: none; width: auto; margin: 0 0 20px; } .block .title { margin: 0; background-image: none; cursor: auto; } .block .title strong { font-weight: bold; } .block .listbox { display: block; border-bottom: none; } .block a.product-picture { display: inline-block; position: relative; width: 30%; margin: 0 0 0 -15px; vertical-align: middle; text-align: center; } .block a.product-name { vertical-align: middle; } .block a.product-picture + a.product-name { width: 70%; } .block a.product-picture + a.product-name:before { display: none; } /*** CATEGORY ***/ .sub-category-grid .item-box { width: 30%; } .sub-category-grid .item-box:nth-child(2n+1) { clear: none; } .sub-category-grid .item-box:nth-child(3n+1) { clear: both; } .breadcrumb { margin: 10px 0 10px; } .item-box .actual-price { font-size: 18px; } .item-box .buttons { text-align: left; } .center-1 .item-box { width: calc(33.33% - 3%); margin: 0 1.5% 50px; } .center-1 .product-grid .item-box:nth-child(2n+1) { clear: none; } .center-1 .product-grid .item-box:nth-child(3n+1) { clear: both; } /*** PRODUCT PAGE ***/ .gallery { float: left; width: 52%; } .picture-gallery .picture { width: auto; } .video-gallery { float: left; width: auto; } .overview { float: right; width: 46%; } .rental-attributes { overflow: hidden; } .rental-attributes .attribute-item { float: left; margin: 0 20px 0 0; } .rental-attributes .datepicker { width: 160px; text-align: left; } .attribute-squares li { margin: 0 10px 10px 0; } .product-details-page .title { text-align: left; } /*** PRODUCT REVIEWS ***/ .product-review-item .review-title { max-width: 850px; } .write-review .review-rating div.name-description { width: 265px; margin: 0 5px 0 0; text-align: right } .product-review-item .review-text { display: table; width: 100%; table-layout: fixed; } .product-review-item .avatar { display: table-cell; vertical-align: top; width: 120px; } .product-review-item .avatar img { max-width: 100%; } .product-review-item .text-body { display: table-cell; vertical-align: top; } .product-review-item .avatar + .text-body { padding: 0 0 0 20px; } /*** WISHLIST & COMPARE LIST ***/ .compare-products-page .page-title { margin: 0 0 -1px; } .compare-products-page .clear-list { position: absolute; top: 7px; right: 0; } .compare-products-table .full-description td { display: table-cell; } .compare-products-table .full-description td p { margin-top: 0; } /*** TOPICS ***/ .center-1 .topic-block-title { text-align: center; } .topic-page p { text-align: justify; } /*** REGISTRATION, LOGIN, ACCOUNT ***/ .gender span { margin: 0 10px 0 0; } .gender span > * { margin: 0 5px 0 0; } .date-of-birth select + select { margin: 0 0 0 11px; } #check-availability-button { display: block; margin: 10px auto; } .login-page .customer-blocks { overflow: hidden; } .login-page .new-wrapper { float: left; width: 49%; margin: 0; } .login-page .returning-wrapper { float: right; width: 49%; } .login-page .returning-wrapper .form-fields { min-height: 200px; padding: 30px 0 0; } .login-page .returning-wrapper .inputs label { width: 23%; } .login-page .returning-wrapper input[type="text"], .login-page .returning-wrapper input[type="email"], .login-page .returning-wrapper input[type="password"] { width: 300px; } .login-page .buttons { text-align: center; } .address-list-page .section, .order-list-page .section, .return-request-list-page .section { display: block; width: auto; margin: 0 0 40px; } .address-list-page .buttons, .order-list-page .buttons { position: absolute; top: 5px; right: 10px; } .avatar-page .message-error, .avatar-page .buttons { text-align: left; } .registration-page .vat-note { margin-left: 275px; } .registration-page .buttons { text-align: center; } .customer-info-page .vat-note, .customer-info-page .vat-status, .customer-info-page .email-to-revalidate-note { margin-left: 150px; } .customer-info-page .vat-status { display: inline-block; } /*** SHOPPING CART ***/ .shopping-cart-page .cart-options { overflow: hidden; } .shopping-cart-page .checkout-attributes { float: left; width: 565px; margin: -30px 0 15px; } .shopping-cart-page .checkout-attributes .option-list > li { margin: 5px 10px 5px 0; } .shopping-cart-page .selected-checkout-attributes { float: right; max-width: 395px; margin: 15px 0; } /*** CHECKOUT ***/ .order-progress { margin: -30px 0 50px; } .checkout-page .address-item { width: 31%; } .checkout-page .terms-of-service { text-align: center; } .payment-info .info { padding: 30px 15px; } .payment-info .info td:first-child { width: 265px !important; margin: 0 10px 0 0; text-align: right; } .payment-info .info td:only-child { width: 100% !important; } .order-review-data .title, .order-details-area .title, .shipment-details-area .title { text-align: left; } .opc .order-review-data ul { text-align: left; } /*** SEARCH & SITEMAP ***/ .advanced-search .price-range { margin-left: 114px; } /*** BLOG & NEWS ***/ .comment-list { margin: 0 0 50px; } .news-list-homepage .news-items { overflow: hidden; text-align: left; } .news-list-homepage .news-item { float: left; width: 31.33333%; margin: 0 1% 30px; } .news-list-homepage .news-item:nth-child(3n+1) { clear: both; } .news-list-homepage .news-item:only-child { float: none; width: auto; margin: 0 0 30px; } .news-list-homepage .news-head { text-align: left; } .news-list-homepage .news-body { text-align: justify; } /*** FORUM & PROFILE ***/ .forum-breadcrumb { margin: -30px 0 30px; } .current-time { float: right; } .forum-search-box { float: left; } .forum-search-box .advanced { text-align: left; } .forum-search-box .advanced a { line-height: normal; } .forums-table-section td { min-width: 150px; } .forums-table-section td:first-child { min-width: 90px; } .forums-table-section .view-all { text-align: right; } .topic-actions .pager.upper { display: block; max-width: 400px; } .forum-table .forum-details, .forum-table .topic-details { min-width: 225px; } .forum-table td { padding: 20px; } .forum-edit-page textarea, .private-message-send-page textarea { width: 600px; height: 250px; } .private-message-send-page .bb-code-editor-wrapper { display: inline-block; width: 400px; margin: 10px 0; vertical-align: middle; } }