/** * Magento * * NOTICE OF LICENSE * * This source file is subject to the Academic Free License (AFL 3.0) * that is bundled with this package in the file LICENSE_AFL.txt. * It is also available through the world-wide-web at this URL:* http://opensource.org/licenses/afl-3.0.php * If you did not receive a copy of the license and are unable to * obtain it through the world-wide-web,please send an email * to license@magentocommerce.com so we can send you a copy immediately. * * DISCLAIMER * * Do not edit or add to this file if you wish to upgrade Magento to newer * versions in the future. If you wish to customize Magento for your * needs please refer to http://www.magentocommerce.com for more information. * * @category design * @package default_default * @copyright Copyright (c) 2013 Magento Inc. (http://www.magentocommerce.com) * @license http://opensource.org/licenses/afl-3.0.php Academic Free License (AFL 3.0) */ /* Reset ================================================================================= */ @import url(//fonts.googleapis.com/css?family=Montserrat:100,100i,200,200i,300,300i,400,400i,500,500i,600,600i,700,700i,800,800i,900); body{background-color:#ffffff;margin:0;padding:0;font:12px/1.55 Montserrat,Helvetica,sans-serif;color:#757575;text-align:left} body {font-size:14px; scroll-behavior: smooth; overflow-x: hidden;} img{border:0;vertical-align:top} a{outline:medium none !important; display: inline-block;} body, a, a:link, a:visited { color: #000; height: auto !important; } a:hover{text-decoration:none; color:#f76200;} :focus{outline:0} /* Headings */ h1,h2,h3,h4,h5,h6{margin:0 0 5px;line-height:1.35;color:#000} h1{font-size:20px;font-weight:normal} h2{font-size:18px;font-weight:normal} h3{font-size:16px;font-weight:bold} h4{font-size:14px;font-weight:bold} h5{font-size:12px;font-weight:bold} h6{font-size:11px;font-weight:bold} @media screen and (min-width:1440px){ .container{ max-width: 1440px} } /* Css copied from header 8th october 2019 */ /* New Checkout Layout */ .checkout-index-index .checkout-container input { border: none; } .checkout-index-index .field._required, .checkout-index-index .field { border: 1px solid #e2e2e2; padding-left: 10px; padding-right: 10px; margin-bottom:10px !important; } .checkout-index-index .form-shipping-address .field input { font-weight: 500; padding-left: 0; font-size: 14px; } .checkout-index-index .form.form-login { background: #fff; border-radius: 0; padding: 0; border: none; } .checkout-index-index .control select { border: none; padding-left: 0; font-weight: 500 !important; font-size: 14px; margin:0px !important; } .field._required[name="shippingAddress.country_id"] {/* background: #f00; */width: 100%; float: left;} /* New Checkout Layout */ /* Temp-css for display nav */ .main-header-nav a:link, .main-header-nav a:visited, .main-header-nav a:hover, .main-header-nav a:active { line-height: 35px; } .nav-sections-item-content > * { display: block !important; } .level0.dropdown.ext.hasChild.parent.first:hover { background: #eee; } /*.home-slider.cms-static-main-slide.top-strip-slider.promo-belt.slick-initialized.slick-slider { display: none; }*/ /* Temp-css */ .product-item .product-reviews-summary .reviews-actions { display: none; } .category-product-grid .product > .freeshipping, .category-product-list .product .freeshipping { width: 100%; } .widget-product-grid .freeshipping, .category-product-grid .product > .freeshipping, .category-product-list .product .freeshipping, .related .freeshipping, .upsell .freeshipping, .crosssell .freeshipping { display: block; background: #fff; padding: 0; color: #c60000; font-weight: 400 !important; clear: both; min-height: 25px; font-size: 16px; float: none; text-transform: capitalize; width: auto; } .products-grid .product-item .price-box { margin: 10px 0 0; } .customer-account-create .new-customer input { border: 1px solid #c0c0c0 !important; } .create.info .legend, .create.account .legend { margin-bottom: 15px; border-bottom: 1px solid #c0c0c0; } .tmt-list-view .product > .freeshipping, .category-product-list .product .freeshipping { width: 100%; max-width: 100%; text-align: center; } .cart .continue {font-weight:500;} .hide-foot { display: none; } .slide-showcase .home-slider .slick-prev.slick-arrow { top: 230px !important; background: #000; padding: 0; color: #fff !important; } .contact-content .actions-toolbar { margin: 30px 0;} .contact-content.row { min-height: 1000px;} .products-related .slick-prev, .products-related .slick-next { top: 175px;} .slide-showcase .home-slider .slick-next.slick-arrow { top: 230px !important; background: #000; padding: 0; color: #fff !important;} .slide-showcase .home-slider .slick-prev.slick-arrow::before, .slide-showcase .home-slider .slick-next.slick-arrow::before { font-size: 30px !important;color: #fff !important;} .item.product.product-item {transition: border-color .5s ease-out;} .item.product.product-item:hover {border-color: #333; transition: border-color .5s ease-in;} html { scroll-behavior: smooth;} .welcome-note {letter-spacing:.2rem;} .welcome-note h3{margin-left: 8px;} .promo-belt a > span {color:#ffb405;margin: 0 20px; text-decoration: underline;} .tmt-customer-wrapper {padding:20px 0;} .promo-belt{height: 52px;overflow: hidden;} .mb-timecountdown-container.timer-category.timer-simple {display: none;} .nav-desktop .last a:link, .nav-desktop .last a:visited {color: #df3737 !important; background: none; padding: 15px 35px !important;} .nav-desktop .last a::before { content: "\f02c"; font: normal normal normal 14px/1 FontAwesome; margin-right: 5px;} /* Css copied from header 8th october 2019 End */ .product-info-main .rating-summary .rating-result > span::before, .product-info-main .rating-summary .rating-result::before { font-size: 20px !important; } .actions-toolbar .secondary a.action { margin-bottom: 3px; margin-top: 3px; } #remember-me-box input {margin-right: 5px;} .product-info-main .box-tocart .field.qty button {border: 1px solid #c2c2c2;} .tmt-list-view .product-item-link { font-size: 2rem; line-height: 2.8rem;} .products-list .product-image-photo { width: 80%;} .tmt-model-brand{font-size:16px;} .product-item-description { font-size: 14px;} .page-products .products-list .product-item .tmt-list-view .hover-box { width: 76%;} /*.category-product-grid img.product-image-photo { min-height: 274px;}*/ .page-layout-brand-category .page-title-wrapper:nth-child(2) { display: none; } .page-header { padding-bottom: 0; } .welcome-note h3 { font-size: 12px; margin-top: 0; color: #fff; margin-bottom: 0; vertical-align: middle; line-height: 30px; } .contact-index-index .column:not(.sidebar-additional) .form.contact { width: 100%; } .review-control-vote label:hover::before { opacity: 1; } .mod-desc .field.review-field-nickname, .field.review-field-text { margin-bottom: 25px !important; float: left; } .review-field-ratings .review-field-rating { display: grid; } .review-control-vote label::before { font-size: 32px;} .review-control-vote label::before { color: #ee803a; } small.copyright { font-size: 100%; } .empty .rating-summary .rating-result > span::before {color: #ccc;} .rating-summary .rating-result{width: 150px} .product-info-main .rating-summary .rating-result > span:before, .product-info-main .rating-summary .rating-result:before {font-size:22px;} .product-reviews-summary .reviews-actions a { text-decoration: underline; /* margin-right: 5px; background: url(https://www.toolorbit.com/pub/media/wysiwyg/alothemes/static/tmt-home-slide/promo-img/rating-iconz.png); padding-left: 20px; background-repeat: no-repeat; line-height: 15px;*/ } .minicart-wrapper .product-item-details { width: 65%; } .tmt-model-brand { font-size: 18px; letter-spacing: 0; } .cart.main.actions { margin: 40px 0; text-align: left; } .cart button { background: none; color: #000; font-weight: 500; border: 1px solid #c1c1c1; } .cart button:hover { background: #000; border: 1px solid #000; color: #fff; } .cart .continue { border: 1px solid #c1c1c1; padding-left: 15px; padding-right: 15px; padding-top: 8px; padding-bottom: 8px; vertical-align: top; } .checkout-index-index .control select { margin-top: 5px; margin-bottom: 10px; } .create.info .legend, .create.account .legend { margin-bottom: 15px; border-bottom: 1px solid #333; } .create.account input[type="checkbox"]:nth-child(1) { margin-right: 5px; } .choice.persistent .label { padding-left: 0; line-height: 32px; } .field.captcha label { padding-left: 0; line-height: 35px; } .captcha input { width: 58%; } .field.captcha span { font-weight: 400; } .tmt-customer-wrapper .new-customer::after { right: 335px; } .actions-toolbar .secondary { float: left; background: #000; color: #fff; margin-left: 10px; padding-left: 10px; padding-right: 10px; padding-top: 5px; padding-bottom: 5px; } .actions-toolbar .secondary a { color: #fff; } .login-container .fieldset::after { margin-bottom: 10px; } .captcha .captcha-image button { background: none; color: #000; font-weight: 500; border: 1px solid #000; } .captcha .captcha-image button:hover { background: #000; color: #fff; } /* prodetail page */ .overview { width: 100%; margin-bottom: 20px; } /* prodetail page */ /* Css copied from header 8th october 2019 */ /* Toolmarts General */ .breadcrumbs {padding: 15px 0 15px;} .breadcrumbs .container {padding-left: 0; padding-right: 0;} .catalog-product-view .breadcrumbs { padding-bottom: 0;} .breadcrumbs a:link, .breadcrumbs a:visited .breadcrumbs a:hover, .breadcrumbs a:active, .breadcrumbs {font-size:11px; color:#666;} .breadcrumbs .items li:last-child a { color:#000; } .breadcrumbs li {display: inline-block; } .breadcrumbs li:after {content:"|"; margin: 0 5px; vertical-align: text-top; font-size: 10px; } .breadcrumbs li:last-child:after{ display: none;} .cms-page-view .breadcrumbs {padding:15px 0 0px;} .column.main .page-title{font-size: 2.4rem; line-height: 3rem; color: #333; border-bottom: solid 1px #000; margin: 0 0 24px 0; padding-bottom: 16px; font-weight: 700; } .btn {background: #000; border-radius: 0; padding: 10px 20px; color: #fff;} label,.label{font-weight: 600 !important; color: #000 !important;font-size: 100% !important;} input[type="checkbox"] {float: left;} input{border: 1px solid #000;} select { border: 1px solid #000; -webkit-appearance: none; padding-right: 40px; -moz-appearance: none; apearance:none; background: #fff url('https://cdn3.iconfinder.com/data/icons/google-material-design-icons/48/ic_keyboard_arrow_down_48px-128.png') no-repeat right top; background-size: 30px;} button { background: #000; color: #fff; font-weight: 500; border: 1px solid #000;} button:hover {background: #fff;} .cart.main.actions button { margin-left: 15px;} .checkout-index-index .checkout-container input { border: 1px solid #9d9d9d; } .checkout-index-index .control select { border: 1px solid #9d9d9d; } .checkout-index-index .field-tooltip-action.action-help { display: none; } .checkout-index-index .field .control._with-tooltip input { width: 100%; } /* Status Message*/ .message.success, .message.error, .message.notice {font-size: 1.6rem; color: #fff; border-radius: 5px; padding: 15px 20px;} .message.success {background: #006400; } .message.error {background: #006400;} .message.error > :first-child::before .message.notice > :first-child::before, .message.success > :first-child::before {font-size: 34px; line-height: 40px; color:#fff;} .message.error a:link , .message.success a:link, .message.error a:visited, .message.success a:visited{ color: palegoldenrod; font-weight: 500; } .message.error a:hover , .message.success a:hover, .message.error a:active, .message.success a:active { color: #fff; text-decoration: underline;} /*Buttons */ button.action-secondary.action-dismiss, button.action-primary.action-accept { background: #000; color: #fff; font-weight: 500; font-size: 14px; padding: 7px 25px;} button.action-primary.action-accept { background: #000; color: #fff; font-weight: 500; font-size: 14px; padding: 7px 25px;} /* Margins */ .space-y{ margin-bottom: 10px;} .space-4y{ margin-bottom: 40px;} .space-3z{ margin-top: 30px;} /* Toolbar */ .toolbar-top::after { content: ""; height: 12px; width: 100%; background:url('../images/hr.png') repeat-x ;float: left; background-size: .6%; margin-bottom: 30px; } .toolbar-bottom { float: left; width: 100%; } .toolbar-bottom::before { content: ""; height: 12px; width: 100%; background:url('../images/hr.png') repeat-x ;float: left; background-size: .6%; margin-top:15px; margin-bottom: 30px; } .toolbar-products {margin-bottom: 30px; padding: 5px 10px 0px;} #toolbar-amount { color: #000; font-size: 1.2rem; font-weight: bold;} .modes-mode{ padding: 7px 0;} .modes-mode::before{color:#000; font-size: 30px;} .modes-mode, .modes-mode:last-child{border:none;} .toolbar select{ border:1px solid #000;} .toolbar-bottom .toolbar-products .pages {display: block; float: right;} .pages .item { font-size:1.2rem !important; margin:5px !important;} .pages .action {color:#000; border: none;} .pages .action.next::before, .pages .action.previous::before { font-size:40px; color:#000;} .toolbar-bottom .sorter{display: none;} /* Sidebar */ .block.filter .filter-title {display: none;} .filter-options-item {border-bottom: 1px solid #efefe9;} .filter-options-title { cursor: pointer; margin: 0; overflow: hidden; padding: 11px 27px 9px 0; position: relative; text-transform: uppercase; z-index: 1; font-size: 1.3rem; letter-spacing: .1em;} .active > .filter-options-title::after { content: '–'; right: 10px; top: 7px;} .filter-options-title::after { position: absolute; right: 9px; top: 8px; content: '+'; font-size: 24px; display: block; line-height: 1;} .filter-options .filter-options-content a {display: block;} .filter-options .filter-options-content .item {font-size: 13px; margin-bottom: 5px;} .filter-options .filter-options-content .item .count {float: right; color: #000;} /* Cloumns */ .page-layout-2columns-left .sidebar-main {width: 19.53125%;} .page-layout-2columns-left .column.main { width: 80.46875%;} /* Modal */ .modal-content {background: none; box-shadow: none; border: none;} .modal-popup .modal-header { border: none; padding: 0;} .modal-popup .modal-footer { text-align: center; border: none;} .modal-popup.confirm .modal-inner-wrap {width: 70rem; padding: 20px 50px; text-align: center; font-size: 18px;} /* Toolmarts Header */ .toolmarts-header { margin-top:0;} .toolmarts-header-top { background-color: #000; min-height: 40px; padding: 0px 0; color:#fff; } .toolmarts-header-top a:link, .toolmarts-header-top a:visited {color:#fff; text-transform: uppercase; font-size:12px;} .toolmarts-header-top a:hover, .toolmarts-header-top a:active {color:#fff;} .toolmarts-header-top ul, .toolmarts-header-top li{margin-bottom:0;} .callnow a:link,.callnow a:hover, .callnow a:visited, .callnow a:active {font-size:1.7rem;} .fs-link, .callnow, .callnow a{font-size:1.7rem; letter-spacing: 0.05em; text-transform: uppercase; color:#fff; font-weight:600} .top-nav-links {float: right;} .top-nav-links li {float: right; display: inline-block; border-right:1px dotted #555;min-height: 40px; padding: 5px 20px; position: relative;} .top-nav-fs li {border-right:none; float: left; padding:5px 0;} /*.nav-desktop .last a:link, .nav-desktop .last a:visited {color:red !important;}*/ .account-link{text-transform: uppercase;font-size: 12px; line-height: 25px;} .account-wrapper > a{ color:#fff;} #account-content-wrapper {position: absolute; background: #fff; border: 1px solid; padding: 15px; min-width: 250px; right: -2px; top: -11px; text-align: center; font-size: 14px; } #account-content-wrapper a { color: #000; text-transform: capitalize; font-size: 14px; text-decoration: underline;} #ui-id-2 { position: absolute;} .account-wrapper .fa.fa-user { margin-right: 10px;} .toolmarts-header-middle{ padding:10px 0;} .toolmarts-header-middle .block{margin-bottom: 0;} .toolmarts-header-middle .form {margin-top: 20px; } .toolmarts-header-middle .button { color:#fff; background-color: #000;padding: 7px 20px; font-size:1.9rem; float: right; height: 50px;} .toolmarts-header-middle input[type="text"] {height: 50px; width: 81.9%} .toolmarts-header-middle .block-title {display: none;} .toolmarts-header-bottom{ background: #eeeeee} .toolmarts-header-bottom ul, .toolmarts-header-bottom li{margin-bottom:0;} .toolmarts-header-bottom li{ display: inline-block; padding:0 30px; } .main-header-nav a:link, .main-header-nav a:visited, .main-header-nav a:hover, .main-header-nav a:active {text-transform: uppercase; line-height: 53px; color: #000; font-size: 14px; letter-spacing: 0.08em; font-weight: 700; } .magicmenu .nav-desktop .level0{ padding:0 25px;} .minicart-items .product.options { font-size:10px;} .minicart-items .product .toggle { color: #2B84C6; text-decoration: underline;} .minicart-items .product.options.list .label{padding-left: 0;} .magicmenu .nav-desktop .level0 {position: relative;} .magicmenu .nav-desktop .level0:hover .cms-static-banner-menu-right.banner-menu-right { display: block;} .cms-static-banner-menu-right.banner-menu-right {background: #ccc; display: none; position: absolute; top: 35px; left: 0; min-height: 100px; min-width: 1300px; z-index: 100; padding: 20px;} .level0.dropdown.ext.hasChild.parent.first:hover {background: #ccc;} .magicmenu .nav-desktop .level0 { position: relative;} .banner-menu-right .brand-nav {min-width:1200px; min-height: inherit; background: #f1f1f1;} .brand-nav ul { padding: 0; display: flex; align-items: last baseline;} .brand-nav ul > li { min-height: 70px; padding: 20px;} /* Toolmarts Footer */ .toolmarts-newsletter{ border-top:1px solid #ddd; padding:30px 0;} .toolmarts-newsletter input[type="email"] { border:1px solid #000; width: 70%; height: 50px; vertical-align: middle;} .toolmarts-newsletter .sbs-btn {background-color: #000; color: #fff; font-size: 1.3rem; height: 50px; padding: 0 60px; font-weight: 500; text-transform: uppercase;} .toolmarts-newsletter .news-msg {font-size: 2.0rem; line-height: 4rem; text-transform: uppercase;} #newsletter-error {position: absolute;} .toolmarts-links{ background-color: #F8F8F8; text-transform: uppercase;} .toolmarts-links a:link, .toolmarts-links a:link, .toolmarts-links a:hover, .toolmarts-links a:active { font-size: 1.5rem; margin-right:10px; } .toolmarts-links h3{ font-size: 2.8rem; font-weight: 400; margin: 10px 0 12px;} .toolmarts-links h4{font-size: 1.8rem; margin-top: 47px; font-weight: 500; letter-spacing: 0.03em; margin-bottom: 15px;} .toolmarts-links ul {margin-bottom: 5rem;} .toolmarts-links li {letter-spacing: 0.03em; font-size: 1.3rem; line-height: 3rem;} .toolmarts-copyrights {background-color: #000; color:#999; padding:15px 0;} .toolmarts-copyrights a:link, .toolmarts-copyrights a:visited {color:#ccc} .to-featuers{border-bottom: 1px solid #ccc; border-top: 1px solid #ccc; margin-top: 30px;} .to-featuers li {border-left: 1px solid #ccc; padding-bottom: 10px; margin: 0; min-height: 245px;} .to-featuers li:last-child {border-right: 1px solid #ccc;} .to-featuers img {padding: 20px 0 10px; display: unset;} .to-featuers .features-high {font-size: 15pt; padding: 15px 0; font-weight: 400;} .to-featuers p { font-size: 13px; margin: 10px 0;} .unstyled {list-style: none; text-align: center;} .to-featuers .unstyled{display: unset;} .page-brands-404.unstyled li{ min-height: 80px;} /* Home Page */ .tmt-highlight-promo {background: #000; min-height: 130px; padding: 25px 0; color: #fff; margin: 0 0 30px;} .tmt-highlight-promo h1 {font-size:20px;} .tmt-highlight-promo h2, .tmt-highlight-promo h1 { color: #fff; margin: 0;} .tmt-highlight-promo h2, .tmt-highlight-promo h2 span { font-size: 30px; font-weight: bolder;} .tmt-highlight-promo h2 span { color: Yellow;} .tmt-highlight-promo small { font-size: 13px; color: #fff;} .tmt-highlight-promo .lowestprice::after { content: ""; height: 74px; width: 84px; position: absolute; background: url(../images/lowprice.png); left: -5px; top: 0;} .tmt-brands { margin-top: 30px; margin-bottom: 30px; width: 100%;} .tmt-brands h2 {font-size: 3rem; font-weight: 600;} .tmt-brands p {margin-bottom: 50px;} a.vew-cat-btn { background: black; padding: 10px 20px; color: #fff; font-weight: 600; margin: 50px 0; display: inline-block;} .cms-to-home .banners-promo .slick-slide img {margin-bottom: 0; margin-top: 5px;} .col-1 {float: left; width: 42%; max-width: 572px; margin-top: 40px; margin-right: 40px;} .col-2 { float: left; width: 54.7%; margin-top: 40px;} .sub-col-1, .sub-col-2 {float: left;padding: 0;} .sub-col-1 { margin-bottom: 40px;} .sub-col-3 {float: left; padding: 5px;} .sub-col-4 { margin-top: 5px;} .sub-col-5 { margin-top: 12px;} .sub-col-7 { padding-left: 12px;} .page-layout-1column .block.widget .products-grid .product-item { width: 23.7% !important; margin-left: unset; margin: 1%; float: left; border:1px solid #efefef; padding: 15px; margin-left: calc((100% - 4 * (100%/4)) / 4) !important; } .page-layout-1column .block.widget .products-grid .product-item .product-item-link { font-size: 1.4rem; line-height: 2rem; color: #333; font-weight: 400;} .col-lg-12.col-xs-12.space-6z.pull-left {margin: 70px 0;} .tmt-categories {float: left; margin: 50px 0; width: 100%;} .selling-machine h3 {margin: 40px 0; font-size: 22px; border-bottom: 1px solid; display: inline-block;} .slide-showcase .home-slider.slick-initialized .slick-list { overflow: visible;} .slide-showcase .home-slider.slick-initialized .slick-slide {margin-bottom: 0 !important; opacity: .2;} .cms-tmt-home header {padding-bottom:0px;} .slide-showcase .home-slider.slick-initialized .slick-slide.slick-current.slick-active { opacity: 1; transition: .2s ease-in;} .page-brands-404.unstyled {padding: 0;} .slide-ban-right .slick-prev::before, .slide-ban-right .slick-next::before {width: 50px !important; height: 60px !important;background: rgba(0,0,0,.8); padding: 10px; font-size: 60px !important; color:#fff !important;} .slide-ban-right .slick-prev, .slide-ban-right .slick-next {width: 60px !important; height: 60px !important;} .slide-ban-right .slick-prev { left: -50px !important;} .slide-ban-right .slick-next { right: -60px !important;} /* Product Listing */ /* Grid */ .page-products .products-grid .product-item {margin-left: calc((100% - 4 * 23.545%) / 3); width: 23.545%; padding: 0 0 20px 0; margin-bottom: 19px; border: solid 1px #efefe9; overflow: hidden;display: inline-table; float: unset;} .page-products .products-grid .product-item:nth-child(4n+1) {margin-left: 0;} .product-item-details .price { font-size: 2.4rem; line-height: 2.4rem; color: #008000; white-space: nowrap; letter-spacing: .3rem; font-weight: 700; } .product-items .product-item:nth-child(4n+1) {clear: left !important;} .product-items .product-item:nth-child(3n+1) {clear: unset !important;} .products-grid .product-item .price-box {margin: 10px 0 15px;} .products-grid .product-item .product-item-name{min-height: 60px; max-height: 60px;} .products-grid .stock {font-size:13px; margin:15px 0;} .page-products .product-item-details .product-item-name .product-item-link { font-size: 1.4rem; line-height: 1.8rem; color:#333; font-weight: 400;} .page-products .product-image-wrapper {display: block; position: relative; padding: 10px !important; text-align: center;} .page-products .product-item-details { padding: 0 8.5%;} .product-item-actions .actions-primary .action { width: 100%; text-align: center; padding: 5px 5px; background-color: #000; color: #fff;} .page-products .product-item-actions .actions-primary .action:hover { background-color: #fff; color: #000; } .tmt-model-brand{ font-size:13px;} .products-grid .product-item .product-hover { position: relative;} .products-grid .product-item span.sticker.top-left { background: #333; padding: 7px; top: 0; color: #fff; font-size: 12px; position: absolute; z-index: 100;} .freeshipping:empty{display: none;} .product-item .price-box .price-label {display: none;} .old-price .price {font-size: 15px !important; color: #777 !important; float: none; font-weight: 500 !important; text-decoration: line-through;} .sticker.top-right {background: red; color: white; padding: 5px 41px; position: absolute; z-index: 100; right: -30px; font-weight: 600; transform: rotate(38deg); top: 10px; text-transform: uppercase; font-size: 12px; letter-spacing: 2px; box-shadow: 6px 4px 5px #ccc;} .product-item .special-price .price, .product-item .minimal-price .price { font-size: 2.4rem; font-weight: bold;} .product-item .rating { padding: 0px 20px;} .product-item .rating-summary .rating-result > span::before, .product-item .rating-summary .rating-result::before { font-size: 20px !important; height: 20px !important;} .rating-summary .rating-result > span {overflow: unset !important;} /* Listing */ .page-products .products-list .product-item {border: solid 1px #efefe9; margin-bottom: 19px; height: auto !important; overflow: hidden;} .page-products .products-list .product-item .tmt-list-view .product-hover{padding: 0; width: 24%; text-align: left; float: left;} .page-products .products-list .product-item .tmt-list-view .hover-box { padding: 0 3% 0 0%; width:50%; display: table; float: left;} .products-list .right-panel-box {float: right; width: 26%;} .right-panel-box .price-box.price-final_price .price {font-size: 2.4rem; line-height: 2.4rem; color: #008000; white-space: nowrap; letter-spacing: .3rem; font-weight: 700;} .tmt-list-view .stock {font-size:13px; margin:15px 0; width: 30%; float: left;} .tmt-list-view .product-item-name{min-height: 40px; max-height: 90px; width:100%} .tmt-list-view .product-item-link { font-size: 1.4rem; line-height: 1.8rem; color:#333; font-weight: 400;} .tmt-list-view .images-container {margin-top: 15px; margin-bottom: 15px; float: left; width: 100%;} .tmt-list-view .actions-primary { width: 95%; float: left; padding: 0;} .page-products .tmt-list-view .product-item-details { padding: 0; width: 100%; float: left;} .products-list .product-item { position: relative;} .products-list span.labelnew { font-size: 12px; background: #000; position: absolute; z-index: 100; top: 0; color: #fff; padding: 5px;} .product-item .stock.unavailable { color: #f00; font-weight: bold; font-size: 13px; padding: 0; margin-bottom: 10px; line-height: 17px; text-align: center;} .products-list .product-item-info {overflow: hidden !important; position:relative;} .products-list .product-item-description {margin:0;} .products-list .product-item-photo{padding: 0 15px 0px 15px;} .page-products .products-list .product-image-wrapper{padding: 0 !important;} .products-list .product-image-photo {width: 55%;} .products-list .product-item .price-box { margin: 10px 0 15px; text-align: center;} .category-cms .page-title { padding: 0 !important; margin: 0 !important;} .products-list .product-item .stock.unavailable {width: 100%; } /* Filter */ .block-subtitle.filter-current-subtitle {font-size: 14px; padding-bottom: 5px; float: left; width: 100%; border-bottom: 1px dotted;margin-bottom: 10px;} .filter-current { float: left; border: 1px solid #ccc; border-radius: 4px; padding: 10px; background: #efefef; margin-bottom: 10px;} .filter-label {font-size: 13px;} .filter-value {font-size: 14px; font-weight: 600; text-align: right; float: right;} .action.remove { font-size: 12px;} .block-actions.filter-actions a:link, .block-actions.filter-actions a:visited { color: #1979c3; font-size: 14px;} .filter-current .item { float: left; margin-bottom: 5px !important; border-bottom: 1px dotted #ccc; padding-bottom: 5px;} .filter-current .item +.item:last-child{border: none;} .page-with-filter .breadcrumbs {margin-bottom: 15px;} /* Category Listing */ .page-layout-1column.catalog-category-view.page-products .products-grid .product-item, .page-layout-brand-category.catalog-category-view.page-products .products-grid .product-item { border: none; width: 17.2%; float: left; text-align: center; display:inline-block;} .page-layout-brand-category.catalog-category-view.page-products .products-grid .product-item .product-item-name,.page-layout-1column.catalog-category-view.page-products .products-grid .product-item .product-item-name{min-height: 40px; max-height: 40px; } .page-layout-brand-category.catalog-category-view.page-products .products-grid .product-item, .page-layout-1column.catalog-category-view.page-products .products-grid .product-item{margin-left: calc((100% - 7 * 15%) / 7);} .page-layout-brand-category.catalog-category-view .product-items .product-item:nth-child(4n+1), .page-layout-1column.catalog-category-view .product-items .product-item:nth-child(4n+1), .catalog-category-view .product-items .product-item:nth-child(3n+1) {clear: unset !important;} .page-layout-brand-category.catalog-category-view.page-products .products-grid .product-item:nth-child(7n+1),.page-layout-1column.catalog-category-view.page-products .products-grid .product-item:nth-child(7n+1) {margin-left: 0; } .page-layout-brand-category.catalog-category-view.page-products .column.main .page-title, .page-layout-1column.catalog-category-view.page-products .column.main .page-title { border-bottom: none;} .page-layout-brand-category.catalog-category-view.page-products .product.name a,.page-layout-1column.catalog-category-view.page-products .product.name a {font-size: 1.5rem;} .page-layout-brand-category.catalog-category-view.page-products .product-items img,.page-layout-1column.catalog-category-view.page-products .product-items img { width: 75%;} .page-layout-brand-category .page-header {padding-bottom: 0px;} .paypal-logo {text-align: center; margin: 20px 0;} .to-cat-slide { background: #111;} /*Search page*/ .catalogsearch-result-index .breadcrumbs { padding-bottom: 0;} .catalogsearch-result-index .page-title-wrapper .page-title { display: inline-block; border-bottom: 1px solid #000; width: 100%; margin-bottom: 25px;} /* Product Page */ /* Product gallery and Info Section */ .page-layout-1column .product.media {width: 45% !important; float: left; margin-right:3%; top:-20px;} .page-layout-1column .product-info-main {width: 52% !important; float: left;} .fotorama__stage__shaft.fotorama__grab {max-width: 480px; margin-left: 20px !important;} .fotorama__caption__wrap {display: none;} .column.main .product-info-main .page-title { font-size: 2.2rem; padding: 10px 0px 10px 0; border:none; font-weight: 600; margin-bottom:0;} .product-info-main .stock{background-color: #f5f5f5; color: #ff0000; padding: 5px; font-weight: 600; margin: 10px 0; text-transform: uppercase; width: 100%;} .product-info-main .price-final_price .price {font-size: 3.2rem !important; line-height: 2.4rem; color: #008000; white-space: nowrap; letter-spacing: .3rem; font-weight: 700; margin-top: 0px; float: left; margin-bottom: 10px;} .product-info-main .box-tocart .field.qty button{font-size: 14px; line-height: 26px; background: transparent; display: block; float: left; width: 38px; height: 46px; position: relative; border: solid 1px #000; color:#000;} .product-info-main .box-tocart .field.qty input { float: left; height: 46px; width: 60px; font-size: 16px; text-align: center;} .box-tocart .tocart.action { width: 45%; text-align: center; padding: 10px 5px; background-color: #000; color: #fff; margin:0 20px; float: left} .box-tocart .tocart.action:hover { background-color: #fff; color: #000; } .box-tocart .field.qty { float: left;} .box-tocart .actions {margin: 25px 0 0 0; display: block; float: left; width: 81%;} .box-tocart .paypal-logo {float: left; margin-top:0;} .brand_logo img { width: 20%;} .product-add-form {width: 100%; float: left; border-bottom: 1px solid #efefe9;} .product-description, .review-add .block-title, .box-question-list .block-title {float: left; width: 100%; padding-top: 24px; font-size: 2.2rem; padding-bottom: 21px; font-weight: 600;} .review-add .block-title {display:unset; padding-bottom: 5px;} .toolmarts-product-nav {border-bottom: 1px solid #000; margin: 35px 0 auto;} .toolmarts-product-nav ul {margin: 0; text-align: center;} .toolmarts-product-nav li { display: inline-block; margin: 0 8px; background: #f1f1f1;} .toolmarts-product-nav li a { padding: 15px 60px; display: block; font-weight: 600; font-size: 1.8rem;} .toolmarts-product-nav li a:hover {color:#fff;} .toolmarts-product-nav li .active, .toolmarts-product-nav li:hover {background: #000; color:#fff;} .toolmarts-top-header { margin: 30px 0 0; border-top: 1px solid; } .fotorama__caption {display:none;} .toolmarts-more-info .col-sm-6{ margin-top:15px; margin-bottom:15px;} .brand.row a {text-decoration: underline; font-weight: 600; text-transform: capitalize; color: #1979c3;} .paypal.before::before { display:none !important;} .product-info-main .price-box {margin-top: 30px; margin-bottom: 15px; display: inline-block; } .catalog-product-view .product-info-main .product>.freeshipping { margin-top: 8%; } #product-options-wrapper {margin: 20px 0;} .freeshipping{display: none;} .product > .freeshipping {clear: none; padding: 5px 18px; display: block; margin: 0; text-transform: uppercase; background: #C60000; color: #fff; float:right; font-size: 14px;} .field.qty .control {margin-top: 25px;} .field.qty .label {display: none !important;} .giveaway p { margin-bottom: 0; } .giveaway { clear: both; width: 100%; margin-top: 20px; border: 1px solid #000; border-radius: 15px; font-size: 14px; position: relative; margin: 0px 0; float: left;} .giveaway::before { content: "Exculsive \A Offer"; background: black; min-width: 15%; height: 100%; float: left; position: absolute; top: 0; left: 0; border-top-left-radius: 15px; border-bottom-left-radius: 15px; color: #fff; text-align: center; vertical-align: middle; padding: 25px 0; white-space: pre; line-height: 22px;} .paypal.checkout.before.paypal-logo {width: 48%; background: #FFC438; padding: 0;} .paypal.checkout.before.paypal-logo input { vertical-align: middle; padding: 6px 0 0 0;} .slick-prev::before, .slick-next::before {color: #000 !important; font-size: 38px!important; font-weight: bold!important; width: 40px!important; height: 40px!important; line-height: 40px!important;} .product .price-box .price-label {display: none;} .product-info-main .old-price .price {font-size: 2.2rem !important; float: none;} /* Product Page > Related Products, Up Sell & Corss sell*/ .related .slick-slide, .upsell .slick-slide, .crosssell .slick-slide{border: 1px solid #efefe9 !important;} .catalog-product-view.page-layout-1column #related .item.product.product-item {margin-bottom: 0; min-height: 420px;} .featured-products .item .product-image-block { float: left; width: 100%;} body.catalog-product-view .products-related .product-items .alo-item, body.catalog-product-view .products-upsell .product-items .alo-item, body.checkout-cart-index .products-crosssell .product-items .alo-item{padding-bottom: 20px;} .related .product .tocart.action, .upsell .product .tocart.action, .crosssell .product .tocart.action{ width: 100%; text-align: center; padding: 5px; background-color: #000; color: #fff; margin:0 0px; float: left} .box-tocart .tocart.action:hover { background-color: #fff; color: #000;} .related-available .product-item-description, .related .product-item-description, .crosssell .product-item-description, .upsell .product-item-description {margin:0 0 0 0px;} .related-available .product-name .product-item-link, .related .product-item-link, .upsell .product-item-link, .upsell .product-name .product-item-link, .crosssell .product-item-link, .crosssell .product-name .product-item-link { font-size: 1.4rem; line-height: 1.8rem; color:#333; font-weight: 400;} .related-available .product-name, .related .product-name, .upsell .product-name, .crosssell .product-name { min-height: 50px; max-height: 60px;} .field.choice.related {float: left; margin: 0 10px;} .slick-initialized .slick-slide {margin-right:0px; margin-bottom: 30px;} .page-main h4 {font-size: 1.8rem; color: #000; width: auto; position: relative; display: inline-block; padding-bottom: 20px; text-transform: uppercase; letter-spacing: 0.15em; font-weight: 700; margin:27px auto 10px auto;} .catalog-product-view.page-layout-1column .related, .catalog-product-view.page-layout-1column .upsell, .checkout-cart-index.page-layout-1column .crosssell {border-top: 1px solid #efefe9; margin-bottom: 20px;} .action.select {background: none; border: none; padding: 0; line-height: 8px; font-size: 1.3rem; vertical-align: baseline; } .related.block .title, .upsell.block .title, .crosssell.block .title {font-size: 1.4rem;} .product-item-info .price { font-size: 2.4rem; line-height: 2.4rem; color: #008000; white-space: nowrap; letter-spacing: .1rem; font-weight: 700; } .field.choice.related { display: none;} .upsell .slick-slide img, .crosssell .slick-slide img, .related .slick-slide img {width: 75%; display: unset;} .upsell .product.photo.product-item-photo, .crosssell .product.photo.product-item-photo, .related .product.photo.product-item-photo { text-align: center;} .upsell .product-image-container, .crosssell .product-image-container, .related .product-image-container { width: 100% !important;} .upsell .slick-initialized .slick-slide, .crosssell .slick-initialized .slick-slide, .related .slick-initialized .slick-slide{margin-right: 30px;} /* Offer & Give Away */ .offer_detail { background: #ce2121; color: #fff !important; padding: 10px; border-radius: 5px; text-align: center !important; font-weight: 700; letter-spacing: 0.16rem; float: left; width: 100%; font-size: 14px; margin: 0 0 30px;} .offer_detail p { margin-bottom: 0;} .offer_detail a {color: #fff; text-decoration: underline;} /* Rating */ .review-title{font-weight: 600;} #tmt-reviews {margin-top: 80px;} .review-ratings .label{ color: #666666;display: inline-block;font-size: 13px;font-weight: normal; line-height: normal;margin: 0; padding: 6px 10px 10px 0;} .rating-summary .rating-result{width: 125px; position: relative;vertical-align: middle;display: inline-block;} .rating-summary .rating-result > span:before{content: "\e006" "\e006" "\e006" "\e006" "\e006";color: #fed700;position: relative;z-index: 2;} .rating-summary .rating-result:before{content: "\e007" "\e007" "\e007" "\e007" "\e007";position: absolute;top: 0;left: 0;color: #dcdcdc;width: 100%;z-index: 1;} .product-item .rating-summary .rating-result > span:before, .product-item .rating-summary .rating-result:before{font-size: 13px; height: 13px; line-height: 13px} .product-item .rating-summary .rating-result{width: 83px} .review-item .rating-summary .rating-result > span {overflow: unset;} .rating-summary .rating-result > span:before, .rating-summary .rating-result:before{display: inline-block;font-family: 'Glyphicons Halflings';font-style: normal;font-weight: 400;line-height: 1;-webkit-font-smoothing: antialiased;-moz-osx-font-smoothing: grayscale; display: block;letter-spacing: 4px;font-size: 16px;height: 18px;line-height: 18px; padding-left: 2px} .product-info-main .rating-summary .rating-result > span:before, .product-info-main .rating-summary .rating-result:before {font-size:20px;} .review-item .rating-summary .rating-result > span::before, .review-item .rating-summary .rating-result::before {font-size: 30px; height: 50px; line-height: 0px;} .rating-summary .rating-result > span span {border: 0 none;clip: rect(0px, 0px, 0px, 0px);height: 1px; margin: -1px; overflow: hidden;padding: 0;position: absolute;width: 1px;} .rating-summary .rating-result > span {display: block;overflow: hidden;} .review-field-ratings .review-field-rating .control {padding-top: 2px;} .review-field-ratings .review-field-rating .label, .review-field-ratings .review-field-rating .control {display: table-cell;padding-bottom: 10px;vertical-align: top;} .review-field-rating .control {margin-bottom: 48px; margin-top: 10px;} .review-control-vote {overflow: hidden;} .review-control-vote::before { color: #dcdcdc;content: "\e007" "\e007" "\e007" "\e007" "\e007";display: inline-block;font-family: 'Glyphicons Halflings';font-style: normal;font-size: 16px;font-style: normal;font-weight: normal;height: 25px;letter-spacing: 10px; line-height: 25px; position: absolute;vertical-align: top;z-index: 1;} .review-control-vote input[type="radio"] {border: 0 none;clip: rect(0px, 0px, 0px, 0px); height: 1px;margin: -1px;overflow: hidden; padding: 0;position: absolute;width: 1px;} .review-control-vote label span {border: 0 none;clip: rect(0px, 0px, 0px, 0px);height: 1px;margin: -1px;overflow: hidden;padding: 0;position: absolute; width: 1px;} .review-control-vote label {cursor: pointer;display: block;position: absolute;} .review-control-vote .rating-1 {z-index: 6;} .review-control-vote .rating-2 {z-index: 5;} .review-control-vote .rating-3 {z-index: 4;} .review-control-vote .rating-4 {z-index: 3;} .review-control-vote .rating-5 {z-index: 2;} .review-control-vote .rating-1::before {content:"\e006";} .review-control-vote .rating-2::before { content: "\e006" "\e006";} .review-control-vote .rating-3::before {content: "\e006" "\e006" "\e006";} .review-control-vote .rating-4:before {content: "\e006" "\e006" "\e006" "\e006";} .review-control-vote .rating-5:before {content: "\e006" "\e006" "\e006" "\e006" "\e006";} .review-control-vote label:hover:before {opacity: 1;} .review-control-vote input[type="radio"]:focus + label::before, .review-control-vote input[type="radio"]:checked + label::before {opacity: 1;} #tmt-reviews .question-head { min-height: 105px;} .empty .rating-summary .rating-result > span::before {color: #ccc;} .review-ratings ~ .review-content, .review-ratings ~ .review-details { margin-left: 0px !important; width: 100%; float: left;} .review-items .item.review-item{min-height: 280px;} .rating-label {display: none !important;} .review-item .list-box { background: #f1f1f1; float: left; width: 100%; height: 240px !important; padding: 25px;} .review-toolbar {border:none;} .review-item {padding-bottom:0 !important;} .review-form-actions .action.submit.primary { margin-top: 20px;} .review-form {max-width: 50% !important; margin-left:20px;} .review-form .review-field-rating .label {display: none;} .review-form .review-control-vote::before{font-size: 33px;} /*Question */ .question-list ul.answers::before,.question-list ul.answers {background-color: #f5f5f5;} .question-list ul.parent > li p.table .time {font-weight: 400 !important; margin-top: 14px !important;} .question-list ul.parent > li p {margin-bottom: 25px !important;} .box-question-list .block-title {margin-bottom: 0rem !important;} .box-question-list {border-bottom: 1px solid #000;} .question-head { border-bottom: 1px solid; margin-bottom: 20px; margin-left:0px; margin-right:0px; min-height: 90px;} .question-add .question-form-actions {border: none !important; padding:25px 0 !important;} .question-list ul.parent > li p.question {font-size:17px} .question-list ul.parent > li p.table .first-character {background-color: #333 !important; color: #f5f5f5 !important;width: 40px !important;height: 40px !important;font-size: 20px !important;line-height: 40px !important; margin-right: 15px !important;} .question-list ul.parent > li p.table .author-name {font-size: 18px;line-height: 18px;} .question-list .main-question {margin-left:15px; font-size:18px; font-weight: 600; margin-bottom: 20px;} .question-head a.btn:hover, .question-head a.btn:focus{ color:#ccc;} /* Warranty */ .cont-bg {background: transparent linear-gradient(to bottom,#d02b2b 0%,#930000 100%) repeat scroll 0 0; padding: 30px; border-radius: 5px; float: left; } .warranty-logo {margin-left: 40px;} .warranty-logo > img {width: 80%;} .cont-bg h2 {font-size: 20px; color: #fff; font-weight: 700; margin-bottom: 15px; margin-top: 15px;} .warranty-text p { color: #fff; font-size: 15px;} .warrant {background-color: #f4f4f4; border-radius: 5px; padding: 20px;} .warrant h2 {font-size: 28px; font-weight: 700;} .warrant p { font-size: 15px;} .warrant ul li {font-size: 15px; margin-left: 30px; position: relative; margin-bottom: .1rem;} .warrant h4{font-size: 14px; font-weight: 700; margin: 15px 0 0 auto; padding: 0;} /* Mini Cart */ .ui-dialog.ui-widget.ui-widget-content.ui-corner-all.ui-front.mage-dropdown-dialog { position: absolute; background: white; border: 1px solid #000; z-index: 100; right: 0; top: 39px; color: #000; padding-top: 10px;} .action.showcart > span:first-child { margin-right: 10px;} .minicart-wrapper .block-minicart { padding: 0px 10px 0; width: 440px; margin-bottom: 0px;} .minicart-wrapper .action.viewcart { background: green; display: block; padding: 7px 15px; font-weight: 600; font-size: 14px !important; float: left; width: 100%; margin-bottom: 10px;} .minicart-wrapper .product-item-details {float: left; width: 72.5%; margin-left: 5%; padding: 0;} .minicart-wrapper .product-item-details a:link, .minicart-wrapper .product-item-details a:visited { color:#000; line-height: 16px; font-weight: 600; text-transform: capitalize;} .minicart-wrapper .product-item-details a:hover, .minicart-wrapper .product-item-details a:active {text-decoration: underline; color: #000;} .minicart-wrapper .product-item-pricing .price {color: green; font-weight:700; font-size: 1.4rem; line-height: 1.3rem;} .minicart-wrapper .details-qty.qty { margin:0 !important;} .minicart-wrapper .details-qty.qty input { border: 0; text-align: left; padding: 0; font-weight: 700; font-size: 12px; border:none !important;} .minicart-wrapper .details-qty .label {font-size: 12px !important; padding: 0; text-align: left; width: unset;} .minicart-wrapper .minicart-items li { border-bottom: 1px dotted #cfcfcf; border-right: none !important; width: 100%; padding:5px 0;} .minicart-wrapper .minicart-items li:last-child{ border-bottom: none;} .minicart-items .product-item:not(:first-child){ border-top:none;} .minicart-wrapper .subtotal { display: block; width: 100%; margin: 5px 0 0; float: left; padding: 10px 0; border-top: 1px dotted #999;} .minicart-wrapper .subtotal span.label {float: left; display: block; width: 50%; text-align: left;} .minicart-wrapper .subtotal .amount.price-container { width: 50%; float: right; text-align: right;} .minicart-wrapper #top-cart-btn-checkout, .minicart-wrapper .block-title, .minicart-wrapper .items-total {display: none;} .minicart-wrapper .block-minicart .subtitle.empty { display: block; font-size: 14px; text-align: center; padding: 30px; font-weight: 600;} .minicart-items .product-item-details .price-including-tax, .minicart-items .product-item-details .price-excluding-tax {line-height: 1.2rem;} .minicart-wrapper .action.showcart .counter.qty {color: #ffca01; font-weight: 600; background: transparent;} .minicart-wrapper .showcart i { margin-right: 15px; font-size: 15px;} .minicart-items-wrapper {height: 100% !important;} /* Cart Page */ .cart-container .form-cart {width: 100% !important;} .cart.table-wrapper th {background: #efefef; border: none;} .cart.table-wrapper .items thead + .item {border-top: none;} thead .col { font-size: 13px; text-transform: uppercase; letter-spacing: 0.1em; background-color: #f4f4f4; padding-top: 16px; padding-bottom: 16px; font-weight: 600;} .cart.item .field.qty button{font-size: 14px; line-height: 26px; background: transparent; display: block; float: left; width: 38px; height: 40px; position: relative; border: solid 1px #ccc;} .cart.item .field.qty input { height: 40px; width: 60px; font-size: 16px; text-align: center;} .price-including-tax .price, .price-excluding-tax .price {font-size: 1.6rem; line-height: 36px; color: #008000; white-space: nowrap; letter-spacing: .3rem; font-weight: 600;} .price-excluding-tax .price {color:#000;} .cart.table-wrapper thead .col.item { width: 63%;} .cart.table-wrapper thead .col.qty {width: 17%;} .cart.table-wrapper thead .col.subtotal { width: 9%;} thead .col.item { padding-left: 35px;} .table tbody > tr > td {border-top:none;} .cart.table-wrapper .col { padding-top: 20px; padding-bottom: 20px;} .cart.table-wrapper .actions-toolbar{ width: 100%; clear: both; margin: 0 auto; padding: 10px 0;} .cart.table-wrapper .actions-toolbar a { font-size: 12px; font-weight: 600;} .checkout-cart-index .page-main h1 { font-size: 36px; line-height: 75px; font-weight: 600; margin-bottom: 0; text-transform: uppercase; letter-spacing: 0.099em;} .checkout-cart-index .action.primary.checkout { float: right; width: 100%; background: #008000; color: #fff; font-size: 14px; padding: 7px 0px; margin-bottom: 1px; height: 40px; letter-spacing: 0.14em; border-color: #008000;} .checkout-cart-index .action.primary:hover { background: #333; color: #fff; border: none;} .checkout-cart-index .action.primary { height: 40px; background: #008000; color: #fff; border: none;} .checkout-cart-index .action.primary {width: 100%; margin-right: 0px; padding: 10px 13px; letter-spacing: 0.14em; background: #000;} .checkout-cart-index .action.primary.apply { max-width: 100px; font-weight: 500; font-size: 12px; margin: 0 10px;} #coupon_code {padding: 20px; width: 50%; float: left;} .cart.main.actions { margin: 30px 0; text-align: right;} .cart.table-wrapper .product-item-photo { width: unset !important; float: left; max-width: 140px !important;} .cart.table-wrapper .item .col.item {float: left;} .cart.table-wrapper .product-item-name>a { font-weight: 600;} #shopping-cart-table .field.qty .control {margin-top: 0px;} /* Checkout Page */ /*.opc-wrapper {width: 100% !important;}*/ .field.additional, .field._required, .field {margin:5px 0 15px 0;} .form-shipping-address .label {text-align: left; margin: 0; padding:0px; font-weight: 400 !important; font-size: 14px !important; } .opc-block-summary {background: #EFEFEF; border: 1px solid #ccc; border-radius: 10px;} .opc-summary-wrapper headermodal-header {display: none;} .form-shipping-address .field input { margin-bottom: 12px;} .table-checkout-shipping-method .col.col-method:first-child {text-align: center;} .table-checkout-shipping-method .col.col-method:first-child input[type="radio"], .table-checkout-shipping-method .col.col-method:first-child input[type="checkbox"] {margin: 4px auto 0;} legend {border-bottom: none;} /* Login Form */ .checkout-index-index .form-login .label {padding: 0;} .checkout-index-index .form-login .primary .action { background: #000; color: #fff; font-weight: 400; font-size: 14px; padding-right: 30px; padding-left: 30px;} /* Shipping Address */ /*.field._required[name="shippingAddress.lastname"], .field._required[name="shippingAddress.firstname"], .field[name="shippingAddress.company"], .field._required[name="shippingAddress.telephone"] {width: 48%; float: left;} .field[name="shippingAddress.company"], .field._required[name="shippingAddress.firstname"] {margin-right: 4%;} .field._required[name="shippingAddress.region_id"], .field._required[name="shippingAddress.region"] { width: 48%;} .field._required[name="shippingAddress.region_id"], .field._required[name="shippingAddress.region"], .field._required[name="shippingAddress.city"], .field._required[name="shippingAddress.postcode"] {float: left; margin: 0 4% 0 0;} .field._required[name="shippingAddress.postcode"] {width: 14%; margin: 0;}*/ /*#opc-shipping_method {float: left; width: 100%; margin: 50px 0; }*/ /* Shop by Category Page */ .top_categories{margin-bottom: 50px;} .top_categories h1 {font-size: 32px; font-weight: 700; margin-bottom: 0; text-transform: capitalize;} .top_categories h3 { font-size: 24px; font-weight: 200; margin: 15px 0 12px; position: relative;} .inrwr h2 { font-weight: 700;} .popul { margin: 0; padding: 0; list-style: none;} .padnonlftrgt.space-2z { margin: 50px 0;} .inrwr img { margin: 20px 0px; width: 60%;} .table-checkout-shipping-method { min-width: 100% !important;} .checkout-index-index .page-title {border-bottom: none !important;} .checkout-container .action-auth-toggle {display: none;} .opc-wrapper .step-title, .opc-block-shipping-information .shipping-information-title, .opc-block-summary > .title, .checkout-agreements-items .checkout-agreements-item-title {font-weight: 600; font-size: 2rem;} .opc-block-shipping-information .shipping-information-title .action-edit { font-size: 1.5rem;} .payment-method input[type="radio"], .payment-method input[type="checkbox"] {float: left;} .checkout-payment-method .payment-method-content .fieldset > .field.type .control {margin-left: 0 !important; margin-bottom: 15px;} .opc-wrapper .fieldset > .field.required > label { padding-left: 0px;} .checkout-payment-method .ccard .number .input-text { width: 35%; margin-bottom: 15px;} .checkout-payment-method .ccard.fieldset > .field .fields.group.group-2 .field { width: 18% !important; float: left; margin-bottom: 15px !important;} .checkout-payment-method .ccard .cvv .input-text { width: 105px;} #payflowpro_cc_type_cvv_div {clear: both;} .checkout-payment-method .payment-method-content .fieldset:not(:last-child) {margin:20px 0 !important;} .captcha input {width: 28%;} /* Shop by Brands Page */ .top_brands {background: #ffb400 none repeat scroll 0 0; border-bottom: 1px solid #ccc; min-height: 460px; padding: 40px 0 20px; margin-bottom: 30px;} .top_brands h1 {font-size: 32px; font-weight: 700; margin-bottom: 0; text-transform: capitalize;} .top_brands h3 {font-size: 24px; font-weight: 400; margin: 15px 0 12px; position: relative;} .exp-brand { background: black none repeat scroll 0 0; color: white; font-weight: 800; margin: 0 auto; padding: 10px; text-transform: uppercase; width: 27%;} input#myInput {border: 7px solid black !important; font-size: 20px; height: 70px; padding: 15px;} .fix-alpha { margin-top:30px;} .fix-alpha a, .fix-alpha a:link, .fix-alpha a:visited { color: black !important; padding: 0 10px;} .fix-alpha a:hover {text-decoration: underline;} .category-shop-by-brands .item.product.product-item { min-height: 85px !important;} .category-shop-by-brands .subcategories-listing .product-item-details { display: none;} .category-shop-by-brands .targ {clear: both;} .sticky-alpha.header-sticker.header-container-fixed {position: fixed; top: 0; z-index: 10000;} .category-shop-by-brands .page-header {padding-bottom:0;} .targ:target {padding-top: 70px !important; padding-bottom: unset !important;} .sticky-alpha.header-sticker.header-container-fixed {top: 0 !important;} #InBrand > #A + h3 { margin: 0 !important;} .category-shop-by-brands .breadcrumbs {padding-bottom: 0;} /* Brand Pages */ .brand-head{ color:black; padding:1.5% 0 ; min-height:560px; /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#cecece+0,f2f2f2+100 */ background: rgb(206,206,206); /* Old browsers */ background: -moz-linear-gradient(left, rgba(206,206,206,1) 0%, rgba(242,242,242,1) 100%); /* FF3.6-15 */ background: -webkit-linear-gradient(left, rgba(206,206,206,1) 0%,rgba(242,242,242,1) 100%); /* Chrome10-25,Safari5.1-6 */ background: linear-gradient(to right, rgba(206,206,206,1) 0%,rgba(242,242,242,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#cecece', endColorstr='#f2f2f2',GradientType=1 ); /* IE6-9 */} .brand-head .category-image img {position: absolute; top: -70px;} .brand-head a {color:black;} .brand-bosch a , .brand-makita a {color:white; } .brand-head .category-thumbnail-logo img { width: 30%;} .category-interstate-pneumatic .category-view > .category-image, .category-interstate-pneumatic .category-view > .category-description { display: none; } .brand-bosch{ color:white; /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#001321+0,00447a+100 */ background: rgb(0,19,33); /* Old browsers */ background: -moz-linear-gradient(left, rgba(0,19,33,1) 0%, rgba(0,68,122,1) 100%); /* FF3.6-15 */ background: -webkit-linear-gradient(left, rgba(0,19,33,1) 0%,rgba(0,68,122,1) 100%); /* Chrome10-25,Safari5.1-6 */ background: linear-gradient(to right, rgba(0,19,33,1) 0%,rgba(0,68,122,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#001321', endColorstr='#00447a',GradientType=1 ); /* IE6-9 */ } .brand-oliver-machine h2, .brand-rolatape h2, .brand-dremel h2, .brand-freud h2, .brand-stabila h2, .brand-skil h2, .brand-wilton h2, .brand-tajima h2, .brand-hydro-handle h2, .brand-superior-pads-abrasives h2, .brand-superior-electric h2, .brand-superior-parts h2, .brand-superior-steel h2, .brand-big-horn h2, .brand-rotozip h2, .brand-supercut h2, .brand-speciality-diamond h2, .brand-total-polishing-system h2, .brand-chicago-pneumatic h2, .brand-vick-tool h2, .brand-versa-tool h2, .brand-santa-barbara-chile-roasters h2, .brand-air-locker h2, .brand-powermatic h2, .brand-good-land-bee-supply h2, .brand-hardin h2, .brand-edwards h2, .brand-interstate-pneumatic h2, .brand-festool h2, .brand-w-l-fuller h2, .brand-champion h2, .brand-dalluge-tools h2, .brand-norton h2, .brand-delta h2 { float: left; text-transform: uppercase; font-size: 30px; font-weight: 600; margin-bottom: 10px; margin-top: 20px; width: 100%; } .brand-klein-tools h2, .brand-bosch h2, .brand-hitachi h2, .brand-makita h2, .brand-templaco h2 , .brand-jet h2, .brand-bessey-tools h2 { color: #fff; float: left; text-transform: uppercase; font-size: 30px; font-weight: 600; margin-bottom: 10px; margin-top: 20px; width: 100%; } .brand-bessey-tools p { text-tranform: normal; color: #fff;} .brand-makita{color:white; /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#00262a+0,008896+100 */ background: rgb(0,38,42); /* Old browsers */ background: -moz-linear-gradient(left, rgba(0,38,42,1) 0%, rgba(0,136,150,1) 100%); /* FF3.6-15 */ background: -webkit-linear-gradient(left, rgba(0,38,42,1) 0%,rgba(0,136,150,1) 100%); /* Chrome10-25,Safari5.1-6 */ background: linear-gradient(to right, rgba(0,38,42,1) 0%,rgba(0,136,150,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00262a', endColorstr='#008896',GradientType=1 ); /* IE6-9 */} .brand-hitachi{color:white; /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#06240c+0,2b9042+100 */ background: rgb(6,36,12); /* Old browsers */ background: -moz-linear-gradient(left, rgba(6,36,12,1) 0%, rgba(43,144,66,1) 100%); /* FF3.6-15 */ background: -webkit-linear-gradient(left, rgba(6,36,12,1) 0%,rgba(43,144,66,1) 100%); /* Chrome10-25,Safari5.1-6 */ background: linear-gradient(to right, rgba(6,36,12,1) 0%,rgba(43,144,66,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#06240c', endColorstr='#2b9042',GradientType=1 ); /* IE6-9 */} .brand-stabila {/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#ffa200+0,ffcc01+100 */ background: rgb(255,162,0); /* Old browsers */ background: -moz-linear-gradient(left, rgba(255,162,0,1) 0%, rgba(255,204,1,1) 100%); /* FF3.6-15 */ background: -webkit-linear-gradient(left, rgba(255,162,0,1) 0%,rgba(255,204,1,1) 100%); /* Chrome10-25,Safari5.1-6 */ background: linear-gradient(to right, rgba(255,162,0,1) 0%,rgba(255,204,1,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffa200', endColorstr='#ffcc01',GradientType=1 ); /* IE6-9 */} .brand-klein-tools{ color:white;/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#0d0d0d+0,2e2e2e+100 */ background: rgb(13,13,13); /* Old browsers */ background: -moz-linear-gradient(left, rgba(13,13,13,1) 0%, rgba(46,46,46,1) 100%); /* FF3.6-15 */ background: -webkit-linear-gradient(left, rgba(13,13,13,1) 0%,rgba(46,46,46,1) 100%); /* Chrome10-25,Safari5.1-6 */ background: linear-gradient(to right, rgba(13,13,13,1) 0%,rgba(46,46,46,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#0d0d0d', endColorstr='#2e2e2e',GradientType=1 ); /* IE6-9 */} .brand-templaco { color:white;/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#53371c+0,9a6634+100 */ background: rgb(83,55,28); /* Old browsers */ background: -moz-linear-gradient(left, rgba(83,55,28,1) 0%, rgba(154,102,52,1) 100%); /* FF3.6-15 */ background: -webkit-linear-gradient(left, rgba(83,55,28,1) 0%,rgba(154,102,52,1) 100%); /* Chrome10-25,Safari5.1-6 */ background: linear-gradient(to right, rgba(83,55,28,1) 0%,rgba(154,102,52,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#53371c', endColorstr='#9a6634',GradientType=1 ); /* IE6-9 */} .brand-jet { /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#d32f36+0,911c22+100 */ color: white; background: #d32f36; /* Old browsers */ background: -moz-linear-gradient(top, #d32f36 0%, #911c22 100%); /* FF3.6-15 */ background: -webkit-linear-gradient(top, #d32f36 0%,#911c22 100%); /* Chrome10-25,Safari5.1-6 */ background: linear-gradient(to bottom, #d32f36 0%,#911c22 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#d32f36', endColorstr='#911c22',GradientType=0 ); /* IE6-9 */ } .brand-bessey-tools { /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#8d0100+0,a20000+100 */ background: #8d0100; /* Old browsers */ background: -moz-linear-gradient(top, #8d0100 0%, #a20000 100%); /* FF3.6-15 */ background: -webkit-linear-gradient(top, #8d0100 0%,#a20000 100%); /* Chrome10-25,Safari5.1-6 */ background: linear-gradient(to bottom, #8d0100 0%,#a20000 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#8d0100', endColorstr='#a20000',GradientType=0 ); /* IE6-9 */ } .brand-festool { /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#5d8427+0,79b834+100 */ background: #5d8427; /* Old browsers */ background: -moz-linear-gradient(left, #5d8427 0%, #79b834 100%); /* FF3.6-15 */ background: -webkit-linear-gradient(left, #5d8427 0%,#79b834 100%); /* Chrome10-25,Safari5.1-6 */ background: linear-gradient(to right, #5d8427 0%,#79b834 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#5d8427', endColorstr='#79b834',GradientType=1 ); /* IE6-9 */ } /* Customer Pages */ .tmt-customer-wrapper {background: #f1f1f1 url("../images/customer-bg.png") top center repeat-x; padding: 60px 0;} .login-container, .form.password.reset, .form.send.confirmation, .form.password.forget, .form.create.account, .form.form-edit-account, .form-address-edit, .form-newsletter-manage {margin-bottom: 10px; padding: 0px 20px; display: block;} .tmt-customer-row {position: relative;} .tmt-customer-wrapper h1 { margin: 0; font-size: 28px; border-bottom: 5px solid #000;} .tmt-customer-wrapper h2 {font-size: 24px;} .tmt-customer-wrapper h4 { font-size: 30px; font-weight: bolder; margin:0px auto 10px auto; letter-spacing: 0; } .tmt-customer-wrapper h5 {font-size: 37px; font-weight: 400;} .tmt-customer-wrapper .login-promo p {font-size: 20px; font-weight: 200;} .tmt-login-form { background: #fff; border: 1px solid #ccc; padding: 20px; position: relative; z-index: 2;} .form-login::after { content: ""; height: 350px; position: absolute; right: -330px; top: -60px; width: 100%; background: url("../images/login-bag.png") no-repeat right; z-index: -1;} .tmt-customer-wrapper .new-customer::after {background: rgba(0, 0, 0, 0) url("../images/login-bag.png") no-repeat scroll right center; content: ""; height: 350px; position: absolute; right: 305px; top: -50px; width: 100%; z-index: 1;} .customer-account-login .page-header, .customer-account-create .page-header{ padding-bottom:0;} .customer-account-login .to-featuers, .customer-account-create .to-featuers{ margin-top:0;} .login-promo {min-height: 300px;} /* Contact Page */ .custom-title .title {font-size: 25px; color: #333e48; font-weight: normal; line-height: 35px; position: relative; border-bottom: 1px solid #dddddd; padding-bottom: 10px;} .custom-title .subcribe {font-size: 14px; color: #747474; margin-bottom: 0; line-height: 20px; margin-top: 30px;} .contact .form-content .box { margin-top: 15px;} .contact .form-content label {font-size: 14px; color: #333e48; font-weight: bold; display: block; text-transform: capitalize; line-height: 20px; text-align: left;} .contact .form-content input.input-text {height: 44px; width: 100%; line-height: 42px; padding: 0 15px; -webkit-border-radius: 0px; -moz-border-radius: 0px; border-radius: 0px; background-color: #fff; border: 1px solid #ddd; } .contact-content iframe {margin-bottom: 50px; width: 100%;} /* Deals Center*/ .deals-center h1 {font-size: 2.8rem; font-weight: 600; margin: 0; text-align: center; text-transform: uppercase; } .deals-center h2 {font-size: 2.2rem; font-weight: 700; text-transform: uppercase; margin: 20px;} .deals-header p {font-weight: 300; font-size:2rem;} .deals-header p a{font-size: 1.4rem; margin: 15px; border: 1px solid #000; padding: 5px 20px; font-weight: 500; } .deals-header p a:hover{ background: #000; color:#fff; } .deals-center ul {padding:0 ; margin: 0;} .deals-center li {list-style: none; min-height: 170px;} .deals-banners { margin-bottom: 30px; float: left; width: 100%; display: block; border-bottom: 1px solid #e7e7e7; padding: 0 0 30px 0;} /* Page 404*/ .page-404 {background: transparent url(../images/bg-splash.png) no-repeat scroll 220px 0; } .page-404 .ntf-404 { font-size: 28px; font-weight: 700;} .page-404 .lfs-404 {font-size: 36.76px; font-weight: 800; text-transform: uppercase;} .page-404 .coments-404 {color: #555; font-size: 20px; font-weight: 900; line-height: 8px;} .main-search-404 { background: #333 none repeat scroll 0 0; position: relative; margin: 40px 5%; margin-bottom: 40px; padding: 1.5%;} .main-inside-container { background: #fff none repeat scroll 0 0;} .page-404 input[type="text"] { border: none !important; float: left; font-size: 20px; height: 64px; text-transform: uppercase; width: 81.5%;} .page-404 .btn.btn-orange { background: #ef4d17 none repeat scroll 0 0; border: 4px solid #fff; border-radius: 0;} .page-404 .btn-orange span { font-size: 26px; padding: 0 32px;} .page-404.space-4z + .tmt-brands + .tmt-categories {width: 100%; } .page-404.space-4z + .tmt-brands + .tmt-categories .product-items .product-item:nth-child(4n+1) {clear:unset !important;} .page-404.space-4z + .tmt-brands + .tmt-categories .product-items .product-item:nth-child(6n+1) {clear:left !important;} .page-404.space-4z + .tmt-brands + .tmt-categories .products-grid .product-item { width: 14.545%; border: none; float: left; text-align: center;} #search404 .field.additional, .field._required, .field {margin-bottom: 0 !important; } .page-404 .ntf-404 i {font-size: 14px; margin: 0 15px; vertical-align: middle; } .selling-machine { float: left;} /* Slick Slide */ .slick-prev { left: -35px !important;} .slick-next { right: -35px !important;} .slick-prev, .slick-next {width: 40px !important; height: 40px !important;} .widget-product-grid .freeshipping:empty, .category-product-grid .product > .freeshipping:empty, .category-product-list .product .freeshipping:empty, .related .freeshipping:empty, .upsell .freeshipping:empty, .crosssell .freeshipping:empty{ background: transparent;} .widget-product-grid .freeshipping, .category-product-grid .product > .freeshipping, .category-product-list .product .freeshipping, .related .freeshipping, .upsell .freeshipping, .crosssell .freeshipping {display: block; background: #c60000; padding: 5px 10px; color: #fff; font-weight: 400 !important; clear: both; width: 31%; min-height: 25px; font-size: 10px; float: none;} .related .freeshipping, .upsell .freeshipping, .crosssell .freeshipping{width: 35%; max-width: 50% !important;} .widget-product-grid .product-item-description, .category-product-grid .product-item-description, .category-product-list .product-item-description {margin: 5px 0;} .category-product-grid .product > .freeshipping, .category-product-list .product .freeshipping {width: 46%;} .category-product-list .product-item-description {margin: 0px 0 10px;} .related .freeshipping, .category-product-list .product .freeshipping {max-width: 33.5%; margin: 0 0 15px 0;} .product-item-photo { text-align: center; display: block;} .top-strip-slider.slick-initialized .slick-slide {margin-right: 0 !important; margin-bottom: 0 !important;} .top-strip-slider .slick-prev, .top-strip-slider .slick-next { top:25px !important;} .top-strip-slider .slick-prev {left:35px !important;} .top-strip-slider .slick-next {right:35px !important;} .top-strip-slider .item {background: #333; padding:10px 0; color:#fff;font-size: 20px; } .top-strip-slider .item a:link, .top-strip-slider .item a:visited {color:#fff; background: red; padding: 0 10px; font-weight: 700;} .top-strip-slider .slick-next.slick-arrow, .top-strip-slider .slick-prev.slick-arrow { background: rgba(255,255,255,.5); filter: saturate(90%); mix-blend-mode: overlay;} .search-autocomplete { display: none !important;} /* Header Css 09-Oct-2019 - Mohsin Ahmed*/ /* Temp-css for display nav */ .main-header-nav a:link, .main-header-nav a:visited, .main-header-nav a:hover, .main-header-nav a:active { line-height: 35px; } .nav-sections-item-content > * { display: block; } .magicmenu .nav-desktop .level0 { padding: 0 25px; } .level0.dropdown.ext.hasChild.parent.first:hover { background: #eee; } /*.home-slider.cms-static-main-slide.top-strip-slider.promo-belt.slick-initialized.slick-slider { display: none; }*/ /* Temp-css */ .foot-mobilez { display: none; } @media only screen and (max-width: 375px) { .foot-mobilez { display: block; } } @media only screen and (max-width: 480px) { .foot-mobilez { display: block; } } .product-item .product-reviews-summary .reviews-actions { display: none; } .category-product-grid .product > .freeshipping, .category-product-list .product .freeshipping { width: 100%; } .widget-product-grid .freeshipping, .category-product-grid .product > .freeshipping, .category-product-list .product .freeshipping, .related .freeshipping, .upsell .freeshipping, .crosssell .freeshipping { display: block; background: #fff; padding: 0; color: #c60000; font-weight: 400 !important; clear: both; min-height: 25px; font-size: 16px; float: none; text-transform: capitalize; width: auto; } .products-grid .product-item .price-box { margin: 10px 0 0; } .customer-account-create .new-customer input { border: 1px solid #c0c0c0 !important; } .create.info .legend, .create.account .legend { margin-bottom: 15px; border-bottom: 1px solid #c0c0c0; } .tmt-list-view .product > .freeshipping, .category-product-list .product .freeshipping { width: 100%; max-width: 100%; text-align: center; } .cart .continue {font-weight:500;} .hide-foot { display: none; } .actions-toolbar .secondary a.action { margin-bottom: 3px; margin-top: 3px; } #remember-me-box input {margin-right: 5px;} .product-info-main .box-tocart .field.qty button {border: 1px solid #c2c2c2;} .tmt-list-view .product-item-link { font-size: 2rem; line-height: 2.8rem;} .products-list .product-image-photo { width: 80%;} .tmt-model-brand{font-size:16px;} .product-item-description { font-size: 14px;} .page-products .products-list .product-item .tmt-list-view .hover-box { width: 76%;} /*.category-product-grid img.product-image-photo { min-height: 274px;}*/ .opc-wrapper label.label { font-size: 12px !important; color: #777 !important; font-weight: 600!important; } .opc-wrapper .step-title, .opc-block-shipping-information .shipping-information-title, .opc-block-summary > .title, .checkout-agreements-items .checkout-agreements-item-title { font-weight: 400; font-size: 2.5rem; border: none; padding-bottom: 0; } .opc-block-summary { background: none; border: 1px solid #ccc; border-radius: 0; } li#shipping { border: 1px solid #ccc; padding: 20px; float: left; } .opc-summary-wrapper .product-item-details { width: 70%; float: right; } .opc-sidebar { margin: 0px 0 20px !important; } .opc-sidebar .modal-header {display:none;} .opc-wrapper .form-login .fieldset .note, .opc-wrapper .form-shipping-address .fieldset .note {color:#ccc;font-size: 12px;} .field._required[name="shippingAddress.lastname"], .field._required[name="shippingAddress.firstname"], .field[name="shippingAddress.company"], .field._required[name="shippingAddress.telephone"] {width: 48%; float: left;} .field[name="shippingAddress.company"], .field._required[name="shippingAddress.firstname"] {margin-right: 4%;} .field._required[name="shippingAddress.region_id"], .field._required[name="shippingAddress.region"] { width: 48%;} .field._required[name="shippingAddress.region_id"], .field._required[name="shippingAddress.region"], .field._required[name="shippingAddress.city"], .field._required[name="shippingAddress.postcode"] {float: left; margin: 0 4% 0 0;} .field._required[name="shippingAddress.city"] { width: 29%;} .field._required[name="shippingAddress.postcode"] {width: 15%; margin: 0;} #opc-shipping_method {float: left; width: 100%; margin: 50px 0; } fieldset.field.street.admin__control-fields.required {width: 100%;} .form-shipping-address .field input { margin-bottom: 0;} .opc-wrapper .form-login, .opc-wrapper .form-shipping-address {max-width:100%;} .opc-wrapper .street legend.label{display:none;} .opc-wrapper .street {border:none; padding:0;} li#opc-shipping_method { float: left; width: 100%; margin: 50px 0; border: 1px solid #ccc; padding: 20px; } .opc-wrapper .step-content {margin: 0 0 0px;} .table-checkout-shipping-method thead{ display:none;} .billing-address-same-as-shipping-block.field.choice, .payment-option-title.field.choice, .field.type { border: none;} .field.number.required { width: 48% !important; float: left; margin-right: 2% !important; } div#payflowpro_cc_type_exp_div { width: 50%; float: left; } #co-payment-form { border: 1px solid #ccc; padding: 20px; } .checkout-payment-method .ccard.fieldset > .field .fields.group.group-2 .field.month { width: 55% !important; float: left; margin-bottom: 10px !important; margin-right: 20px; } .checkout-payment-method .ccard.fieldset > .field .fields.group.group-2 .field.year { width: 40% !important; float: left; margin-bottom: 10px !important; } .to-featuers .unstyled { display: block; } .checkout-payment-method .ccard .month .select {width: 205px; border-bottom:1px solid #eee;} .checkout-payment-method .ccard .year .select { width: 146px; border-bottom:1px solid #eee;} .field.no-label.month, .field.no-label.year { border: none; } #payflowpro_cc_type_cvv_div { clear: both; width: 48%; } .checkout-payment-method .ccard .number .input-text {width:100%;} .checkout-payment-method .payment-method-title {padding:10px;} .checkout-billing-address label { color:#999;} .minicart-wrapper .product-item-pricing .price, .right-panel-box .price-box.price-final_price .price {letter-spacing: .1rem;} .payment-method-title.field.choice { border: none; border-bottom: 1px solid #e2e2e2; padding: 10px;} .opc-block-summary .minicart-items-wrapper{max-height:100% !important;} .field.street .field._required label.label:before { content: "Shipping Address";} .field.street .field.additional label.label:before { content: "Shipping Address Line 2 (Optional)";} .field._required label.label:after {content: "*"; color: #8b0000;} table.table-checkout-shipping-method .price { font-weight: bold; display: block;} .opc-block-summary .product-item .product-item-name-block { display: table-row;} .opc-block-summary .minicart-items .product-item { padding: 5px 0; border-bottom: 1px solid #e2e2e2;} .shipping-information { padding: 20px; border: 1px solid #c2c2c2;} .checkout-payment-method .checkout-billing-address::before { content: "My Billing and Shipping addresses are same:"; font-weight: bold; font-size:14px; } .checkout-payment-method .billing-address-same-as-shipping-block.field.choice::before {color: red; content: "Your Name, Bill-to and Ship-to addresses should be same if you wish to pay with Credit Card. If your name and addresses are different then please select \'Paypal\' as your payment mode."; font-size: 14px;} .checkout-payment-method .billing-address-same-as-shipping-block.field.choice > input, .checkout-payment-method .billing-address-same-as-shipping-block.field.choice > label {display: none;} .payment-method-title.field.choice label.label { font-size:16px !important;} tr.grand.totals {font-size: 18px; font-weight: bold !important; border-top: 1px double #ccc;} .opc-block-summary .mark .value:before {content: "+ ";} .totals.shipping span.label { padding: 0;} .opc-block-summary .mark .value { color: #333; display: block;font-size: 12px;} .block.items-in-cart { margin-bottom: 10px;} fieldset.fieldset > br {display: none;} .opc-block-summary .product-item .price {font-weight: 600;} .items.payment-methods .payment-group > .step-title:before { content: "\f09d "; font-family: FontAwesome; } .opc-block-summary > .title:before { content: "\f0f6 "; font-family: FontAwesome; } .ship-to .shipping-information-title:before, .checkout-shipping-address > .step-title:before { font-family: FontAwesome; content: "\f041 "; } .ship-via .shipping-information-title:before, .checkout-shipping-method .step-title:before { font-family: FontAwesome; content: "\f0d1 "; } .checkout-index-index header .field { border: none;} .customer-account-index .box .box-title, .customer-account-index .box .box-title span { color: #333; font-weight: 600; text-transform: uppercase; } .account .box .box-title { background-color: #f5f5f5; border: 1px solid #dddddd; margin: 0; padding: 10px 15px; display: block; } .abs-discount-block-desktop .block:nth-child(1), .login-container .block:nth-child(1), .account .column.main .block:not(.widget) .block-content .box:nth-child(1), .block-addresses-list .items.addresses > .item:nth-child(1), .form-edit-account .fieldset:nth-child(1), .form-address-edit .fieldset:nth-child(1), .storecredit .block:nth-child(1), .paypal-review-discount .block:nth-child(1), .cart-discount .block:nth-child(1) {clear: left;float: left;} .abs-discount-block-desktop .block:nth-child(2), .login-container .block:nth-child(2), .account .column.main .block:not(.widget) .block-content .box:nth-child(2), .block-addresses-list .items.addresses > .item:nth-child(2), .form-edit-account .fieldset:nth-child(2), .form-address-edit .fieldset:nth-child(2), .storecredit .block:nth-child(2), .paypal-review-discount .block:nth-child(2), .cart-discount .block:nth-child(2) { float: right;} .abs-blocks-2columns, .abs-discount-block-desktop .block, .login-container .block, .account .column.main .block:not(.widget) .block-content .box, .block-addresses-list .items.addresses > .item, .form-edit-account .fieldset, .form-address-edit .fieldset, .storecredit .block, .paypal-review-discount .block, .cart-discount .block {width: 48%;} .account select {border: 1px solid #c2c2c2 !important;} .box.box-information, .box-billing-address { margin-right:30px; } .box.box-newsletter, .box.box-information, .account .block {margin-bottom: 50px;} .account .block {margin-bottom: 50px; width:100%; float:left;} .account .box .box-content {border: 1px solid #dddddd; border-top: 0; font-size: 13px; min-height: 135px; padding: 20px 15px;} .box-billing-address .box-content, .box-shipping-address .box-content, .box-information .box-content, .box-newsletter .box-content {line-height: 26px;} .account .box .box-actions {background-color: #f5f5f5; border: 1px solid #dddddd; border-top-color: rgb(221, 221, 221); border-top-style: solid; border-top-width: 1px; border-top: 0; margin: 0; padding: 10px 15px; } .account .sidebar.sidebar-main { width: 20%;} .account .column.main{width: 77.333333%;} .account .box-actions a.action, .account .item.actions a.action{ font-size: 14px; text-decoration: underline; margin: 0 20px 0 0;} .address {font-size:16px; font-style:unset;} .account .block .block-title { margin: 0px 0 15px; } .account .block .block-title { margin: 0 0 30px; padding: 0; text-align: left; line-height: normal; font-weight: 500; } .account .block .block-title { border-bottom: 1px solid #ccc; position: relative; } .account .actions-toolbar { float: left; width: 100%; margin-top: 20px; } .account .minicart-wrapper .block-minicart {width: 440px !important; margin-bottom: 0;} #account-content-wrapper li { border: none;} .account .tmt-login-form .actions-toolbar {float:unset;} .login-container .fieldset:after {margin-top: 0px !important;} .action-towishlist { display: none !important;} li#shipping { width: 100%;} .checkout-shipping-address .field.addresses { margin-top: 20px;border: none;} .modal-popup .modal-title{ padding: 20px; margin-bottom: 30px;} .modal-inner-wrap input { border: none;} .modal-inner-wrap form#co-shipping-form { width: 100% !important; max-width: 100%; } .modal-inner-wrap fieldset.field.street.admin__control-fields.required {border: none; padding: 0;} .modal-inner-wrap fieldset.field.street.admin__control-fields.required > legend {display:none;} .modal-inner-wrap .field.choice { float: left; border: none; width: 100%; padding: 0; } .giveaway:before{display:none !important;} /*.giveaway{background: ivory;border-color: #ccc;float: none;width: 65%;padding-left: 15px;border-radius: 7px;border: 1px dashed #c2c2c2;}*/ .giveaway { background: ivory; border-color: #ccc; float: none; padding: 10px 20px 10px 20px; border-radius: 0; border: 1px dashed #bb0505; color: #bb0505; font-size: 16px; font-weight: 500; } .giveaway {overflow:hidden;} .giveaway > .col-sm-12::before { content: "Sale"; position: absolute; right: -76px; font-size: 20px; background: #bb0505; width: 104px; text-align: center; height: 50px; top: -20px; padding-top: 8px; color: white; font-family: Fontawesome, Montserrat,Helvetica,sans-serif; line-height: 49px; z-index: 2; padding-left: 0; transform: rotate(45deg); display: none; } .giveaway > .col-sm-12::after { content: "\f0f3"; position: absolute; left: -8px; top: 0px; z-index: 1; font-family: FontAwesome; font-size: 16px; } .sticker.top-right { background: #bb0505; color: white; padding: 26px 41px 7px; position: absolute; z-index: 100; right: -45px; font-weight: 600; transform: rotate(45deg); top: -10px; text-transform: uppercase; font-size: 14px; letter-spacing: 2px; box-shadow: 6px 4px 5px #ccc; } #checkout .required input, #checkout ._required input[type="text"] , #checkout ._required select { margin-bottom:10px !important;} /*, #checkout ._required select*/ #checkout ._required input[type="text"], #checkout .required input[type="email"] { background: #fff4f4; padding: 0 8px; } .fotorama__thumb-border{} .product-item .rating-summary .rating-result > span::before, .product-item .rating-summary .rating-result::before { font-size: 16px !important; } .cms-new-to header .home-slider {display:none;} .brand-head .category-image img {top:0; width:80%;} .filter-current .item {width: 100%;} .minicart-wrapper, .account-link {line-height: 27px;} .top-strip-slider .slick-prev, .top-strip-slider .slick-next { top:5px !important;} .top-strip-slider .item a:link, .top-strip-slider .item a:visited {margin:0 20px; background:none; color:#fff; font-weight:500;} .home-slider .slick-slide img { width:100%;} .message.error {background: #e02b27;} .message.notice {color:#c07600;} .message.success, .message.error, .message.notice {padding-left: 40px;} .message.error>*:first-child:before, .message.success>*:first-child:before, .message.notice>*:first-child:before{ line-height: 40px; color: #fff; } .message.notice>*:first-child:before {color:#c07600;} .filter-current {width:100%;} .slide-showcase .home-slider .slick-prev.slick-arrow { top: 230px !important; background: #000; padding: 0; color: #fff !important; } .contact-content .actions-toolbar { margin: 30px 0;} .contact-content.row { min-height: 1000px;} .products-related .slick-prev, .products-related .slick-next { top: 175px;} .slide-showcase .home-slider .slick-next.slick-arrow { top: 230px !important; background: #000; padding: 0; color: #fff !important;} .slide-showcase .home-slider .slick-prev.slick-arrow::before, .slide-showcase .home-slider .slick-next.slick-arrow::before { font-size: 30px !important;color: #fff !important;} .item.product.product-item {transition: border-color .5s ease-out;} .item.product.product-item:hover {border-color: #333; transition: border-color .5s ease-in;} html { scroll-behavior: smooth;} .welcome-note {letter-spacing:.2rem;} .welcome-note h3{margin-left: 8px;} .promo-belt a > span {color:#ffb405;margin: 0 20px; text-decoration: underline;} .tmt-customer-wrapper {padding:20px 0;} .promo-belt{height: 52px;overflow: hidden;} .catalog-product-view .product-info-main .product > .freeshipping { background: #fff; text-transform: capitalize; color: #c60000; font-size: 22px; padding: 5px 5px; } .minicart-wrapper .product-item-details {width: 65.5%;} #checkout ._required input[type="text"], #checkout .required input[type="email"], .checkout-index-index .checkout-container input, .checkout-index-index .control select {border: none;} .checkout-index-index .form.form-login, form#co-shipping-form { max-width: 100%;} .tmt-summary-cart #block-shipping, #opc-shipping_method #shipping-zip-form{display: none;} .table-wrapper .mark {border-top:none;} /*.opc-block-summary .table-wrapper {display: none !important;}*/ .table-wrapper .amount { text-align: right;} /* Css Collection from complete website from all templates */ .column.main{min-height: 100%;} div.messages { position: relative; z-index: 10000; } .column.main{min-height: 100%;} .reivew-head {width: 100%;} .reivew-head .rating-summary {width: 18%; border-right: 1px dotted #cfcfcf; min-height: 80px;} .reivew-head .rating-summary .rating-result::before, .reivew-head .rating-summary .rating-result > span::before {font-size: 28px;} .reivew-head .rating-summary .rating-result {min-height: 35px; width: 100%;} .modalDialog { position: fixed; top: 0; right: 0; bottom: 0; left: 0; background: rgba(0,0,0,1); z-index: 99999; opacity:0; -webkit-transition: opacity 400ms ease-in; -moz-transition: opacity 400ms ease-in; transition: opacity 400ms ease-in; pointer-events: none; } .modalDialog:target { opacity:1; pointer-events: auto; } .modalDialog > div { width: 30%; position: relative; margin: 10% auto; padding: 30px; border-radius: 3pxx; background: #fff; } .close { background: transparent; color: #000; line-height: 25px; position: absolute; right: 12px; text-align: center; top: 010px; width: 24px; text-decoration: none; font-weight: bold; } .close:hover { background: #000; color:white; } .prd-btns button { border: none; margin-right: 5px; padding: 5px 15px; background: #4c4c4c; font-weight: 700; color: #fff; font-size: 16px; } .rating-summary .rating-result > span::before, .rating-summary .rating-result::before { height:24px; font-family: 'FontAwesome'; font-weight: 600; font-size: 20px; } .rating-summary .rating-result > span::before { content: "\f005" "\f005" "\f005" "\f005" "\f005"; color: #ef5c07; } .rating-summary .rating-result::before { content: "\f005" "\f005" "\f005" "\f005" "\f005"; } .review-control-vote label::before { height: 24px; font-family: 'FontAwesome'; font-weight: 600; font-size: 33px; bottom: -10px; position: absolute; letter-spacing: 5px; } .review-control-vote label::before{height:24px; font-family: 'FontAwesome'; font-weight: 600; font-size: 20px;} .review-control-vote::before {content: "\f005" "\f005" "\f005" "\f005" "\f005"; color: #ddd; height:24px; font-family: 'fontawesome'; font-weight: 600; font-size: 20px;} .review-control-vote .rating-1::before {content: "\f005";color: #ef5c07;} .review-control-vote .rating-2::before{content: "\f005" "\f005";color: #ef5c07;} .review-control-vote .rating-3::before{content: "\f005" "\f005" "\f005";color: #ef5c07;} .review-control-vote .rating-4::before{content: "\f005" "\f005" "\f005" "\f005";color: #ef5c07;} .review-control-vote .rating-5::before{content: "\f005" "\f005" "\f005" "\f005" "\f005";color: #ef5c07;} .product-reviews-summary {width: 100%;} .rating-summary{ width: 160px;} .review-list .block-content .review-item .review-content, .review-list .block-content .review-item .review-details p.review-author .review-details-label, .review-list .block-content .review-item .review-details p.review-date {color:#000; font-size: 16px;} /* Css Collection from complete website from all templates */ .sale-bade-ico { background: #bb0505; color: white; padding: 10px; width: 141px; height: 66px; position: absolute; z-index: 1000; top: -14px; right: -50px; clip-path: polygon(50% -13%,0% 96%,100% 100%); transform: rotate(45deg) scale(1); text-align: center; font-size: 22px; font-weight: bold; line-height: 70px; } .tabs-cat-heding { text-align: center; margin: 10px 0 30px 0; float: left; } .carousel-categories h2 { font-weight: 700; font-size: 26px; margin-top: 40px; } .carousel-categories h2 + p { font-size: 20px; font-weight: 400; margin-bottom: 30px; } .ads-brand { margin: 80px 0 80px 0; display: flex; } .scnd-col { margin-top: 20px; } .fst-col img:nth-child(2), .fst-col a:nth-child(2) { float: right; } .carousel-categories .cat-tabs .item { margin: 0 !important; padding: 0 !important; } .categorypath-shop-by-brands-makita .cat-tabs .item.loaded.activated { background: #707070; padding: 10px 0 0 0 !important; color: #fff; } .categorypath-shop-by-brands-makita .cat-tabs .content-products.to-products-new-hm { background: #707070; } .loaded.activated .title { padding: 0 30px; font-weight: bold; font-size: 18px; } .to-products-new-hm .product-item .rating, .to-products-new-hm .price-box.price-final_price { padding: 0; } .catalog-category-view .carousel-categories .to-products-new-hm .product-items img { width: 100%; } .mage-magictabs { display: none; } .mage-magictabs.activated { display: block; } /* .categorypath-shop-by-brands-dewalt .page-title-wrapper { background: #000; font-weight: 700; padding: 30px 0 0 30px; color: #fff; } .categorypath-shop-by-brands-dewalt .page-title-wrapper h1 span { color: #fdbd13; padding: 20px 0 0 0; } .categorypath-shop-by-brands-dewalt .category-description { margin-bottom: 0; background: #000; color: #fdbd13; padding: 0 30px 30px 30px; } .categorypath-shop-by-brands-dewalt .column.main .page-title { margin-bottom: 0; } .categorypath-shop-by-brands-dewalt .category-image { margin-bottom: 0; } .categorypath-shop-by-brands-dewalt .category-cms p { margin: 0; } .categorypath-shop-by-brands-dewalt .cat-tabs .content-products.to-products-new-hm { background: #fdbd13; } .categorypath-shop-by-brands-dewalt .cat-tabs .item.loaded.activated { background: #fdbd13; padding: 10px 0 0 0 !important; color: #000; } .catalog-category-view .subcategories-listing ol { display: flex; list-style: none; flex-wrap: wrap; justify-content: center; margin: 0; padding: 0; align-items: center; } .catalog-category-view .subcategories-listing ol li { flex: 0 0 16%; text-align: center; margin-bottom: 10px; } .catalog-category-view .subcategories-listing { margin-top: 30px; } */