div.amshopby-column { float: left; width: 105px; overflow: hidden; } select.amshopby-select { width:170px; } .amshopby-logo{ padding: 0pt 10px 10px 0pt; float: left; } .amshopby-featured { padding: 5px 5px 5px 5px; } .amshopby-link{ float:left; padding-left:5px; padding-top:5px; } .amshopby-clearer { display:block; clear:both; overflow: hidden; } div.block-layered-nav dd a {padding:0px 5px 0px 0px; display:block; float: left;} div.block-layered-nav dd a.amshopby-attr, div.block-layered-nav dd a.amshopby-attr:hover {padding-left:15px; background-image:url(https://www.kmsbearings.com/skin/frontend/base/default/images/amshopby-cb1.gif); background-repeat: no-repeat; background-position: left center;} div.block-layered-nav dd a.amshopby-attr::before, div.block-layered-nav dd a.amshopby-attr-selected::before {border-style: none !important;} div.block-layered-nav dd a.amshopby-attr-selected {font-weight: bold; padding-left:15px; background-image:url(https://www.kmsbearings.com/skin/frontend/base/default/images/amshopby-cb2.gif); background-repeat: no-repeat; background-position: left center;} div.block-layered-nav dd a.amshopby-attr-inactive {pointer-events: none; color: #666666} div.block-layered-nav dd a img {/* padding: 0px 4px 5px;*/ float:left;} div.block-layered-nav dd li.amshopby-cat-level-2 {padding-left:10px;} div.block-layered-nav dd li.amshopby-cat-level-3 {padding-left:20px;} div.block-layered-nav dd a.amshopby-cat-selected {font-weight: bold; color:black; text-decoration: none; cursor:text;} div.block-layered-nav li.amshopby-cat-multi a { padding-left:15px; background-image:url(https://www.kmsbearings.com/skin/frontend/base/default/images/amshopby-cb1.gif); background-repeat: no-repeat; background-position: left center; } div.block-layered-nav li.amshopby-cat-multiselected a { font-weight: bold; background-image:url(https://www.kmsbearings.com/skin/frontend/base/default/images/amshopby-cb2.gif); background-repeat: no-repeat; background-position: left center; } div.block-layered-nav dd li span.amshopby-plusminus {float:left; display:block; width:15px; height:15px; cursor:pointer; background:transparent url(https://www.kmsbearings.com/skin/frontend/base/default/images/amshopby-plus.gif) no-repeat;} div.block-layered-nav dd li span.minus {background:transparent url(https://www.kmsbearings.com/skin/frontend/base/default/images/amshopby-minus.gif) no-repeat;} div.block-layered-nav dd li:after {display:block; content:"."; clear:both; font-size:0; line-height:0; height:0; overflow:hidden; } div.block-layered-nav.amshopby-collapse-enabled dl dt { cursor:pointer; padding-left:15px; background:url(https://www.kmsbearings.com/skin/frontend/base/default/images/amshopby-expanded.gif) center left no-repeat; } div.block-layered-nav.amshopby-collapse-enabled dl dt::after { border-style: none !important; } div.block-layered-nav.amshopby-collapse-enabled dl dt.amshopby-collapsed {background:url(https://www.kmsbearings.com/skin/frontend/base/default/images/amshopby-collapsed.gif) center left no-repeat;} .main .col-left div.block-layered-nav.amshopby-collapse-enabled dl dt{background:url(https://www.kmsbearings.com/skin/frontend/base/default/images/amshopby-expanded.gif) center left no-repeat;} .main .col-left div.block-layered-nav.amshopby-collapse-enabled dl dt.amshopby-collapsed{background:url(https://www.kmsbearings.com/skin/frontend/base/default/images/amshopby-collapsed.gif) center left no-repeat;} .main .col-main div.block-layered-nav.amshopby-collapse-enabled .toggle-content dl dt{background:none;} .main .col-main div.block-layered-nav.amshopby-collapse-enabled .toggle-content dl dt.amshopby-collapsed{background:none} .main .col-main div.block-layered-nav.amshopby-collapse-enabled .toggle-content dl dd .no-display { display: block!important; } div.block-layered-nav div.amshopby-slider { position:relative; margin:10px 4px 5px 4px; z-index:9; height:18px; background: url(https://www.kmsbearings.com/skin/frontend/base/default/images/amshopby-slider-bg.gif) repeat-x 0 50%; cursor:pointer; } div.block-layered-nav div.amshopby-slider div.handle {margin-left:-4px; width:8px; top:3px; height:14px; background: transparent url(https://www.kmsbearings.com/skin/frontend/base/default/images/amshopby-hadle.png) no-repeat; position: absolute; cursor:move; z-index: 2;} /* * Slider labels */ .amshopby-slider-price { color: #798794; } .amshopby-slider-price-from { float: left; } .amshopby-slider-price-to { float: right; } .amshopby-slider-handle-right { position: absolute; top: 14px; right: 0px; } .amshopby-slider-handle-left { position: absolute; top: 14px; left: 0px; } .amshopby-tooltip { padding:2px 5px; background:#FEC; border:1px solid #FAA819; color:#1F5070; text-align:left; width:200px; position:absolute; } .amshopby-slider-price-range { text-align: center; font-size: 0.9em; } .amshopby-tooltip-img { cursor:help; display: inline; } div.block-layered-nav, div.amshopby-page-container, div.amshopby-filters-top { position: relative; } div.amshopby-overlay { background-color: #FFFFFF; height: 100%; left: 0; opacity: 0.5; filter: alpha(opacity = 50); position: absolute; top: 0; width: 100%; z-index: 555; } div.amshopby-overlay img { top: 100px; left: 45%; display: block; position: absolute; } div.amshopby-overlay div { margin: 0 auto; display: block; width: 300px; height: 200px; background: url('https://www.kmsbearings.com/skin/frontend/base/default/images/amshopby-overlay.gif') 50% 50% no-repeat; } /* * Advanced Categories */ .amshopby-advanced li { clear: both; } .amshopby-advanced li.level1 { padding-left: 20px; } .amshopby-advanced li.level2 { padding-left: 30px; } .amshopby-advanced li.level3 { padding-left: 40px; } .amshopby-advanced li.level4 { padding-left: 50px; } .amshopby-advanced li.active > a { font-weight: bold; } /* * Slider Bar */ .amshopby-slider-bar { position:absolute; background: #999; height: 6px; top: 6px; z-index: 1; } /* * Subcategories block */ .amshopby-subcategory-image { overflow: auto; } .btn-remove-inline { background-image: url('https://www.kmsbearings.com/skin/frontend/base/default/images/am_btn_remove.gif'); background-repeat: no-repeat; width:13px; height:12px; margin-left: 4px; } .btn-remove-inline:hover { /* background-position: center bottom; */ } .amshopby-hightlighted { background: yellow;} .btn-remove-inline img {display: inline;} div.block-layered-nav div.amshopby-slider div.handle.active { z-index: 3; } .amshopby-slider-ui { background: url(https://www.kmsbearings.com/skin/frontend/base/default/images/amshopby-slider-bg.gif) repeat-x 0 50%; margin: 10px .4em; } .amshopby-slider-ui .ui-slider-handle { background-color: #f18200; border: 1px solid #de5400; box-sizing: border-box; outline: none; } .amshopby-slider-ui .ui-slider-range { background-color: #999999; } .ui-widget-overlay { position: fixed; top: 0; left: 0; width: 100%; height: 100%; } .ui-slider { cursor: pointer; position: relative; text-align: left; } .ui-slider .ui-slider-handle { position: absolute; z-index: 2; width: 0.8em; height: 1.2em; cursor: pointer; -ms-touch-action: none; touch-action: none; } .ui-slider .ui-slider-range { position: absolute; z-index: 1; font-size: .7em; display: block; border: 0; background-position: 0 0; } /* support: IE8 - See #6727 */ .ui-slider.ui-state-disabled .ui-slider-handle, .ui-slider.ui-state-disabled .ui-slider-range { filter: inherit; } .ui-slider-horizontal { height: .8em; } .ui-slider-horizontal .ui-slider-handle { top: -.2em; margin-left: -.4em; } .ui-slider-horizontal .ui-slider-range { top: 0.2em; height: 8px; } .ui-slider-horizontal .ui-slider-range-min { left: 0; } .ui-slider-horizontal .ui-slider-range-max { right: 0; } .ui-slider-vertical { width: .8em; height: 100px; } .ui-slider-vertical .ui-slider-handle { left: -.3em; margin-left: 0; margin-bottom: -.6em; } .ui-slider-vertical .ui-slider-range { left: 0; width: 100%; } .ui-slider-vertical .ui-slider-range-min { bottom: 0; } .ui-slider-vertical .ui-slider-range-max { top: 0; } .amshopby-narrow-by-list table td { vertical-align: top; } input[name^="amshopby"][id$="from"].input-text, input[name^="amshopby"][id$="to"].input-text{ width: auto; } .amshopby-item-top{ max-width: 225px; min-width: 180px; display: inline-block; vertical-align: top; height: 100%; } .amshopby-filters-top .block-content ol{ max-width: 250px; } .amshopby-item-top div.amshopby-column { width: auto; } .no-display-current, .no-display{ display: none; } .current .no-display-current, dd.current td.no-display{ display: block; } @media only screen and (max-width: 770px) { dl#narrow-by-list, dl#narrow-by-list2 { padding: 0px; } } /** * CODNITIVE * * NOTICE OF LICENSE * * This source file is subject to the Open Software License (OSL 3.0) * that is bundled with this package in the file LICENSE.txt. * It is also available through the world-wide-web at this URL: * http://opensource.org/licenses/osl-3.0.php * * DISCLAIMER * * Do not edit or add to this file if you wish to upgrade to newer * versions in the future. * * @category Codnitive * @package Codnitive_Sidenav * @author Hassan Barza * @copyright Copyright (c) 2011 CODNITIVE Co. (http://www.codnitive.com) * @license http://opensource.org/licenses/osl-3.0.php Open Software License (OSL 3.0) */ #sidebar-nav{margin-bottom:15px;position:relative;} #sidebar-nav .block-title{} #sidebar-nav .block-title strong{} #sidebar-nav .block-content{padding:6px;overflow:auto;} #sidebar-nav .block-content a{line-height:1.7;} #sidebar-nav-menu > li{background:url('https://www.kmsbearings.com/skin/frontend/base/default/images/codnitive/sidenav/bkg_block-sidebarnav-layered-dd.gif') 0 100% repeat-x;list-style:inside disc;font-weight:bold;padding:8px 0;} #sidebar-nav-menu > li.last{background:none;margin-bottom:5px;} #sidebar-nav-menu li ul{font-weight:normal;} #sidebar-nav li.active, #sidebar-nav li.active > a, #sidebar-nav li.active > .collapsible-wrapper > a{} #sidebar-nav ul.ul-thumb{padding-left:0;} #sidebar-nav-menu > li.parent > ul.ul-thumb{padding-left:10px;} #sidebar-nav li.thumb{list-style-type:none;} #sidebar-nav-menu > li.no-thumb, #sidebar-nav-menu > li.thumb{margin-left:0 !important;list-style-type:none;} #sidebar-nav img{border:0 none !important;outline:0 none !important;} #sidebar-nav span.product-count{color:#000;} #sidebar-nav .home{list-style:none !important;} #sidebar-nav .home a{display:inline-block;padding-left:20px;background:url('https://www.kmsbearings.com/skin/frontend/base/default/images/codnitive/sidenav/home.png') left top no-repeat;min-height:16px;} #sidebar-nav .support-logo-wrapper{margin-top:10px;} #sidebar-nav .support_logo{font-size:9px;float:right;right:5px;bottom:5px;text-decoration:none;} #sidebar-nav .support_logo img{max-width:65px;} #sidebar-nav li.thumb .thumb-img-left{float:left;margin:1px 3px 0 0;} #sidebar-nav li.thumb .thumb-img-right{float:right;margin:1px 3px 0;} #sidebar-nav-menu .arrow-left, #sidebar-nav-menu .arrow-right, #sidebar-nav-menu .plus-left, #sidebar-nav-menu .plus-right{float:left;background:url('https://www.kmsbearings.com/skin/frontend/base/default/images/codnitive/sidenav/arrows.gif') left center no-repeat;display:block;margin-top:2px;margin:1px 3px 0;cursor:pointer;} #sidebar-nav-menu .plus-left, #sidebar-nav-menu .plus-right{background-image:url('https://www.kmsbearings.com/skin/frontend/base/default/images/codnitive/sidenav/plus.gif');} #sidebar-nav-menu .arrow-right, #sidebar-nav-menu .plus-right{float:right;display:inline !important;} #sidebar-nav-menu li ul[expanded="0"]{display:none;} #sidebar-nav li.active > ul{display:block;} #sidebar-nav li.active > .arrow-left, #sidebar-nav li.active > .arrow-right, #sidebar-nav li.active > .plus-left, #sidebar-nav li.active > .plus-right{display:block;background-position:right center;} #sidebar-nav-menu > li.collapsible{list-style:none !important;} #sidebar-nav .collapse-name{cursor:pointer;} /** * 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) 2014 Magento Inc. (http://www.magentocommerce.com) * @license http://opensource.org/licenses/afl-3.0.php Academic Free License (AFL 3.0) */ /*! normalize.css v2.0.1 | MIT License | git.io/normalize */ /* ========================================================================== HTML5 display definitions ========================================================================== */ /* * Corrects `block` display not defined in IE 8/9. */ article, aside, details, figcaption, figure, footer, header, hgroup, nav, section, summary{display:block;} audio, canvas, video{display:inline-block;} audio:not([controls]){display:none;height:0;} [hidden]{display:none;} html{font-family:sans-serif;-webkit-text-size-adjust:100%;-ms-text-size-adjust:100%;} body{margin:0;} a:focus{outline:thin dotted;} a:active, a:hover{outline:0;} h1{font-size:2em;} abbr[title]{border-bottom:1px dotted;} b, strong{font-weight:bold;} dfn{font-style:italic;} mark{background:#ff0;color:#000;} code, kbd, pre, samp{font-family:monospace, serif;font-size:1em;} pre{white-space:pre;white-space:pre-wrap;word-wrap:break-word;} q{quotes:"\201C" "\201D" "\2018" "\2019";} small{font-size:80%;} sub, sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline;} sup{top:-0.5em;} sub{bottom:-0.25em;} img{border:0;} svg:not(:root){overflow:hidden;} figure{margin:0;} fieldset{border:1px solid #c0c0c0;margin:0 2px;padding:0.35em 0.625em 0.75em;} legend{border:0;padding:0;} button, input, select, textarea{font-family:inherit;font-size:100%;margin:0;} button, input{line-height:normal;} button, html input[type="button"], input[type="reset"], input[type="submit"]{-webkit-appearance:button;cursor:pointer;} button[disabled], input[disabled]{cursor:default;} input[type="checkbox"], input[type="radio"]{box-sizing:border-box;padding:0;} input[type="search"]{-webkit-appearance:textfield;-moz-box-sizing:content-box;-webkit-box-sizing:content-box;box-sizing:content-box;} input[type="search"]::-webkit-search-cancel-button, input[type="search"]::-webkit-search-decoration{-webkit-appearance:none;} button::-moz-focus-inner, input::-moz-focus-inner{border:0;padding:0;} textarea{overflow:auto;vertical-align:top;} table{border-collapse:collapse;border-spacing:0;} *, *:before, *:after{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;margin:0;padding:0;} html{-webkit-tap-highlight-color:rgba(0, 0, 0, 0);-webkit-text-size-adjust:100%;} body{background:#FFFFFF;color:#000000;line-height:1;} html, body, img, fieldset, abbr, acronym{border:0;} h1, h2, h3, h4, h5, h6{font-size:100%;font-weight:normal;} th, code, cite, caption{font-weight:normal;font-style:normal;text-align:left;} address{font-style:normal;} fieldset{margin:0;padding:0;border:0;} img{display:block;} ol, ul{list-style:none;} q:before, q:after{content:'';} input:focus, input[type="search"]:focus{outline-offset:-2px;} input[type="search"]{-webkit-appearance:none;-moz-box-sizing:border-box;-webkit-box-sizing:border-box;box-sizing:border-box;} @-ms-viewport{width:device-width;} @-o-viewport{width:device-width;} @viewport{width:device-width;} a, button{-ms-touch-action:manipulation;touch-action:manipulation;} body, button, input, select, table, textarea{font-family:"Helvetica Neue", Verdana, Arial, sans-serif;color:#636363;font-size:14px;line-height:1.5;} a{color:#8e0303;text-decoration:none;} a:hover{color:#2e8ab8;text-decoration:underline;} a:focus{outline-color:#3091c2;color:#143d52;} ol, ul{list-style:none;margin:0;padding:0;} h1, .h1{margin:0;margin-bottom:0.7em;color:#8e0303;font-size:28px;font-weight:400;font-style:normal;line-height:1.2;text-rendering:optimizeLegibility;text-transform:uppercase;} h2, .h2{margin:0;margin-bottom:0.5em;color:#636363;font-size:24px;font-weight:400;font-style:normal;line-height:1.2;text-rendering:optimizeLegibility;text-transform:uppercase;} h3, .h3{margin:0;margin-bottom:10px;color:#636363;font-size:18px;font-weight:400;font-style:normal;line-height:1.4;text-rendering:optimizeSpeed;text-transform:uppercase;} h4, .h4{margin:0;margin-bottom:10px;color:#636363;font-size:14px;font-weight:bold;font-style:normal;line-height:1.4;text-rendering:optimizeSpeed;text-transform:uppercase;} h5, .h5{margin:0;margin-bottom:10px;color:#636363;font-family:"Helvetica Neue", Verdana, Arial, sans-serif;font-size:13px;font-weight:bold;font-style:normal;line-height:1.4;text-rendering:optimizeSpeed;text-transform:uppercase;} h6, .h6{margin:0;margin-bottom:5px;color:#636363;font-family:"Helvetica Neue", Verdana, Arial, sans-serif;font-size:12px;font-weight:bold;font-style:normal;line-height:1.4;text-rendering:optimizeSpeed;text-transform:uppercase;} .address-list address{margin-bottom:1em;} .availability{margin-bottom:0;font-size:13px;text-transform:uppercase;} .availability .label{display:none;} .availability.in-stock{color:#11b400;} .availability.available-soon, .availability.out-of-stock{color:red;} .availability-only{color:red;margin-bottom:10px;} .page-title h1, .page-title h2, .product-name h1, .product-name .h1{text-transform:uppercase;font-size:24px;font-weight:600;color:#636363;border-bottom:1px solid #ededed;padding-bottom:3px;margin-bottom:15px;text-transform:uppercase;} .block, .col-left-first{margin-bottom:20px;} .col-left-first .block:last-of-type{margin-bottom:0;} .block-title{position:relative;padding:10px 0 0;margin-bottom:5px;border-top:1px solid #cccccc;} .block-title h2, .block-title h3, .block-title strong{margin:0;margin-bottom:10px;color:#636363;font-size:14px;font-weight:bold;font-style:normal;line-height:1.4;text-rendering:optimizeSpeed;text-transform:uppercase;color:#8e0303;margin-bottom:0;text-transform:uppercase;font-weight:600;} .block-title small{font-size:100%;font-weight:normal;color:#a0a0a0;} body:not(.customer-account) .block:first-child .block-title{border-top:none;padding-top:0;} .block-subtitle{font-weight:bold;margin-bottom:7px;} .block-content{margin-top:5px;} .block-content.unpad{padding:0;} .block-content li.item{margin:0 0 10px 9px;} .block-content li.item:last-child{margin-bottom:0;} .block .actions{margin:10px 0 0;} .block .actions:after{content:'';display:table;clear:both;} .block .actions a{float:left;} .block .actions .button{float:right;} .col-left .block .actions .button ~ a, .col-right .block .actions .button ~ a{line-height:33px;margin-right:5px;} .block-account .block-title, .block-cms-menu .block-title{padding-top:0;border-top:none;} .block-account li, .block-cms-menu li{text-transform:uppercase;margin:7px 0;} .block-account li strong, .block-cms-menu li strong{font-weight:400;color:#8e0303;} .block-account li a, .block-cms-menu li a{color:#636363;} .block-account li a:hover, .block-cms-menu li a:hover{color:#8e0303;} .cart .buttons-set .button, .cart-table .button, .sidebar .actions .button, .button.button-secondary{background:#dddddd;color:#636363;padding:7px 15px;} .cart .buttons-set .button:hover, .cart-table .button:hover, .sidebar .actions .button:hover, .button.button-secondary:hover{background:#d0d0d0;cursor:pointer;} .cart .buttons-set .button:active, .cart-table .button:active, .sidebar .actions .button:active, .button.button-secondary:active{background:#c4c4c4;color:#636363;} .cart .buttons-set .button:focus, .cart-table .button:focus, .sidebar .actions .button:focus, .button.button-secondary:focus{color:#636363;background:#c4c4c4;outline:none;} .button, .cart-table .product-cart-actions .button, #co-shipping-method-form .buttons-set .button, .footer .button{background:#8e0303;display:inline-block;padding:7px 15px;border:0;color:#FFFFFF;font-size:13px;font-weight:normal;line-height:19px;text-align:center;text-transform:uppercase;vertical-align:middle;white-space:nowrap;} .button:hover, .cart-table .product-cart-actions .button:hover, #co-shipping-method-form .buttons-set .button:hover, .footer .button:hover{background:#2e8ab8;cursor:pointer;} .button:active, .cart-table .product-cart-actions .button:active, #co-shipping-method-form .buttons-set .button:active, .footer .button:active{background:#8e0303;color:#FFFFFF;} .button:focus, .cart-table .product-cart-actions .button:focus, #co-shipping-method-form .buttons-set .button:focus, .footer .button:focus{background-color:#8e0303;outline:none;color:#FFFFFF;} a.button{text-decoration:none;} a.button:hover{color:#FFFFFF;} .button.disabled, .button:disabled{background:#C8C8C8;opacity:0.6;cursor:not-allowed;} .button + .button{margin-left:5px;} .button2{border:0;padding:0 5px;margin:0;background:transparent;cursor:pointer;vertical-align:middle;} .button2:focus{outline:none;} .button2 span, .button2 span span{line-height:30px;height:30px;text-decoration:underline;text-transform:uppercase;display:inline-block;color:#8e0303;} .button2 span:hover, .button2 span span:hover{text-decoration:none;color:#246b8f;} .paypal-logo.paypal-after{float:left;} .paypal-after .paypal-or{float:left;} .paypal-or{line-height:40px;margin:0px 10px 5px;} .paypal-after .paypal-button{float:left;} .paypal-button{line-height:0px;} .paypal-button img{display:inline;} .buttons-set{clear:both;margin:10px 0 0;padding-top:10px;border-top:1px solid #ededed;text-align:right;} .buttons-set p.required{margin:0;margin-left:10px;line-height:33px;float:right;} .buttons-set .back-link{float:left;margin:0;line-height:33px;} .buttons-set a:not(".button"){line-height:20px;display:inline-block;padding:5px;} .buttons-set button.button{float:right;margin-left:5px;min-width:140px;} .buttons-set:after{content:'';display:table;clear:both;} .icon-sprite, .btn-remove2, .ratings .rating-box, .ratings .rating-box .rating, .sorter > .sort-by .sort-by-switcher, .sorter > .view-mode .grid, .sorter > .view-mode .list, .skip-nav .icon, .skip-search .icon, #search_mini_form .search-button:before, .skip-account .icon, .skip-cart .icon, .product-view .sharing-links a, .review-summary-table .rating-box .rating-number:after, .ratings-table .rating-box, .ratings-table .rating-box .rating{background-image:url(https://www.kmsbearings.com/skin/frontend/respond/topspot/images/icon_sprite.png);background-repeat:no-repeat;text-indent:-9999px;} .breadcrumbs{overflow:hidden;margin:-15px 0 15px;} .breadcrumbs li{float:left;font-size:12px;text-transform:uppercase;} .breadcrumbs a{float:left;color:#636363;} .breadcrumbs a:hover{color:#8e0303;} .breadcrumbs strong{color:#636363;font-weight:normal;} .btn-remove, .btn-previous{display:inline-block;width:20px;height:20px;border:1px solid #ededed;text-align:center;font:0/0 a;text-shadow:none;color:transparent;position:relative;} .btn-remove:hover, .btn-previous:hover{background-color:#8e0303;border-color:#8e0303;} .btn-remove:after{content:'X';color:#8e0303;height:20px;line-height:20px;width:100%;font-size:10px;font-family:Arial, "Helvetica Neue", Verdana, Arial, sans-serif;font-weight:bold;} .btn-remove:hover:after{color:#FFFFFF;text-decoration:none;} .btn-remove2{background-position:4px -648px;border:none;vertical-align:top;} .btn-remove2:after{display:none;} .btn-remove2:hover{background-color:transparent;filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=80);opacity:0.8;} .btn-previous:after{content:'';position:absolute;width:0;height:0;display:block;border-top:4px solid transparent;border-bottom:4px solid transparent;border-right:4px solid #8e0303;border-left:none;position:absolute;top:50%;left:50%;margin-left:-2px;margin-top:-4px;} .btn-previous:hover:after{content:'';position:absolute;width:0;height:0;display:block;border-top:4px solid transparent;border-bottom:4px solid transparent;border-right:4px solid white;border-left:none;} .block-layered-nav .currently .btn-remove, .block-layered-nav .currently .btn-previous, .mini-products-list .btn-remove, .mini-products-list .btn-previous, #compare-items .btn-remove, #compare-items .btn-previous{float:right;margin-left:6px;} .checkout-agreements li{margin-bottom:20px;} .checkout-agreements .agreement-content{overflow-y:auto;max-width:670px;max-height:125px;margin-bottom:10px;padding:10px;border:1px solid #cccccc;background:#f4f4f4;} .cvv-what-is-this{margin-left:10px;font-size:13px;line-height:24px;} .main-container, .footer-container{position:relative;max-width:1260px;margin:0 auto;padding:15px;} .main-container:after, .footer-container:after{content:'';display:table;clear:both;} .footer-container{padding-top:0px;} .main:after, .col-wrapper:after{content:'';display:table;clear:both;} .col-left, .col-right, .col-main{padding:0 10px;} .col-left{float:left;width:25%;padding-left:0;clear:left;} .col-left img{max-width:100%;} .col-right{float:right;width:25%;padding-right:0;} .col-right img{max-width:100%;} .col-main{float:left;width:75%;} .col1-layout .col-main{float:none;width:auto;padding:0;} .col2-left-layout .col-main{float:right;padding-right:0;} .col2-right-layout .col-main{padding-left:0;} .col3-layout .col-right{width:20.83333%;} .col3-layout .col-wrapper{float:left;width:79.16667%;} .col3-layout .col-wrapper .col-main{float:right;width:73.68421%;} .col3-layout .col-wrapper .col-left{width:26.31579%;} .col2-set{width:100%;} .col2-set .col-1, .col2-set .col-2{width:50%;padding:20px;} .col2-set .narrow{width:33%;} .col2-set .wide{width:65%;} .col2-set:after{content:'';display:table;clear:both;} .global-site-notice{background:#676157;color:#e6e6e6;font-size:11px;} .global-site-notice .notice-inner{padding-left:120px;width:100%;max-width:1200px;margin-left:auto;margin-right:auto;line-height:11px;min-height:40px;padding-top:14.5px;padding-bottom:14.5px;background-image:url("https://www.kmsbearings.com/skin/frontend/respond/topspot/images/demo-logo.png");background-position:left;background-repeat:no-repeat;} .global-site-notice p{margin-bottom:0;} .promo-msg{color:#8e0303;text-align:center;margin:10px;text-transform:uppercase;} .grid:after{content:'';display:table;clear:both;} .success{color:#11b400;} .error{color:red;font-weight:bold;} .notice{color:#e26703;font-weight:bold;} .messages{margin-bottom:10px;} .messages li li{position:relative;margin-bottom:5px;padding:7px 10px 7px 20px;background:#f4f4f4;} .messages li li:before{top:50%;left:0;margin-top:-6px;} .messages .error-msg li{border-left:5px solid red;} .messages .error-msg li:before{content:'';position:absolute;width:0;height:0;display:block;border-top:6px solid transparent;border-bottom:6px solid transparent;border-left:6px solid red;border-right:none;} .messages .notice-msg li{border-left:5px solid #e26703;} .messages .notice-msg li:before{content:'';position:absolute;width:0;height:0;display:block;border-top:6px solid transparent;border-bottom:6px solid transparent;border-left:6px solid #e26703;border-right:none;} .messages .success-msg li{border-left:5px solid #11b400;} .messages .success-msg li:before{content:'';position:absolute;width:0;height:0;display:block;border-top:6px solid transparent;border-bottom:6px solid transparent;border-left:6px solid #11b400;border-right:none;} .page-popup{padding:20px;background:#FFFFFF;height:auto;} .page-popup h1{margin:0 0 0.5em;font-size:36px;} .payment-methods{margin-bottom:20px;} .payment-methods dt{padding:5px 0;} .payment-methods dd{padding-top:10px;} .payment-methods .form-list{position:relative;display:inline-block;max-width:100%;margin:5px 15px 15px;padding:15px;border:1px solid #cccccc;background:#f4f4f4;} .payment-methods .form-list:before{content:'';position:absolute;width:0;height:0;display:block;border-right:10px solid transparent;border-left:10px solid transparent;border-bottom:10px solid #cccccc;border-top:none;top:-11px;left:30px;} .payment-methods .form-list:after{content:'';position:absolute;width:0;height:0;display:block;border-right:10px solid transparent;border-left:10px solid transparent;border-bottom:10px solid #f4f4f4;border-top:none;top:-10px;left:30px;} .payment-methods .form-list li:last-child{margin-bottom:0;} .please-wait{display:inline-block;margin-left:10px;margin-top:5px;line-height:24px;height:24px;white-space:nowrap;} .please-wait img{float:left;margin-right:5px;width:24px;} .price-box{margin:7px 0;font-family:"Helvetica Neue", Verdana, Arial, sans-serif;} .price-box p{margin-bottom:0;} .price-notice{color:#a0a0a0;} .price-box .price{color:#8e0303;font-size:16px;} .price-box .price, .price{white-space:nowrap;font-family:"Helvetica Neue", Verdana, Arial, sans-serif;} .price-box .price-label{color:#a0a0a0;white-space:nowrap;} .price-box .minimal-price-link{padding-left:1em;color:#8e0303;display:block;} .price-box .minimal-price-link .label{color:#a0a0a0;} .price-box .old-price, .price-box .special-price{display:inline-block;} .price-box .old-price .price-label, .price-box .special-price .price-label{display:none;} .price-box .old-price .price, .price-box .special-price .price{display:inline-block;} .price-box .old-price .price{color:#a0a0a0;text-decoration:line-through;} .price-box .special-price{color:#8e0303;padding-left:1em;} .price-box .special-price .price-label{color:#D84D3C;} .price-box .price-excluding-tax, .price-box .price-including-tax{display:block;} .product-pricing, .tier-prices, .tier-prices-grouped{display:inline-block;padding:4px 8px;background:#FBF4DE;border:1px solid #E2D4C7;margin-top:7px;} .product-pricing li, .tier-prices li, .tier-prices-grouped li{font-size:12px;} .product-pricing .benefit, .tier-prices .benefit, .tier-prices-grouped .benefit{font-style:italic;} .product-pricing .price, .tier-prices .price, .tier-prices-grouped .price{font-weight:bold;} .item-options{font-size:14px;} .item-options:after{content:'';display:table;clear:both;} .item-options dt{float:left;clear:left;font-weight:600;padding-right:5px;font-style:italic;} .item-options dt:after{content:': ';} .item-options dd{float:left;padding-left:10px;margin:0 0 6px;} .truncated, .truncated a.dots{cursor:help;} .truncated a.details{cursor:help;height:16px;line-height:16px;} .truncated a.details:hover{text-decoration:none;} .truncated .truncated_full_value{position:relative;z-index:300;} .truncated .truncated_full_value .item-options{display:none;position:absolute;z-index:300;width:200px;padding:8px;border:1px solid #8e0303;background-color:#F6F6F6;top:21px;left:-100px;} .truncated .truncated_full_value .item-options:after{content:'';position:absolute;width:0;height:0;display:block;border-right:7px solid transparent;border-left:7px solid transparent;border-bottom:7px solid #8e0303;border-top:none;left:97px;top:-7px;} .truncated .truncated_full_value .item-options > p{font-weight:bold;text-transform:uppercase;margin-bottom:8px;} .truncated .show .item-options{display:block;} .page-print{width:6.5in;margin:20px;background:#FFFFFF;} .add-to-links{margin:7px 0;} .add-to-links a{display:inline-block;padding:0px 3px 3px;} .add-to-links .separator{display:none;} .product-image, .no-touch .product-img-box .product-image:not(.zoom-available):hover{position:relative;display:block;border:1px solid #ededed;} .no-touch .product-image:hover{border-color:#8e0303;} .ratings{margin:7px 0;} .ratings .rating-box, .ratings .rating-links{margin:5px 0;} .ratings .rating-box{width:65px;height:13px;background-repeat:repeat-x;background-position:0 -615px;overflow:hidden;} .ratings .rating-box .rating{float:left;height:13px;background-repeat:repeat-x;background-position:0 -600px;} .ratings .amount{display:block;margin:5px auto;} .ratings .rating-links .separator{margin:0 3px;} .std p{margin:0 0 1.5em;} .std ol{list-style:decimal outside;margin-bottom:1.5em;} .std ol li{margin-left:2em;} .std ul{list-style:disc outside;margin-bottom:1.5em;} .std ul li{margin-left:2em;} .std .note{color:#a0a0a0;font-size:13px;} .tabs{margin-bottom:10px;background:#FFFFFF;} .toolbar{margin-top:10px;margin-bottom:15px;border-bottom:1px solid #cccccc;border-top:1px solid #cccccc;background:#f4f4f4;padding:5px 10px 0px 10px;} .toolbar:after{content:'';display:table;clear:both;} .pager-no-toolbar{margin-bottom:10px;} .pager-no-toolbar ~ .pager-no-toolbar{margin-top:10px;} .toolbar, .pager{color:#636363;line-height:30px;font-size:12px;} .toolbar label, .pager-no-toolbar label{font-weight:normal;text-transform:uppercase;} .sorter{float:left;margin-bottom:5px;} .sorter label{float:left;margin-right:5px;} .sorter label:after{content:':';} .sorter > .sort-by{float:left;margin-right:5px;height:30px;} .sorter > .sort-by .sort-by-switcher{width:30px;height:30px;display:inline-block;} .sorter > .sort-by .sort-by-switcher--asc{background-position:4px -542px;} .sorter > .sort-by .sort-by-switcher--asc:hover{background-position:-46px -542px;} .sorter > .sort-by .sort-by-switcher--desc{background-position:4px -567px;} .sorter > .sort-by .sort-by-switcher--desc:hover{background-position:-46px -567px;} .sorter > .view-mode{float:right;} .sorter > .view-mode .grid, .sorter > .view-mode .list{float:left;width:30px;height:30px;} .sorter > .view-mode .grid{margin-right:5px;background-position:8px -492px;} .sorter > .view-mode strong.grid, .sorter > .view-mode a.grid:hover{background-position:-42px -492px;} .sorter > .view-mode .list{background-position:11px -517px;} .sorter > .view-mode strong.list, .sorter > .view-mode a.list:hover{background-position:-39px -517px;} .pager{float:right;overflow:hidden;} .pager > .count-container{float:left;} .pager .amount{float:left;font-family:"Helvetica Neue", Verdana, Arial, sans-serif;white-space:nowrap;margin:0 15px 0 0;} .pager .limiter{float:left;height:30px;line-height:30px;} .pager .limiter > label{padding-right:5px;} .pager .limiter > label:after{content:':';} .pager .amount, .pager .limiter, .pager .pages{margin-bottom:5px;} .pages{float:right;overflow:hidden;margin-left:15px;} .pages strong{display:none;} .pages li{float:left;} .pages a, .pages .current{display:inline-block;border:0;font-size:13px;text-align:center;text-transform:uppercase;vertical-align:middle;white-space:nowrap;line-height:30px;width:25px;height:30px;padding:0;color:#8e0303;font-family:"Helvetica Neue", Verdana, Arial, sans-serif;} .pages .current, .pages .current:hover{color:#636363;border:1px solid #cccccc;width:30px;background-color:#FFFFFF;cursor:default;} .pages .next, .pages .previous{font:0/0 a;text-shadow:none;color:transparent;background-color:transparent;position:relative;} .pages .next:hover, .pages .previous:hover{border:1px solid #8e0303;} .pages .next:before{content:'';position:absolute;width:0;height:0;display:block;border-top:4px solid transparent;border-bottom:4px solid transparent;border-left:4px solid #8e0303;border-right:none;top:50%;margin-top:-3px;left:50%;margin-left:-2px;} .pages .next:hover:before{content:'';position:absolute;width:0;height:0;display:block;border-top:4px solid transparent;border-bottom:4px solid transparent;border-left:4px solid #246b8f;border-right:none;} .pages .previous:before{content:'';position:absolute;width:0;height:0;display:block;border-top:4px solid transparent;border-bottom:4px solid transparent;border-right:4px solid #8e0303;border-left:none;top:50%;margin-top:-3px;left:50%;margin-left:-2px;} .pages .previous:hover:before{content:'';position:absolute;width:0;height:0;display:block;border-top:4px solid transparent;border-bottom:4px solid transparent;border-right:4px solid #246b8f;border-left:none;} #checkout-review-table .summary-collapse, #shopping-cart-totals-table .summary-collapse, body.customer-account .data-table .summary-collapse{position:relative;cursor:pointer;} #checkout-review-table .summary-collapse:before, #shopping-cart-totals-table .summary-collapse:before, body.customer-account .data-table .summary-collapse:before{content:'';position:absolute;width:0;height:0;display:block;border-right:7px solid transparent;border-left:7px solid transparent;border-top:7px solid #8e0303;border-bottom:none;position:static;display:inline-block;margin-right:5px;} #checkout-review-table .summary-collapse:hover:before, #shopping-cart-totals-table .summary-collapse:hover:before, body.customer-account .data-table .summary-collapse:hover:before{content:'';position:absolute;width:0;height:0;display:block;border-right:7px solid transparent;border-left:7px solid transparent;border-top:7px solid #246b8f;border-bottom:none;position:static;display:inline-block;margin-right:5px;} #checkout-review-table .show-details .summary-collapse:before, #shopping-cart-totals-table .show-details .summary-collapse:before, body.customer-account .data-table .show-details .summary-collapse:before{content:'';position:absolute;width:0;height:0;display:block;border-right:7px solid transparent;border-left:7px solid transparent;border-bottom:7px solid #8e0303;border-top:none;position:static;display:inline-block;margin-right:5px;} #checkout-review-table .show-details .summary-collapse:hover:before, #shopping-cart-totals-table .show-details .summary-collapse:hover:before, body.customer-account .data-table .show-details .summary-collapse:hover:before{content:'';position:absolute;width:0;height:0;display:block;border-right:7px solid transparent;border-left:7px solid transparent;border-bottom:7px solid #246b8f;border-top:none;position:static;display:inline-block;margin-right:5px;} #shopping-cart-totals-table tfoot td .summary-collapse:before, #shopping-cart-totals-table tfoot td .summary-collapse:hover:before{margin-bottom:5px;} .widget .pager{float:none;width:100%;} .a-center{text-align:center;} .a-right, .align-right{text-align:right;} .no-display{display:none !important;} .nobr, .nowrap{white-space:nowrap;} .width-full{width:100%;} .hidden{display:none;} .page-print .print-head{margin:0 0 15px;} .page-print .print-head .logo{float:none;max-height:none;width:auto;} .fieldset p{margin-bottom:7px;} .fieldset p.required{margin-bottom:5px;float:right;font-size:12px;margin-top:0px;} .fieldset + .fieldset{margin-top:5px;} form .legend{margin:0;margin-bottom:10px;color:#636363;font-size:18px;font-weight:400;font-style:normal;line-height:1.4;text-rendering:optimizeSpeed;text-transform:uppercase;margin-bottom:15px;padding-bottom:7px;border-bottom:1px solid #ededed;} .input-box{padding-top:2px;} .input-box:after{content:'';display:table;clear:both;} .input-box .v-fix{float:left;margin-right:5px;} label{display:inline-block;font-size:13px;font-weight:600;-moz-user-select:none;-ms-user-select:none;-webkit-user-select:none;-o-user-select:none;user-select:none;} label.required:after, span.required:after{content:' *';color:red;font-weight:normal;font-family:"Helvetica Neue", Verdana, Arial, sans-serif;font-size:12px;} label.required em, span.required em{display:none;} .input-hint{color:#a0a0a0;font-size:12px;} select{font-size:14px;} select + select{margin-left:5px;} select[multiple]{width:270px;border:1px solid silver;font-size:15px;padding:5px;} textarea{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;max-width:100%;width:450px;padding:5px;} .input-text{-webkit-appearance:none;-moz-appearance:none;appearance:none;-webkit-border-radius:2px;-moz-border-radius:2px;-ms-border-radius:2px;-o-border-radius:2px;border-radius:2px;border:1px solid silver;background:#FFFFFF;font-size:15px;} .input-text:focus{border:1px solid #8e0303;} .input-text.validation-failed{border-color:red;} .input-text.validation-failed:focus{outline-color:#ff7f7f;} input[type=email], input[type=search], input[type=number], input[type=password], input[type=tel], input[type=text]{height:30px;padding:0 8px;} input[type=email], input[type=search], input[type=number], input[type=password], input[type=tel], input[type=text]{width:365px;max-width:100%;} .ie8 .input-text{max-width:none;} input[type=number].qty, input[type=text].qty{width:3em;text-align:center;vertical-align:middle;} ::-webkit-input-placeholder{color:#a0a0a0;} input:-moz-placeholder{color:#a0a0a0;} .checkbox, .radio{position:relative;top:-1px;display:inline-block;} .checkbox + label, .radio + label{width:auto;max-width:85%;padding:0 0 0 8px;font-size:14px;font-weight:normal;vertical-align:top;} p.required, .validation-advice{margin:5px 0 0;color:red;font-size:13px;} .form-list > li{margin-bottom:10px;} .form-list select{margin-top:4px;width:365px;max-width:100%;} .form-list .input-range .input-text{width:74px;} .form-list .field, .form-list .wide, .form-list .control{margin-bottom:10px;} .form-list .control, .sp-methods dt, #checkout-shipping-method-load .sp-methods dd, #co-shipping-method-form .sp-methods dd, .product-options ul.options-list{} .form-list .control div.input-box, .sp-methods dt div.input-box, #checkout-shipping-method-load .sp-methods dd div.input-box, #co-shipping-method-form .sp-methods dd div.input-box, .product-options ul.options-list div.input-box{display:inline;float:left;} .form-list .control div.input-box:after, .sp-methods dt div.input-box:after, #checkout-shipping-method-load .sp-methods dd div.input-box:after, #co-shipping-method-form .sp-methods dd div.input-box:after, .product-options ul.options-list div.input-box:after{display:none;} .form-list .control input.radio, .form-list .control input.checkbox, .sp-methods dt input.radio, .sp-methods dt input.checkbox, #checkout-shipping-method-load .sp-methods dd input.radio, #checkout-shipping-method-load .sp-methods dd input.checkbox, #co-shipping-method-form .sp-methods dd input.radio, #co-shipping-method-form .sp-methods dd input.checkbox, .product-options ul.options-list input.radio, .product-options ul.options-list input.checkbox{float:left;margin-right:-40px;margin-top:10px;margin-left:15px;} .form-list .control label, .sp-methods dt label, #checkout-shipping-method-load .sp-methods dd label, #co-shipping-method-form .sp-methods dd label, .product-options ul.options-list label{color:#636363;background-color:#f4f4f4;padding:5px 10px;display:inline-block;width:auto;max-width:none;min-width:250px;float:none;padding:6px 10px 6px 40px;} .form-list .control label:hover, .sp-methods dt label:hover, #checkout-shipping-method-load .sp-methods dd label:hover, #co-shipping-method-form .sp-methods dd label:hover, .product-options ul.options-list label:hover{background-color:#e7e7e7;} .form-list .control .no-display + label, .sp-methods dt .no-display + label, #checkout-shipping-method-load .sp-methods dd .no-display + label, #co-shipping-method-form .sp-methods dd .no-display + label, .product-options ul.options-list .no-display + label{padding-left:10px;background-color:transparent;} .form-list .control .no-display + label:hover, .sp-methods dt .no-display + label:hover, #checkout-shipping-method-load .sp-methods dd .no-display + label:hover, #co-shipping-method-form .sp-methods dd .no-display + label:hover, .product-options ul.options-list .no-display + label:hover{background-color:transparent;} .product-options ul.options-list label, .col2-set .form-list .control label{min-width:inherit;width:250px;max-width:100%;} .form-list .control.remember-me-box label{width:auto;max-width:none;min-width:inherit;} .form-list .control{margin-top:10px;} .form-list .control label{float:none;} .form-list .control .radio, .form-list .control .checkbox{margin-right:6px;} .form-list .control .input-box{clear:none;display:inline-block;width:auto;padding:0;} form .form-instructions{font-style:italic;font-family:Georgia, Times, "Times New Roman", serif;font-size:13px;color:#a0a0a0;} .hide-th{text-indent:-9999px;} .data-table{width:100%;} .data-table td, .data-table th{padding:10px;vertical-align:top;} .data-table th{background:#f4f4f4;text-transform:uppercase;line-height:1.4;white-space:nowrap;} .data-table thead th, .data-table tbody td{border-bottom:1px solid silver;} .data-table tbody td, .data-table tfoot td{font-family:Georgia, Times, "Times New Roman", serif;} .data-table tfoot tr{background:#f4f4f4;} .data-table tbody td .item-options{margin-left:20px;margin-top:10px;} .data-table tbody td .item-options dt:after{content:':';} .zebra-table tr:first-child, .zebra-table th:first-child{border-top:1px solid silver;} .zebra-table td, .zebra-table th{border-bottom:1px solid silver;padding:6px;background-color:transparent;} .zebra-table tr{background-color:#eeeded;} .zebra-table tr:nth-child(odd){background-color:#f8f7f5;} html, body{height:100%;} .wrapper{min-width:320px;min-height:100%;margin:0 auto;background:#FFFFFF;} .wrapper:after{content:'';display:table;clear:both;} .header-language-container, .page-header{} .header-language-background{padding:10px;background-color:#8e0303;text-transform:uppercase;} .header-language-background .header-language-container{max-width:1200px;margin-left:auto;margin-right:auto;} .header-language-background:after{content:'';display:table;clear:both;} .header-language-background .form-language, .header-language-background .currency-switcher{float:left;margin-right:10px;} .header-language-background .welcome-msg{float:right;} .page-header-container .store-language-container{float:right;max-width:35%;padding:13px 15px 10px 10px;} .page-header-container .store-language-container label{display:none;} .page-header-container .store-language-container select{max-width:100%;} .logo{display:block;min-width:100px;min-height:44px;text-align:center;padding:10px;} .logo img{max-width:100%;} .logo .small{display:block;} .logo .large{display:none;} .logo:hover{opacity:0.8;} .skip-links{clear:both;overflow:hidden;border-top:1px solid #EDEDED;border-bottom:1px solid #EDEDED;} .skip-link{position:relative;float:left;width:20%;height:44px;background:#FFFFFF;color:#636363;line-height:42px;text-align:center;} a.skip-link{text-decoration:none;} .skip-link:not(.skip-active):hover{opacity:0.8;} .skip-link .icon{display:inline-block;width:30px;height:30px;vertical-align:middle;} .skip-link.skip-nav .icon, .skip-link.skip-cart:not(.no-count) .icon{margin-right:3px;} .skip-link .label{display:none;} .skip-content{display:none;} .skip-content.skip-active{display:block;background:#EDEDED;} .skip-nav{width:40%;} .skip-nav:not(.skip-active):hover{text-decoration:none;} .skip-nav:not(.skip-active):hover .icon{background-position:-46px 4px;} .skip-nav .label{display:inline;} .skip-nav .icon{background-position:4px 4px;} .nav-primary a{text-decoration:none;position:relative;display:block;color:#636363;line-height:30px;} .nav-primary li{position:relative;} .nav-primary li.level1 a{} .nav-primary .menu-active > ul.level0, .nav-primary li.level0 li.sub-menu-active > ul{display:block;} .nav-primary li.level0 > a{text-transform:uppercase;} .nav-primary li.first > a{} .skip-search:not(.skip-active):hover .icon{background-position:-46px -146px;} .skip-search .icon{background-position:4px -146px;} #header-search{} #search_mini_form .input-box{position:relative;padding-top:0;} #search_mini_form label{display:none;} #search{width:100%;height:40px;padding-right:40px;} #search_mini_form .search-button{text-indent:-9999px;position:absolute;top:0;right:0;width:40px;height:40px;border:0;background:none;} #search_mini_form .search-button:before{content:'';position:absolute;top:50%;left:50%;width:30px;height:30px;margin-top:-15px;margin-left:-15px;background-position:4px -146px;} #search_mini_form .search-button:hover:before{opacity:0.8;} #search_mini_form .search-button:active:before{margin-top:-13px;margin-left:-13px;} .skip-account:not(.skip-active):hover .icon{background-position:-46px -44px;} .skip-account .icon{background-position:4px -44px;} #header-account{padding:5px 0;} #header-account a{position:relative;display:block;padding:0 10px;line-height:33px;text-align:center;} #header-account a:hover{color:#8e0303;} .skip-cart:not(.skip-active):hover .icon{background-position:-50px -95px;} .skip-cart .icon{background-position:0px -95px;} .skip-cart .count{-webkit-border-radius:12px;-moz-border-radius:12px;-ms-border-radius:12px;-o-border-radius:12px;border-radius:12px;display:inline-block;top:-6px;position:relative;z-index:5;width:22px;height:22px;background:rgba(51, 153, 204, 0.9);color:#FFFFFF;font-size:11px;line-height:22px;text-align:center;font-family:"Helvetica Neue", Verdana, Arial, sans-serif;} .skip-link.skip-active .count{color:white;} .skip-cart.no-count .count{display:none;} .skip-cart .count.empty{display:none;} .cart-menu .empty{padding:20px;text-align:center;} .cart-menu .actions{overflow:hidden;padding:15px;} .cart-menu .actions .button{float:left;width:48%;} .cart-menu .actions .button + .button{margin-left:4%;} .cart-menu .subtotal{padding:0 15px 15px;font-size:24px;line-height:1.2;} .mini-cart-list{margin-bottom:5px;} .mini-cart-list li{position:relative;min-height:90px;padding:15px 15px 15px 90px;border-top:1px solid #cccccc;font-size:13px;line-height:1.35;} .mini-cart-list .product-name{display:inline-block;} .mini-cart-list .product-image{position:absolute;left:15px;top:15px;} .mini-cart-list .product-image img{width:60px;height:60px;} .mini-cart-list .has-options{margin-bottom:0;color:#a0a0a0;font-size:12px;} .cart-menu .last-added{padding:10px 15px 15px;border-top:1px solid #cccccc;font-size:13px;} .footer, .footer button{} .footer{clear:both;width:100%;border-top:1px solid #cccccc;padding-top:30px;} .footer .block-title{border-bottom:0;padding:3px 0;} .footer .block-title strong{font-weight:normal;} .footer .block-title, .footer address{color:#8e0303;} .footer .links{float:left;width:17%;padding:0 30px 0 0;margin-bottom:30px;} .footer .links li{word-break:break-all;line-height:1.4;padding:4px 0;} .footer .links a{color:#636363;} .footer .links a:hover{color:#8e0303;} .footer .block-subscribe{float:right;width:320px;margin-bottom:30px;} .footer .links, .footer .block-subscribe{text-transform:uppercase;font-size:12px;} .footer .form-subscribe-header{display:none;} .footer .links.social-media em{background-image:url(https://www.kmsbearings.com/skin/frontend/respond/topspot/images/social_icons.png);background-repeat:no-repeat;width:13px;vertical-align:middle;display:inline-block;margin-right:7px;} .footer .links.social-media em.facebook{background-position:0 -0px;height:13px;} .footer .links.social-media a:hover em.facebook{background-position:-25px -0px;} .footer .links.social-media em.twitter{background-position:0 -24px;height:13px;} .footer .links.social-media a:hover em.twitter{background-position:-25px -24px;} .footer .links.social-media em.youtube{background-position:0 -49px;height:13px;} .footer .links.social-media a:hover em.youtube{background-position:-25px -49px;} .footer .links.social-media em.pinterest{background-position:0 -74px;height:15px;} .footer .links.social-media a:hover em.pinterest{background-position:-25px -74px;} .footer .links.social-media em.rss{background-position:0 -99px;height:13px;} .footer .links.social-media a:hover em.rss{background-position:-25px -99px;} .footer .block-subscribe .input-box{float:left;width:65.625%;padding-top:0;} .footer .block-subscribe .input-text{width:100%;border-right:0;-webkit-border-radius:0;-moz-border-radius:0;-ms-border-radius:0;-o-border-radius:0;border-radius:0;} .footer .block-subscribe .block-content{padding-top:7px;} .footer .block-subscribe .block-content:after{content:'';display:table;clear:both;} .footer .block-subscribe .actions{float:left;width:34.375%;margin:0;} .footer .block-subscribe .actions .button{height:30px;line-height:17px;float:left;} .footer .bugs, .footer address{clear:both;} .footer .bugs{display:none;} .footer .form-language, .footer .currency-switcher, .footer .store-switcher{clear:both;margin-bottom:10px;} .footer .form-language, .footer .currency-switcher{display:none;} .footer address{border-top:1px solid #cccccc;text-align:center;width:100%;font-size:11px;margin-top:30px;padding:30px 0;} .category-title h1, body.catalogsearch-result-index .page-title h1{border-bottom:none;} .category-image{margin-bottom:1.5em;} h2.product-name, h3.product-name, h4.product-name, h5.product-name, p.product-name{margin:0;margin-bottom:0.5em;color:#636363;font-size:24px;font-weight:400;font-style:normal;line-height:1.2;text-rendering:optimizeLegibility;text-transform:uppercase;font-size:13px;font-family:"Helvetica Neue", Verdana, Arial, sans-serif;font-weight:normal;line-height:1.4;} h2.product-name a, h3.product-name a, h4.product-name a, h5.product-name a, p.product-name a{color:#636363;} h2.product-name a:hover, h3.product-name a:hover, h4.product-name a:hover, h5.product-name a:hover, p.product-name a:hover{color:#8e0303;text-decoration:none;} .products-grid .product-name, .products-list .product-name{text-transform:uppercase;margin-bottom:5px;font-size:14px;} .products-grid .product-name a, .products-list .product-name a{font-weight:500;} .products-grid{position:relative;} .products-grid:after{content:'';display:table;clear:both;} .products-grid > li{position:relative;margin-bottom:20px;text-align:center;} .products-grid > li:after{content:'';display:table;clear:both;} .products-grid .product-image{width:100%;margin-bottom:15px;} .products-grid .product-image img{width:100%;height:auto;} .products-grid .product-image img:hidden{display:none;} .products-grid .product-info{position:relative;padding-bottom:95px;} .products-grid .actions{padding-top:10px;position:absolute;bottom:0px;min-height:85px;width:100%;} .products-grid .ratings .rating-box{margin:0 auto;} .products-grid .ratings .amount{display:none;} .products-grid .price-box{color:#a0a0a0;font-size:13px;margin:0 0 5px;} .products-grid .add-to-links{margin-bottom:0;} .products-grid > li{float:left;width:47.72727%;margin-right:4.54545%;} .products-grid > li:nth-child(odd){clear:left;} .products-grid > li:nth-child(even){margin-right:0;} .products-grid .product-image{margin-bottom:5px;} .products-grid .product-image:before, .products-grid .product-image:after{content:'';position:absolute;top:0px;left:0px;width:100%;height:100%;display:none;} .products-grid .product-image:before{background-color:white;opacity:0.8;z-index:2;} .products-grid .product-image:after{background-image:url("https://www.kmsbearings.com/skin/frontend/respond/topspot/images/opc-ajax-loader.gif");background-repeat:no-repeat;background-position:center;z-index:3;} .products-grid .product-image.loading{position:relative;} .products-grid .product-image.loading:before, .products-grid .product-image.loading:after{display:block;} .products-list{margin-top:20px;margin-bottom:20px;} .products-list > li{padding-bottom:20px;margin-bottom:20px;border-bottom:1px solid #ededed;} .products-list > li:after{content:'';display:table;clear:both;} .products-list > li .product-image{float:left;width:33.33333%;} .products-list > li .product-image img{width:100%;max-width:100%;} .products-list > li:last-child{padding-bottom:0;border-bottom:none;} .products-list .product-shop{float:right;width:66.66667%;padding-left:20px;} .products-list .product-shop .product-name{margin-bottom:0;} .products-list .product-shop .ratings{margin:0;} .products-list .product-shop .ratings .rating-box, .products-list .product-shop .ratings .rating-links{float:left;margin-right:7px;} .products-list .product-shop .ratings .rating-links{margin-top:4px;} .products-list .product-shop .price-box{margin-top:0;} .products-list .product-shop .price-box .price{font-size:18px;} .products-list .product-shop .action{margin:7px 0;} .products-list .product-shop .desc{margin-top:7px;} .products-list .product-shop .product-primary, .products-list .product-shop .desc{float:left;width:75%;overflow:hidden;} .products-list .product-shop .product-secondary{float:right;width:25%;text-align:right;clear:right;} .mini-products-list .product-image{float:left;min-width:50px;} .mini-products-list .product-details{margin-left:60px;} .mini-products-list .product-details .product-name{padding-top:10px;} .mini-products-list li{margin-bottom:10px;clear:both;} .mini-products-list li:after{content:'';display:table;clear:both;} .mini-products-images-list:after{content:'';display:table;clear:both;} .mini-products-images-list li.item{float:left;width:50%;margin:0;padding:0 5px 10px 0;} .mini-products-images-list li.item:nth-child(even){padding-right:0;padding-left:5px;} .mini-products-images-list li.item .product-image{display:block;} .mini-products-images-list li.item .product-image img{width:100%;max-width:100%;} .category-image{border:1px solid #cccccc;} .category-image img{width:100%;max-width:100%;} .category-image img:hidden{display:none;} .block-layered-nav .block-subtitle--filter{display:none;margin:0;margin-bottom:10px;color:#636363;font-size:14px;font-weight:bold;font-style:normal;line-height:1.4;text-rendering:optimizeSpeed;text-transform:uppercase;-moz-user-select:none;-ms-user-select:none;-webkit-user-select:none;-o-user-select:none;user-select:none;font-weight:normal;margin-bottom:0px;padding:7px 10px 7px 24px;border-width:1px;border-style:solid;border-color:#cccccc;position:relative;background-color:#f4f4f4;cursor:pointer;} .block-layered-nav .block-subtitle--filter:after{content:'';position:absolute;width:0;height:0;display:block;border-right:4px solid transparent;border-left:4px solid transparent;border-top:4px solid #8e0303;border-bottom:none;left:10px;top:50%;margin-top:-3px;} .block-layered-nav .block-content .toggle-tabs{display:none;} .block-layered-nav .block-content > dl > dt{margin:0;margin-bottom:10px;color:#636363;font-size:14px;font-weight:bold;font-style:normal;line-height:1.4;text-rendering:optimizeSpeed;text-transform:uppercase;-moz-user-select:none;-ms-user-select:none;-webkit-user-select:none;-o-user-select:none;user-select:none;font-weight:normal;margin-bottom:0px;padding:7px 10px 7px 24px;border-width:1px;border-style:solid;border-color:#cccccc;position:relative;background-color:#f4f4f4;display:block;} .block-layered-nav .block-content > dl > dt:after{content:'';position:absolute;width:0;height:0;display:block;border-right:4px solid transparent;border-left:4px solid transparent;border-top:4px solid #8e0303;border-bottom:none;left:10px;top:50%;margin-top:-3px;} .block-layered-nav .block-content > dl > dd{padding:10px;margin:0;border-width:0 1px;border-style:solid;border-color:#cccccc;} .block-layered-nav .block-content > dl > dd:last-child{border-width:0 1px 1px 1px;} .block-layered-nav dl dd{margin-bottom:10px;margin-top:10px;} .block-layered-nav dl dd ol > li > span, .block-layered-nav dl dd ol > li > a{padding:5px 15px;display:block;} .block-layered-nav dl dd ol > li > a .count{color:#a0a0a0;} .block-layered-nav .currently .block-subtitle{display:block;margin:0;margin-bottom:10px;color:#636363;font-size:14px;font-weight:bold;font-style:normal;line-height:1.4;text-rendering:optimizeSpeed;text-transform:uppercase;} .block-layered-nav .currently ol{padding-left:10px;margin-bottom:10px;} .block-layered-nav .currently ol li{margin-bottom:5px;} .block-layered-nav .currently ol li .label{font-weight:bold;} .block-layered-nav .currently ol li:after{content:'';display:table;clear:both;} .block-layered-nav .actions{text-align:right;margin-bottom:7px;} .event-container{clear:both;border:1px solid #8e0303;position:relative;z-index:2;border-width:1px 1px;margin-top:7px;height:59px;} .event-container:after{content:'';position:absolute;width:0;height:0;display:block;border-right:10px solid transparent;border-left:10px solid transparent;border-top:10px solid #8e0303;border-bottom:none;position:absolute;bottom:-10px;left:50%;margin-left:-10px;} .event-container .event{padding-bottom:18px;margin-bottom:-18px;padding-top:5px;height:52px;line-height:50px;text-align:center;width:auto;position:relative;z-index:2;border-bottom:0 !important;} .event-container .event .event-ticker{display:inline;font-size:28px;height:auto;} .event-container .event .event-ticker span{line-height:50px;height:50px;padding:0;} .event-container .container{display:inline;margin:0;padding:0;background:none;} .event-container .status{display:inline;margin:0 10px 0 0;background:none;font-size:22px;} .event-container .event-dates{display:inline;font-size:22px;height:auto;} .event-container .event-dates div, .event-container .event-dates p{display:inline;} .event-container .event-dates .time-part{font-size:14px;} .product-view .product-essential .extra-info .ratings .rating-box, .product-view .product-essential .extra-info .ratings .amount{float:left;} .product-view .product-essential .extra-info .ratings .rating-box{margin-top:8px;margin-right:10px;} .product-view .product-essential .extra-info .ratings:after{content:'';display:table;clear:both;} .product-view .product-essential:after{content:'';display:table;clear:both;} .product-view .product-shop .product-name .h1, .product-view .product-img-box .product-name h1{color:#8e0303;margin-bottom:10px;border:0;} .product-view .product-shop{width:50%;float:right;} .product-view .product-shop .product-name{display:none;float:left;} .product-view .product-shop .product-name .h1{float:left;margin-bottom:5px;} .product-view .product-shop .extra-info{float:left;padding-right:15px;clear:left;} .product-view .product-shop .price-info{float:right;padding-left:15px;text-align:right;} .product-view .product-shop .extra-info, .product-view .product-shop .price-info{max-width:50%;margin-bottom:10px;} .product-view .product-shop .short-description{margin-bottom:10px;clear:both;} .product-view .product-shop .ratings{margin-bottom:8px;} .product-view .product-shop .availability{font-size:16px;} .product-view .product-shop .price-box{margin-top:0;} .product-view .product-shop .price-box .old-price, .product-view .product-shop .price-box .special-price, .product-view .product-shop .price-box .regular-price{padding-right:0;line-height:1.2;} .product-view .product-shop .price-box .regular-price .price, .product-view .product-shop .price-box .special-price .price, .product-view .product-shop .price-box .full-product-price .price{color:#8e0303;font-size:24px;} .product-view .product-shop .price-box .special-price .price-label{font-size:16px;text-transform:uppercase;} .product-view .product-shop .price-box .price-excluding-tax, .product-view .product-shop .price-box .price-including-tax{display:block;line-height:1.2;} .product-view .product-shop .price-box .price-excluding-tax .label, .product-view .product-shop .price-box .price-including-tax .label{font-size:16px;font-weight:300;} .product-view .product-shop .price-box .price-excluding-tax .price, .product-view .product-shop .price-box .price-including-tax .price{font-size:20px;} .product-view .old-price .price-label{display:none;} .product-view .add-to-cart-wrapper, .product-view .block-related{width:50%;float:right;clear:right;} .product-image-gallery{position:relative;} .product-image-gallery .gallery-image{display:none;} .product-image-gallery .gallery-image.visible{display:block;} .product-image-gallery .gallery-image.visible.hidden{visibility:hidden;} .product-image-gallery:before, .product-image-gallery:after{content:'';position:absolute;top:0px;left:0px;width:100%;height:100%;display:none;} .product-image-gallery:before{background-color:white;opacity:0.8;z-index:2;} .product-image-gallery:after{background-image:url("https://www.kmsbearings.com/skin/frontend/respond/topspot/images/opc-ajax-loader.gif");background-repeat:no-repeat;background-position:center;z-index:3;} .product-image-gallery.loading{position:relative;} .product-image-gallery.loading:before, .product-image-gallery.loading:after{display:block;} .product-image-thumbs li{display:inline-block;} .product-image-thumbs li:first-child{margin-left:-1px;} .product-image-thumbs a{display:inline-block;border:1px solid transparent;} .no-touch .product-image-thumbs a:hover{border-color:#c7c7c7;} .product-view .product-shop, .product-view .add-to-cart-wrapper, .product-view .block-related{padding-left:15px;} .product-img-box{padding-right:15px;} .product-view .product-shop, .product-img-box, .product-collateral, .product-view .block-related, .box-collateral{margin-bottom:10px;} .product-view{} .product-view .add-to-box:after, .product-view .add-to-cart:after{content:'';display:table;clear:both;} .product-view .add-to-cart{padding-bottom:3px;margin-bottom:10px;border-bottom:1px solid #cccccc;} .product-view .add-to-cart .qty-wrapper, .product-view .product-options-bottom .price-box, .product-view .add-to-cart-buttons{min-height:40px;} .product-view .product-options-bottom .price-box, .product-view .add-to-cart .qty-wrapper, .product-view .add-to-cart-buttons .button, .product-view .add-to-cart-buttons .paypal-logo{margin-bottom:10px;} .product-view .add-to-cart .qty-wrapper, .product-view .add-to-cart .qty-wrapper label{margin-right:7px;float:left;} .product-view .add-to-cart .qty-wrapper label{line-height:40px;} .product-view .add-to-cart .qty-wrapper .qty{float:left;height:40px;} .product-view .add-to-cart-buttons{float:left;margin-right:10px;} .product-view .add-to-cart-buttons .paypal-logo{clear:left;text-align:center;} .product-view .add-to-cart-buttons .paypal-logo .paypal-button{margin:0 auto;display:block;width:145px;} .product-view .add-to-cart-buttons .paypal-logo .bml_button{display:block;width:150px;margin:0 auto;} .product-view .add-to-cart-buttons .paypal-logo .bml_button a{text-align:center;} .product-view .add-to-cart-buttons .paypal-logo .paypal-or{display:block;margin-bottom:10px;margin-left:0;margin-right:0;line-height:1;text-align:center;} .product-view .add-to-cart-buttons .button{height:40px;line-height:40px;font-size:16px;padding:0px 30px;float:left;min-width:160px;width:100%;} .add-to-box .or{display:none;} .product-view .add-to-links{clear:both;margin-top:0px;margin-right:15px;float:left;} .product-view .add-to-links:after{content:'';display:table;clear:both;} .product-view .add-to-links li{float:left;} .product-view .add-to-links a{padding:2px 7px 2px 0px;margin-left:7px;border-right:1px solid #cccccc;} .product-view .add-to-links li:first-child a{margin-left:0px;} .product-view .add-to-links li:last-child a{border-right:0px;} .product-view .sharing-links{float:left;} .product-view .sharing-links:after{content:'';display:table;clear:both;} .product-view .sharing-links li{float:left;padding:0px 7px 7px;} .product-view .sharing-links a{text-indent:-9999px;display:block;width:26px;height:26px;} .product-view .sharing-links a:hover{opacity:0.8;} .product-view .sharing-links a.link-wishlist{background-position:0px -225px;} .product-view .sharing-links a.link-compare{background-position:0px -250px;} .product-view .sharing-links a.link-email-friend{background-position:0px -322px;} .product-view .sharing-links a.link-facebook{background-position:0px -425px;} .product-view .sharing-links a.link-twitter{background-position:0px -372px;} .product-collateral{clear:both;} .collateral-tabs dd h2{display:none;} .box-collateral{clear:both;} .product-view .ratings .rating-links{clear:left;float:left;margin-top:0;} #product-attribute-specs-table{max-width:50em;border:1px solid silver;} #product-attribute-specs-table th{border-right:1px solid silver;border-bottom:1px solid silver;} .grouped-items-table-wrapper{border:solid 1px silver;width:100%;padding:10px;margin-bottom:15px;} .grouped-items-table-wrapper tbody tr:last-child td{border-bottom:none;} .grouped-items-table .name-wrapper{color:#8e0303;} .grouped-items-table .qty-wrapper{padding-top:7px;} .grouped-items-table .qty-label{margin-left:7px;} .grouped-items-table td{padding:4px;} .product-options{width:100%;margin:10px 0 0;padding:10px 15px 15px;border:1px solid #cccccc;clear:both;position:relative;} .product-options p.required{position:absolute;top:6px;right:15px;} .product-options dt{margin:10px 0 3px;font-weight:normal;} .product-options dt:first-child{margin-top:0;} .product-options dd .qty-holder{display:block;padding:10px 0 0 0;} .product-options dd .qty-holder .qty{width:3em;} .product-options dd .qty-holder label{vertical-align:middle;} .product-options dd .qty-disabled{background:none;border:0;padding:0 2px;} .product-options dd{padding:0 0 10px 0;margin:0 0 5px;border-bottom:1px solid #ededed;} .product-options dl.last dd.last{border-bottom:0;padding-bottom:5px;margin-bottom:0;} .product-options dd .input-text{width:98%;} .product-options dd .input-box{padding-top:0;} .product-options dd input.datetime-picker{width:150px;} .product-options dd .time-picker{display:-moz-inline-stack;display:inline-block;vertical-align:middle;*vertical-align:auto;zoom:1;*display:inline;padding:2px 0;vertical-align:middle;} .product-options dd textarea{width:98%;height:8em;} .product-options dd select{width:330px;max-width:100%;} .product-options ul.options-list{margin-right:5px;} .product-options ul.options-list li{line-height:1.5;margin-bottom:7px;} .product-options ul.options-list li:last-child{margin-bottom:0;} .product-options ul.options-list .radio, .product-options ul.options-list .checkbox{float:left;margin-top:5px;} .product-options ul.options-list .label{display:block;} .product-options ul.options-list label{font-weight:normal;} .product-options p.note{margin:0;font-size:11px;} .product-options-bottom{background-color:#f4f4f4;padding:15px 20px;border:1px solid #cccccc;border-top:0;margin-bottom:10px;} .product-options-bottom:after{content:'';display:table;clear:both;} .product-options-bottom .product-pricing, .product-options-bottom .tier-prices{float:right;margin:0;padding:0 0 10px;border:0;background:0;color:#636363;} .product-options-bottom .tier-prices li{background:0;padding:2px 0;} .product-options-bottom .tier-prices .price, .product-options-bottom .tier-prices .benefit{color:#636363;} .product-options-bottom .price-box{display:none;float:right;margin:0 0 10px;padding:0;} .product-options-bottom .price-tax{float:left;} .block-related li{margin-bottom:7px;} .block-related .block-title{border-bottom:none;} .block-related .block-title h2{margin:0;margin-bottom:0.5em;color:#636363;font-size:24px;font-weight:400;font-style:normal;line-height:1.2;text-rendering:optimizeLegibility;text-transform:uppercase;margin-bottom:0;} .block-related .block-subtitle{margin-bottom:7px;} .block-related .product{margin-left:20px;position:relative;} .block-related .checkbox{float:left;margin-top:36px;} .block-related .product-details{margin-left:90px;} .block-related .product-name{margin-bottom:3px;} .block-related .product-details .price-box{margin:2px 0 3px;} .block-related .product-details .price-box a, .block-related .product-details .price-box p, .block-related .product-details .price-box span{float:left;margin-left:3px;} .block-related .product-details .price-box a:first-child, .block-related .product-details .price-box p:first-child, .block-related .product-details .price-box span:first-child{margin-left:0;} .block-related .product-details .price-box:after{content:'';display:table;clear:both;} .block-related .link-wishlist{display:none;} .box-up-sell{margin-top:20px;} .box-up-sell .ratings{display:none;} .cart-msrp-totals{color:red;font-size:12px !important;font-weight:bold;margin:10px 10px 0;padding:10px;text-align:right;text-transform:uppercase;} .map-cart-sidebar-total{color:red;display:block;font-size:10px;font-weight:bold;text-align:left;padding:2px 5px;} .map-popup{background:#FFFFFF;border:5px solid #cccccc;margin:12px 0 0;position:absolute;text-align:left;width:450px;z-index:100;} .map-popup .map-popup-heading{padding:8px 10px;margin-right:40px;width:auto;} .map-popup .map-popup-heading h3{font-size:14px;margin:0;overflow:hidden;white-space:nowrap;word-wrap:break-word;text-align:left;text-overflow:ellipsis;} .map-popup .map-popup-close{display:block;position:absolute;top:0px;right:0px;height:36px;width:36px;font-size:20px;line-height:32px;text-align:center;} .map-popup .map-popup-content{border-top:1px solid #ededed;padding:10px;margin:0 10px;overflow:hidden;text-align:left;} .map-popup .map-popup-checkout{padding:10px 0;} .map-popup .map-popup-checkout form:after{content:'';display:table;clear:both;} .map-popup .map-popup-checkout span{display:block;} .map-popup .map-popup-checkout .button{float:left;margin:0 2px;clear:left;} .map-popup .map-popup-checkout .additional-addtocart-box{float:left;min-width:210px;} .map-popup .map-popup-checkout .additional-addtocart-box li{list-style-type:none;} .map-popup .map-popup-checkout .paypal-logo{width:auto;} .map-popup .map-popup-checkout .paypal-logo a{display:inline-block;float:left;clear:left;} .map-popup .map-popup-checkout .paypal-logo .paypal-or{float:left;text-align:center;padding:5px 15px;clear:left;} .map-popup .map-popup-checkout .paypal-logo:after{content:'';display:table;clear:both;} .map-popup .map-popup-checkout .paypal-logo .bml_button a{clear:left;} .map-popup .map-popup-checkout:after{content:'';display:table;clear:both;} .map-popup .map-popup-price{padding:10px 0;} .map-popup .map-popup-price .price-box, .map-popup .map-popup-price .price-box .special-price{display:inline-block;margin:0;padding:0;} .map-popup .map-popup-text{padding:10px 0;margin:0 10px;word-wrap:break-word;} .map-popup .map-popup-text, .map-popup .map-popup-only-text{border-top:1px solid #ededed;} .block-compare .product-name:after{content:'';display:table;clear:both;} .compare-table .product-image{display:inline-block;} .compare-table .product-shop-row.top td{padding-bottom:0;border-bottom:0;} .compare-table .product-shop-row.bottom td{padding-top:0;} .cart-table{float:left;width:60%;} .cart-forms, .cart-totals-wrapper, .crosssell{float:right;clear:right;width:40%;padding-left:20px;} .cart-totals, .cart-forms .discount, .cart-forms .giftcard, .cart-forms .shipping{padding:10px;background-color:#f4f4f4;border:1px solid #cccccc;} .cart-table, .cart-totals, .cart-forms .discount, .cart-forms .giftcard, .cart-forms .shipping{margin-bottom:20px;} .display-both-prices .cart-table{float:none;width:100%;} .display-both-prices .cart-forms{float:left;padding-right:10px;padding-left:0;} .display-both-prices .cart-totals-wrapper, .display-both-prices .crosssell{padding-left:10px;} .display-both-prices .cart-forms, .display-both-prices .cart-totals-wrapper, .display-both-prices .crosssell{width:50%;} .display-both-prices .crosssell{clear:right;float:right;} .cart .page-title{margin-bottom:15px;border-bottom:1px solid #ededed;} .cart .page-title:after{content:'';display:table;clear:both;} .cart .page-title h1{float:left;border-bottom:none;margin-bottom:6px;margin-right:10px;} .checkout-types{float:right;text-align:right;max-width:100%;} .checkout-types li{vertical-align:top;margin:0 0 5px 5px;} .checkout-types li:after{content:'';display:table;clear:both;} .checkout-types li img{display:inline;vertical-align:top;} .checkout-types li:first-child{margin-left:0;} .checkout-types .method-checkout-cart-methods-multishipping{display:block;} .checkout-types.top li{display:inline-block;} .checkout-types.top .bml_button{display:inline-block;vertical-align:top;} .checkout-types.top .bml_button img{display:block;} .checkout-types.bottom .paypal-logo a, .checkout-types.minicart .paypal-logo a{display:block;} .checkout-types.bottom .paypal-or, .checkout-types.minicart .paypal-or{margin:0px;width:150px;display:block;text-align:center;float:right;} .cart-totals .checkout-types .btn-checkout{margin-bottom:7px;} .cart-table{} .cart-table th, .cart-table td, .cart-table tbody td{border-bottom:none;vertical-align:top;} .cart-table h2{color:#636363;font-size:14px;font-weight:600;margin-bottom:0;} .cart-table thead th, .cart-table tbody td{background-color:transparent;padding:10px 5px;} .cart-table .product-cart-info, .cart-table .product-cart-actions{padding-left:15px;} .cart-table tr{border-bottom:1px solid silver;} .cart-table tfoot tr{background:none;} .cart-table tfoot tr > td:after{content:'';display:table;clear:both;} .cart-table span.or{font-size:9px;padding:0 5px;text-transform:uppercase;} .cart-table .product-cart-image .cart-links, .cart-table .product-cart-info .btn-remove, .cart-table .product-cart-actions .button{display:none;} .cart-table .product-cart-image{padding-left:0;padding-right:0;} .cart-table .product-cart-image .product-image img{max-width:100%;width:100%;} .cart-table .product-cart-image a.cart-edit{display:none;} .cart-table .product-cart-sku{font-family:Georgia, Times, "Times New Roman", serif;font-style:italic;font-size:12px;margin:5px 0 12px;} .cart-table .product-cart-sku .label{font-weight:600;} .cart-table .btn-empty{float:left;} .cart-table .product-cart-total, .cart-table .product-cart-price{text-align:center;} .cart-table .cart-tax-total{position:relative;cursor:pointer;} .cart-table .cart-tax-total:after{content:'';position:absolute;width:0;height:0;display:block;border-top:6px solid transparent;border-bottom:6px solid transparent;border-right:6px solid #8e0303;border-left:none;position:absolute;top:3px;right:-11px;} .cart-table .cart-tax-total.cart-tax-total-expanded:after{content:'';position:absolute;width:0;height:0;display:block;border-right:6px solid transparent;border-left:6px solid transparent;border-top:6px solid #8e0303;border-bottom:none;right:-15px;top:6px;} .cart-table .cart-links > li{white-space:nowrap;line-height:1.3;margin-bottom:5px;min-width:65px;font-size:13px;} .cart-table .cart-links > li > a{display:block;} .cart-table .cart-links > li:last-child{margin-bottom:0;} .cart-table .product-cart-actions{min-width:60px;text-align:center;} .cart-table .product-cart-actions .qty{height:30px;border-color:silver;border-radius:0;margin-bottom:10px;text-align:center;width:3em;} .cart-table .product-cart-actions .button{margin-bottom:5px;} .cart-table .item-options{padding-left:15px;} .shipping h2{font-size:12px;font-weight:bold;margin:0 0 5px;} .shipping select{max-width:100%;height:30px;display:block;border:1px solid silver;} .shipping select.validation-failed{border-color:red;} .shipping .shipping-desc{display:none;} .shipping .buttons-set{border:none;margin:0;padding:0;} .shipping .form-list:after{content:'';display:table;clear:both;} .shipping .form-list li{float:left;margin:5px 2% 10px 0;} .shipping .form-list .shipping-country{width:37%;} .shipping .form-list .shipping-region{width:41%;} .shipping .form-list .shipping-postcode{margin-right:0;width:18%;} .shipping .form-list .shipping-postcode input{margin-top:4px;} .shipping .form-list .input-box{padding-top:0;} .shipping .form-list input{height:30px;margin-top:4px;} .shipping .form-list label{font-size:13px;font-weight:400;text-transform:uppercase;} .shipping .sp-methods{padding:10px 0 0;text-align:left;} .shipping .sp-methods dd{margin-bottom:10px;} .shipping .sp-methods label{font-family:Georgia, Times, "Times New Roman", serif;font-size:12px;font-style:italic;min-width:100px;} .shipping .sp-methods label span{font-weight:bold;font-style:normal;} .shipping #co-shipping-method-form .buttons-set .button{float:left;margin-left:0;} .shipping #co-shipping-method-form .sp-methods dd label{border:1px solid #cccccc;background-color:#e7e7e7;min-width:220px;} .shipping #co-shipping-method-form .sp-methods dd label:hover{background-color:#dbdbdb;} .cart .cart-totals{text-align:right;} .cart .cart-totals:after{content:'';display:table;clear:both;} .cart .cart-totals table{font-size:12px;margin-bottom:20px;text-transform:uppercase;width:100%;} .cart .cart-totals table td{padding:2px 0px;} .cart .cart-totals table td:first-child{padding-right:10px;min-width:120px;} .cart .cart-totals table tbody tr:last-child td, .cart .cart-totals table tbody tr:last-child th{padding-bottom:10px;} .cart .cart-totals table tfoot{border-top:1px solid #E6E6E6;border-bottom:1px solid #E6E6E6;} .cart .cart-totals table tfoot td{font-size:24px;padding:2px 5px;vertical-align:top;} .cart .cart-totals table tfoot strong span, .cart .cart-totals table tfoot span.price{font-family:"Helvetica Neue", Verdana, Arial, sans-serif;} .cart .cart-totals table tfoot strong{font-weight:400;} .discount-form:after, #giftcard-form:after{content:'';display:table;clear:both;} #discount-coupon-form, .cart .giftcard{width:100%;} #discount-coupon-form h2, .cart .giftcard h2{display:none;} #discount-coupon-form label, .cart .giftcard label{font-size:12px;font-weight:400;text-align:left;text-transform:uppercase;min-width:105px;display:inline-block;margin-right:10px;} #discount-coupon-form .field-wrapper, .cart .giftcard .field-wrapper{display:inline-block;} #discount-coupon-form .validation-advice, .cart .giftcard .validation-advice{display:inline;} #discount-coupon-form .button-wrapper, .cart .giftcard .button-wrapper{display:inline-block;vertical-align:bottom;} #discount-coupon-form .button-wrapper > button, .cart .giftcard .button-wrapper > button{float:left;} #discount-coupon-form .input-text, .cart .giftcard .input-text{border-radius:0;height:30px;margin:4px 10px 0 0;width:190px;} .cart .giftcard p{margin-bottom:7px;} .cart .giftcard .check-gc-status{float:left;padding:0px;} .cart .giftcard .check-gc-status > span > span{font-size:14px;text-transform:none;} .crosssell h2{color:#8e0303;} .crosssell #crosssell-products-list .button, .crosssell #crosssell-products-list .add-to-links{display:none;} .checkout-onepage-index .col-right, .checkout-onepage-index .col-left{display:none;} .checkout-onepage-index .col-main{width:auto;float:none;} .opc select{width:365px;} .opc .section .step-title{width:100%;border-top:1px solid #ececec;position:relative;-moz-user-select:none;-ms-user-select:none;-webkit-user-select:none;-o-user-select:none;user-select:none;} .opc .section .step-title:after{content:'';display:table;clear:both;} .opc .section.allow:not(.active) .step-title{cursor:pointer;} .no-touch .opc .section.allow:not(.active) .step-title:hover{background-color:#f4f4f4;} .opc .section.active .step-title{border-bottom:1px solid #ececec;} .opc .section .step-title a{display:none;} .opc .section.allow:not(.active) .step-title a{display:block;float:right;line-height:40px;height:40px;padding:0px 10px;} .no-touch .opc .section .step-title a:hover{text-decoration:none;} .opc .section .step-title .number, .opc .section.allow.active .step-title .number, .no-touch .opc .section.allow:hover .step-title .number{width:26px;height:26px;text-align:center;color:#FFFFFF;line-height:26px;background-color:#8e0303;display:block;position:absolute;top:50%;left:10px;margin-top:-13px;} .opc .section.allow .step-title .number{background-color:#99cce5;} .opc .section.allow .step-title h2{color:#a0a0a0;} .opc .section.allow .step-title:hover h2, .opc .section.active .step-title h2{color:#8e0303;} .opc .section .step-title h2{font-size:16px;font-weight:400;line-height:40px;height:40px;float:left;margin:0px 4px 0px 45px;} .opc .section .step{padding:20px;} .opc .section .step:after{content:'';display:table;clear:both;} .opc h3{font-weight:500;} .opc .buttons-set{text-align:left;} .opc .buttons-set button.button{float:left;margin-left:0;margin-right:10px;margin-bottom:0;} .opc .buttons-set p.required{float:right;margin-left:5px;margin-bottom:0;} .opc .buttons-set .back-link{float:right;margin:0;} .opc .buttons-set a{line-height:20px;display:inline-block;padding:5px 5px 5px 0;} .opc #opc-login .step{padding:0px;} .opc #opc-login .buttons-set{border-top:0;padding-top:5px;} #opc-payment .note{padding:10px;} .opc.opc-firststep-login .section:not(#opc-login) .step-title, .opc-block-progress-step-login{-webkit-transition:opacity 300ms linear;-webkit-transition-delay:0;-moz-transition:opacity 300ms linear 0;-o-transition:opacity 300ms linear 0;transition:opacity 300ms linear 0;} .opc.opc-firststep-login .section#opc-login .step-title .number{-webkit-transition:width 80ms linear;-webkit-transition-delay:0;-moz-transition:width 80ms linear 0;-o-transition:width 80ms linear 0;transition:width 80ms linear 0;} .opc.opc-firststep-login .section#opc-login .step-title h2{-webkit-transition:margin-left 80ms linear;-webkit-transition-delay:0;-moz-transition:margin-left 80ms linear 0;-o-transition:margin-left 80ms linear 0;transition:margin-left 80ms linear 0;} body:not(.opc-has-progressed-from-login) .opc.opc-firststep-login .section:not(#opc-login) .step-title, body:not(.opc-has-progressed-from-login) .opc-block-progress-step-login{} body:not(.opc-has-progressed-from-login) .opc.opc-firststep-login .section#opc-login .step-title .number{} body:not(.opc-has-progressed-from-login) .opc.opc-firststep-login .section#opc-login .step-title h2{} .sp-methods{margin:0 0 8px;} .sp-methods dt{margin:13px 0 5px;font-weight:bold;} .sp-methods dt:first-child{margin:0 0 5px;} .sp-methods dd li{margin:5px 0;} .sp-methods label img{float:left;} .sp-methods label a{margin-top:6px;float:right;margin-left:10px;} .sp-methods .price{font-weight:bold;} .sp-methods .form-list{padding-left:20px;} .sp-methods .form-list li{margin:0 0 8px;} .sp-methods select.month{width:120px;margin-right:10px;} .sp-methods select.year{width:96px;} .sp-methods input.cvv{width:4em !important;} .sp-methods .checkmo-list li{margin:0 0 5px;content:'';display:table;clear:both;} .sp-methods .checkmo-list label{width:165px;padding-right:15px;text-align:right;float:left;} .sp-methods .checkmo-list address{float:left;} .sp-methods .release-amounts{margin:0.5em 0;} .sp-methods .release-amounts button{float:left;margin:5px 10px 0 0;} .block-progress{border:0;margin:0;border-left:1px solid #cccccc;padding-left:20px;} .block-progress .block-content{font-size:13px;} .block-progress dt{padding-top:6px;margin:0;margin-bottom:10px;color:#636363;font-size:14px;font-weight:bold;font-style:normal;line-height:1.4;text-rendering:optimizeSpeed;text-transform:uppercase;margin-bottom:6px;text-transform:uppercase;font-weight:normal;color:#a0a0a0;} .block-progress dt.complete{color:#636363;} .block-progress dd{padding-left:15px;margin-bottom:10px;font-family:Georgia, Times, "Times New Roman", serif;font-style:italic;} .block-progress dd address{font-style:italic;} .block-progress #payment-progress-opcheckout .subtitle{margin-bottom:3px;} .block-progress .payment-info dt{padding:0;margin:0 0 3px 0;color:#636363;font-family:Georgia, Times, "Times New Roman", serif;text-transform:none;font-style:italic;float:left;clear:both;font-size:13px;} .block-progress .payment-info dt:after{content:': ';} .block-progress .payment-info dd{float:left;margin-bottom:3px;font-size:13px;} .block-progress .payment-info:after{content:'';display:table;clear:both;} #checkout-review-table .btn-remove img{display:none;} .opc-block-progress dt.complete a, .opc-block-progress dt.complete .separator{display:inline;} .opc-block-progress dt a, .opc-block-progress dt .separator{display:none;} #checkout-step-review .opc-block-progress{border-left:none;padding-left:0;} #checkout-step-review .opc-block-progress .block-title{display:none;} #checkout-step-review .opc-block-progress .block-content{display:block !important;padding:0;} #checkout-step-review .opc-block-progress .block-content > dl > div{float:left;width:50%;} #checkout-step-review .opc-block-progress .block-content .changelink{display:none;} #checkout-step-review .centinel > p{margin-bottom:10px;} #checkout-step-review .centinel iframe{width:100%;min-height:400px;} .gift-messages-form .item{content:'';display:table;clear:both;margin-top:30px;} .gift-messages-form .item h5{font-weight:bold;} .gift-messages-form .item .product-img-box{width:auto;float:left;padding-right:15px;} .gift-messages-form .item .details{float:left;} .gift-message-form .inner-box > div{content:'';display:table;clear:both;width:100%;margin-top:15px;} .gift-message-form .inner-box > div.extra-options-container p{margin-bottom:15px;} .gift-message-form .gift-wrapping-form label{margin-right:10px;} .gift-message-form .gift-wrapping-form img{float:left;} .checkout-onepage-success .col-main{padding:0;text-align:center;} .checkout-onepage-success .buttons-set{margin:10px 0;text-align:center;} .checkout-onepage-success .buttons-set button{float:none;} .gift-message-form .gift-wrapping-form .gift-wrapping-design{height:75px;} .gift-message-form .gift-wrapping-form .gift-wrapping-design:after{content:'';display:table;clear:both;} .gift-message-form .gift-wrapping-form .gift-wrapping-design .image-box{margin-right:5px;} .gift-message-form .gift-item{padding-bottom:10px;margin-bottom:10px;border-bottom:solid 1px #ececec;} .gift-message-form .gift-item:after{content:'';display:table;clear:both;} .gift-message-form .gift-item .product-img-box{width:200px;} .gift-message-form .gift-item .product-img-box .product-image{width:75px;margin-left:auto;margin-right:auto;} .gift-message-form .gift-item .product-img-box .product-name{display:block;} .gift-message-form .gift-item .fieldset{margin-left:200px;} .clearfix:after, .configurable-swatch-list:after, .product-view .product-options .swatch-attr:after{display:block;content:".";clear:both;font-size:0;line-height:0;height:0;overflow:hidden;} .product-view .product-options .swatch-attr{float:none;display:block;clear:both;border:0;} .product-view .product-options dt.swatch-attr label{display:block;line-height:1.3;} .configurable-swatch-list{margin-left:-3px;zoom:1;clear:both;} .configurable-swatch-list li{float:left;zoom:1;margin:0 0 0 3px;} #narrow-by-list dd .configurable-swatch-list li{margin:0 0 0 3px;width:47%;} .swatch-link img{border-radius:3px;} .swatch-link, .swatch-label{display:block;border-radius:3px;font-size:14px;text-align:center;color:#666666;text-decoration:none;box-sizing:content-box;} .swatch-link{border:1px solid #bbbbbb;margin:0 0 3px;} #narrow-by-list dd .swatch-link{float:left;margin-right:2px;padding:0;} .currently .swatch-link{display:inline-block;margin:0 0 0 10px;} .swatch-label{border:1px solid #fff;margin:0;white-space:nowrap;background:#efefef;} .swatch-link:hover{cursor:pointer;} .currently .swatch-link:hover{cursor:default;} .swatch-link .x{display:none;text-indent:-999em;position:absolute;left:0;right:0;top:0;bottom:0;background:url(https://www.kmsbearings.com/skin/frontend/respond/topspot/images/bg_x.png) center no-repeat transparent;z-index:10;} .configurable-swatch-list .not-available .x{display:block;} .configurable-swatch-list .not-available .swatch-link{border-color:#e6e6e6;position:relative;} .configurable-swatch-list .not-available .swatch-label{color:#aaa;background:#fff;} .swatch-link.has-image .swatch-label{position:relative;} .swatch-link.has-image img{position:absolute;top:0;left:0;} .configurable-swatch-list .not-available .swatch-link.has-image img{opacity:0.4;filter:alpha(opacity=40);} .configurable-swatch-list .hover .swatch-link, .configurable-swatch-list .selected .swatch-link, .swatch-link:hover{border-color:#44f;} .currently .swatch-link:hover{border-color:#bbbbbb;} .configurable-swatch-list .wide-swatch .swatch-label{padding:0 6px;} .configurable-swatch-box{background:none !important;} .configurable-swatch-box select.swatch-select{display:none;} .configurable-swatch-box .validation-advice{margin:0 0 5px;background:#D91A00;padding:2px 5px !important;font-weight:bold;color:#fff !important;float:left;display:block;border-radius:3px;} .availability.out-of-stock span{color:#333;} .product-view .add-to-cart button.out-of-stock{background-position:-80px -362px;cursor:default;} .product-view .product-options dd .input-box{width:auto;height:auto;} .product-options .select-label{display:none;} .product-options dt.swatch-attr label, .product-options dt.swatch-attr .select-label{font-size:12px;} .product-options dt.swatch-attr .select-label{display:inline;font-weight:normal;color:#00acb1;padding-left:5px;} .customer-account-login .scaffold-form label:first-child{width:115px;} .customer-account-login .col2-set .buttons-set{text-align:left;border-top:0;} .customer-account-login .col2-set .buttons-set button, .customer-account-login .col2-set .buttons-set .button{float:none;min-width:50%;margin:0;} .customer-account-login .col2-set .col-1 ul{list-style:disc;padding-left:20px;margin:10px 0 20px 0;} .customer-account-create .scaffold-form label:first-child{width:140px;} .opc #opc-login p:not(.required){font-style:italic;font-family:Georgia, Times, "Times New Roman", serif;font-size:13px;color:#a0a0a0;} .remember-me-box a.hide{display:none;} .remember-me-box .link-tip{font-size:13px;padding-left:10px;} .remember-me-popup{display:none;border:1px solid #cccccc;padding:10px;position:relative;} .remember-me-popup.show{display:block;} .remember-me-popup p{font-family:"Helvetica Neue", Verdana, Arial, sans-serif;} .remember-me-popup .remember-me-popup-close{position:absolute;top:0;right:0;padding:10px;font-size:12px;} .remember-me-popup .remember-me-popup-close-button{display:none;} .customer-account-create .buttons-set{max-width:455px;} .customer-account-create .fieldset, .customer-account-create .buttons-set{margin-left:30px;} .customer-account-create .fieldset .hidden{display:none;} .customer-account-create #remember-me-popup{max-width:455px;} .customer-account-forgotpassword .fieldset, .customer-account-forgotpassword .buttons-set{margin-left:30px;max-width:400px;} .customer-account-forgotpassword .fieldset .input-box input.input-text{width:100%;} body.customer-account .my-account .page-title h1{border:0;text-align:left;} body.customer-account .my-account .title-buttons{position:relative;text-align:right;} body.customer-account .my-account .title-buttons h1{text-align:left;} body.customer-account .my-account .title-buttons .button{position:absolute;right:0;top:0;} body.customer-account .my-account .title-buttons a, body.customer-account .my-account .title-buttons span.separator{position:relative;top:-42px;} body.customer-account .my-account .fieldset h2, body.customer-account .my-account .addresses-list h2, body.customer-account .my-account .order-details h2{width:100%;display:inline-block;} body.customer-account .my-account .addresses-list h3{font-size:14px;font-weight:600;} body.customer-account .my-account .fieldset{margin-top:30px;margin-bottom:30px;} body.customer-account .data-table{margin-top:5px;} body.customer-account .data-table td a{text-transform:uppercase;font-style:normal;font-size:13px;} body.customer-account .sidebar .block ol#compare-items li{margin:10px 0;} body.customer-account .sidebar .block .block-content p.block-subtitle{margin-bottom:15px;} body.customer-account .sidebar .block .block-content .actions{margin-top:30px;} body.customer-account .sidebar ol#cart-sidebar-reorder li{margin-top:10px;margin-bottom:0;} body.customer-account .sidebar ol#cart-sidebar-reorder p.product-name{display:inline-block;margin-bottom:0;} body.customer-account .sidebar .block-cart .summary{margin-bottom:15px;} body.customer-account .sidebar .block-reorder ol#cart-sidebar-reorder li{margin-top:10px;margin-bottom:0;} body.customer-account .sidebar .block-reorder ol#cart-sidebar-reorder li input{margin-right:10px;} body.customer-account .sidebar .block-reorder ol#cart-sidebar-reorder p.product-name{display:inline;margin-bottom:0;} .form-list .customer-dob .dob-month, .form-list .customer-dob .dob-day{width:40px;float:left;margin-right:10px;} .form-list .customer-dob .dob-year{width:80px;float:left;} .dashboard .box-head{margin-top:30px;border-bottom:1px solid #cccccc;padding-bottom:7px;} .dashboard .box-head h2{font-size:15px;font-weight:600;display:inline-block;margin-bottom:0;} .dashboard .box-head a{padding:10px;} .dashboard .box-title a, .dashboard .box-head a{text-transform:uppercase;font-size:12px;} .dashboard .box-account{padding-bottom:40px;border-bottom:1px solid #cccccc;margin-bottom:45px;} .dashboard .box-account p, .dashboard .box-account address{font-family:Georgia, Times, "Times New Roman", serif;font-style:italic;} .dashboard .col2-set .col-1, .dashboard .col2-set .col-2{padding-right:12.09677%;padding-bottom:0;} .dashboard .col2-set .col-1 .box-title, .dashboard .col2-set .col-2 .box-title{position:relative;padding-bottom:10px;} .dashboard .col2-set .col-1 .box-title h2, .dashboard .col2-set .col-1 .box-title h3, .dashboard .col2-set .col-2 .box-title h2, .dashboard .col2-set .col-2 .box-title h3{font-weight:600;font-size:14px;margin-bottom:0;} .dashboard .col2-set .col-1 .box-title a, .dashboard .col2-set .col-2 .box-title a{position:absolute;top:-10px;right:-10px;padding:10px;line-height:19.6px;} .dashboard .box-reviews.box-account{padding-bottom:0;} .dashboard .box-reviews li{padding:10px 0;border-top:1px solid #ededed;} .dashboard .box-reviews li:first-child{border-top:0;} .dashboard .box-reviews li .number{margin-right:-20px;float:left;line-height:1.4;font-size:13px;} .dashboard .box-reviews li .details{margin-left:20px;} .dashboard .box-reviews li .details .ratings{content:'';display:table;clear:both;margin-bottom:0;} .dashboard .box-reviews li .details .ratings strong{float:left;font-size:13px;margin-right:5px;} .dashboard .box-reviews li .details .ratings .rating-box{float:left;margin:3px 0 0 0;} .my-account .addresses-list{font-family:Georgia, Times, "Times New Roman", serif;} .my-account .addresses-list .col-1, .my-account .addresses-list .col-2{padding-bottom:0;} .my-account .addresses-list .item{margin:0 0 30px 0;} .my-account .addresses-list .item p{margin-top:10px;} .order-info{padding-bottom:10px;border-bottom:1px solid #ededed;width:100%;margin-bottom:30px;} .order-info dt, .order-info dd, .order-info ul, .order-info li{display:inline;} .order-info dt{margin-right:20px;} .order-info li{margin:0 0 0 20px;} .order-info li.current{font-weight:600;} .order-info li:first-child{margin-left:0;} .order-date{text-transform:uppercase;} .order-info-box{margin-bottom:40px;margin-top:20px;} .order-info-box + .order-info-box{padding-bottom:40px;border-bottom:1px solid #ededed;} .order-info-box .col-1{padding-right:0;width:48%;} .order-info-box .col-2{width:52%;} .order-info-box .col-1, .order-info-box .col-2{overflow:hidden;padding-top:0;padding-bottom:0;} .order-info-box .box-title{width:150px;padding-right:10px;float:left;} .order-info-box .box-title h2{font-size:14px;font-weight:bold;line-height:1.5;} .order-info-box .box-title h2:after{content:':';} .order-info-box .box-content{float:left;font-family:Georgia, Times, "Times New Roman", serif;} .order-info-box .box-content td, .order-info-box .box-content th{font-family:Georgia, Times, "Times New Roman", serif;line-height:1.3;} .order-info-box .box-content th{padding-top:10px;} .order-info-box .box-content td{padding-left:15px;} .order-info-box .box-content strong{font-weight:normal;text-transform:uppercase;} #my-orders-table .option-label{margin-left:10px;font-weight:600;font-style:italic;} #my-orders-table .option-value{margin-left:20px;} #my-orders-table tr.bundle:not(:last-child) td{border-bottom:none;border-top:none;} ol#cart-sidebar-reorder li{margin-top:10px;margin-bottom:0;} ol#cart-sidebar-reorder li input{margin-right:10px;} ol#cart-sidebar-reorder p.product-name{display:inline;} .order-additional{margin:40px 0;} .order-gift-message dd{margin-top:10px;} body.newsletter-manage-index .my-account .fieldset{margin-bottom:20px;} body.newsletter-manage-index .my-account .fieldset h2{display:none;} body.newsletter-manage-index .my-account .form-list{border-top:1px solid #ededed;padding-top:10px;} .contacts-index-index .buttons-set{margin-left:30px;max-width:435px;} .contacts-index-index .buttons-set p.required{float:left;} div.paypal-logo{text-align:center;margin:15px 0;max-width:100%;} div.paypal-logo span{display:block;width:100%;} div.paypal-logo span a{display:inline-block;max-width:100%;} div.paypal-logo span a img{max-width:100%;} div.paypal-logo span > img{display:none;} .checkout-types div.paypal-logo{text-align:right;} .bml-checkout-type{list-style-type:none;} .paypal-review-order .info-set{margin-bottom:10px;padding-bottom:10px;border-bottom:1px solid #ededed;} .paypal-review-order .buttons-set{margin-top:0px;padding-top:0px;border:0;} .paypal-review-order .buttons-set button{margin-bottom:10px;} .bml-ad{display:none;} .bml-ad.small img{margin:auto;max-width:100%;} #customer-reviews{width:auto;float:none;} #customer-reviews .review-heading{border-top:1px solid #cccccc;border-bottom:1px solid #cccccc;padding:10px 0 5px;} #customer-reviews .review-heading:after{content:'';display:table;clear:both;} #customer-reviews .review-heading h2{float:left;display:block;} #customer-reviews .review-heading .pager{clear:none;float:right;width:auto;} #customer-reviews .review-heading .pager .count-container .limiter{margin-bottom:0;} #customer-reviews .review-heading .pager .count-container .limiter label{font-size:10px;text-transform:uppercase;} #customer-reviews .review-heading .pager .amount{display:none;} #customer-reviews h2{color:#8e0303;font-size:12px;text-transform:uppercase;} #customer-reviews h2 span{color:#636363;} #customer-reviews h3{font-size:12px;font-weight:normal;text-transform:uppercase;} #customer-reviews h3 span{color:#8e0303;} #customer-reviews .fieldset{padding-top:25px;width:470px;} #customer-reviews .fieldset h4{border-bottom:1px solid #cccccc;font-size:12px;font-weight:normal;padding-bottom:5px;text-transform:uppercase;} #customer-reviews .fieldset h4 em{display:none;} #customer-reviews .fieldset .form-list{font-size:12px;font-weight:normal;margin:10px 0;text-transform:uppercase;width:470px;} #customer-reviews .fieldset .form-list .inline-label:after{content:'';display:table;clear:both;} #customer-reviews .fieldset .form-list label{font-size:12px;font-weight:normal;} #customer-reviews .fieldset .form-list textarea{border:1px solid #cccccc;border-radius:0;min-width:100%;-webkit-appearance:none;} #customer-reviews .fieldset .form-list input{border:1px solid #cccccc;border-radius:0;} #customer-reviews .fieldset .form-list input[type="text"]{width:100%;} #customer-reviews .buttons-set{border:none;margin:0;width:470px;} #customer-reviews dl{font-size:12px;font-weight:normal;margin-bottom:10px;} #customer-reviews dl dt{margin:10px 0;text-transform:uppercase;} #customer-reviews dl dd{font-family:Georgia, Times, "Times New Roman", serif;font-size:14px;margin:10px 0;} #customer-reviews dl dd .ratings-table{font-size:12px;width:100%;} #customer-reviews dl dd .ratings-table tr{float:left;margin-right:15px;} #customer-reviews dl dd table{margin:15px 0;} #customer-reviews dl dd .review-meta{color:#8e0303;font-size:10px;font-weight:normal;text-transform:uppercase;} .review-summary-table{border-bottom:1px solid #cccccc;margin:0 0 10px;} .review-summary-table thead{background:transparent;} .review-summary-table thead th{background:transparent;border:none;padding:15px 7px 10px 8px;} .review-summary-table tbody th{background:#FFFFFF;font-size:12px;} .review-summary-table tbody td{border:none;text-align:center;padding:0;} .review-summary-table tbody td label{width:100%;display:block;padding:11px 0;} .review-summary-table .rating-box .rating-number{display:none;} .review-summary-table .rating-box .rating-number:after{content:"";display:inline-block;background-position:0px -599px;width:13px;height:14px;margin-left:5px;position:relative;top:2px;} .ratings-table{font-size:12px;text-transform:uppercase;} .ratings-table th{padding-right:10px;} .ratings-table .rating-box{background-position:0 -615px;background-repeat:repeat-x;height:13px;overflow:hidden;text-indent:-9999px;width:65px;} .ratings-table .rating-box .rating{background-position:0 -600px;background-repeat:repeat-x;float:left;height:13px;text-indent:-9999px;} .review-product-view .product-review .product-details h2{border-bottom:none;} .review-product-view .product-review .product-img-box{width:auto;max-width:50%;} .review-product-view .product-review .product-img-box > a{width:100%;} .review-product-view .product-review .product-img-box .product-image{width:100%;} .slideshow-container{position:relative;display:block;width:100%;margin:10px 0;border:1px solid #ededed;} .slideshow-container .slideshow{width:100%;padding:0;position:relative;margin:0;border:10px solid #FFFFFF;} .slideshow-container .slideshow > li{position:absolute;top:0;left:0;width:100%;padding:0;display:block;margin:0;} .slideshow-container .slideshow > li:first-child{position:static;z-index:100;} .slideshow-container .slideshow > li img{max-width:100%;width:100%;} .slideshow-pager{text-align:center;width:100%;z-index:115;position:absolute;bottom:0px;top:auto;overflow:hidden;-moz-user-select:none;-ms-user-select:none;-webkit-user-select:none;-o-user-select:none;user-select:none;} .slideshow-pager span{font-family:arial;width:44px;height:44px;display:inline-block;color:#DDDDDD;cursor:pointer;} .slideshow-pager span:before{content:'';display:block;width:16px;height:16px;left:50%;top:50%;margin-left:-8px;margin-top:-8px;border-radius:1px;background-color:#FFFFFF;position:relative;} .slideshow-pager span:hover:before{background-color:#2e8ab8;} .slideshow-pager span.cycle-pager-active:before{background-color:#8e0303;} .slideshow-pager > *{cursor:pointer;} .slideshow-prev, .slideshow-next{position:absolute;top:0;width:15%;max-width:80px;height:100%;opacity:0.6;z-index:110;cursor:pointer;-moz-user-select:none;-ms-user-select:none;-webkit-user-select:none;-o-user-select:none;user-select:none;} .slideshow-prev:before, .slideshow-next:before{content:'';width:0;height:0;font-size:0;position:absolute;border-style:solid;display:block;top:50%;margin-top:-15px;} .slideshow-prev:hover, .slideshow-next:hover{opacity:1;} .slideshow-prev.disabled, .slideshow-next.disabled{filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=50);opacity:0.5;cursor:default;} .slideshow-prev{left:8px;} .slideshow-prev:before{border-width:15px 15px 15px 0;border-color:transparent #FFFFFF transparent transparent;top:50%;left:10px;} .slideshow-prev:hover:before{border-color:transparent #2e8ab8 transparent transparent;} .slideshow-next{right:8px;} .slideshow-next:before{border-width:15px 0 15px 15px;border-color:transparent transparent transparent #FFFFFF;top:50%;right:10px;} .slideshow-next:hover:before{border-color:transparent transparent transparent #2e8ab8;} .cycle-caption{position:absolute;color:white;bottom:15px;right:15px;z-index:110;} .cycle-overlay{font-family:tahoma, arial;position:absolute;bottom:0;width:100%;z-index:120;background:black;color:white;padding:15px;opacity:.5;} #wishlist-table th{text-align:center;} #wishlist-table.clean-table{font-size:12px;text-transform:uppercase;width:100%;} #wishlist-table.clean-table th{border-bottom:1px solid silver;} #wishlist-table.clean-table td{padding:15px;vertical-align:top;} #wishlist-table.clean-table thead th{font-size:12px;text-transform:uppercase;} #wishlist-table .product-name{font-size:16px;margin-bottom:0;text-transform:uppercase;} #wishlist-table .product-name a{color:#8e0303;} #wishlist-table .wishlist-sku{font-size:11px;margin:5px 0;} #wishlist-table textarea{border:1px solid silver;width:100%;height:45px;font-size:11px;} #wishlist-table textarea::-webkit-input-placeholder{text-transform:uppercase;} #wishlist-table textarea:-moz-placeholder{text-transform:uppercase;} #wishlist-table textarea::-moz-placeholder{text-transform:uppercase;} #wishlist-table textarea:-ms-input-placeholder{text-transform:uppercase;} #wishlist-table textarea:focus{border:1px solid #8e0303;} #wishlist-table .item-manage{text-align:right;max-width:450px;padding-top:5px;} #wishlist-table .item-manage .button{color:#FFFFFF;font-size:11px;padding:3px 5px;} #wishlist-table .cart-cell{text-align:center;} #wishlist-table td.customer-wishlist-item-image{width:113px;} #wishlist-table td.customer-wishlist-item-quantity{width:3em;} #wishlist-table td.customer-wishlist-item-price{width:120px;text-align:center;} #wishlist-table td.customer-wishlist-item-cart{width:150px;} #wishlist-table td.customer-wishlist-item-cart .button{font-size:12px;margin-bottom:10px;padding:3px 5px;width:100%;} #wishlist-table td.customer-wishlist-item-cart .truncated{margin-bottom:10px;} #wishlist-table td.customer-wishlist-item-cart > p{margin-bottom:0;} #wishlist-table td.customer-wishlist-item-cart .remove-whishlist-item{text-align:center;} #wishlist-table td.customer-wishlist-item-cart .btn-remove{vertical-align:top;} #wishlist-table td.customer-wishlist-item-remove{width:20px;} #wishlist-table .price-box{font-size:12px;} #wishlist-table .price-box .price{color:#636363;} #wishlist-table .giftregisty-add{margin-top:5px;} #wishlist-table .giftregisty-add .change{display:none;} #wishlist-table .giftregisty-add li{cursor:pointer;color:#8e0303;margin-bottom:3px;} #wishlist-table .truncated .details{background:none;color:#8e0303;} .block-wishlist .mini-products-list > li:not(:last-child){padding-bottom:5px;} .block-wishlist .product-details .product-name{padding-top:0;margin-bottom:5px;} .block-wishlist .price-box{float:left;margin:0;} .block-wishlist .price-box, .block-wishlist .price-box .price, .block-wishlist .link-cart{font-size:12px;} .block-wishlist .link-cart{float:left;text-transform:uppercase;margin-right:7px;padding-right:7px;border-right:1px solid #ededed;} .header-minicart .minicart-message{display:block;padding:10px;} .header-minicart .minicart-wrapper{clear:both;position:relative;} .header-minicart .minicart-wrapper:before, .header-minicart .minicart-wrapper:after{content:'';position:absolute;top:0px;left:0px;width:100%;height:100%;display:none;} .header-minicart .minicart-wrapper:before{background-color:white;opacity:0.8;z-index:2;} .header-minicart .minicart-wrapper:after{background-image:url("https://www.kmsbearings.com/skin/frontend/respond/topspot/images/opc-ajax-loader.gif");background-repeat:no-repeat;background-position:center;z-index:3;} .header-minicart .minicart-wrapper.loading{position:relative;} .header-minicart .minicart-wrapper.loading:before, .header-minicart .minicart-wrapper.loading:after{display:block;} .header-minicart .block-cart{display:none;} .header-minicart .block-subtitle{color:#50A4CF;font-size:10px;font-weight:bold;line-height:1.4;padding:5px;text-align:center;text-transform:uppercase;margin-bottom:0px;} .header-minicart .block-subtitle .close{width:40px;float:right;display:block;color:#636363;text-decoration:none;font-weight:normal;font-size:30px;position:absolute;top:-8px;right:-3px;} .header-minicart .mini-products-list{padding:10px;padding-top:0px;} .header-minicart .mini-products-list li{padding:8px 5px 8px 11px;border-bottom:1px solid #DDDDDD;position:relative;} .header-minicart .mini-products-list li.last{border:none;} .header-minicart .mini-products-list li .product-details{position:relative;} .header-minicart .product-details .product-name{padding-top:0px;font-weight:bold;} .header-minicart .product-details .product-name a{color:#8e0303;} .header-minicart .info-wrapper{margin-bottom:0.5em;} .header-minicart .info-wrapper th{text-transform:uppercase;padding-right:10px;} .header-minicart .info-wrapper td{color:#8e0303;clear:right;} .header-minicart .info-wrapper .qty-wrapper td{height:33px;line-height:33px;} .header-minicart .info-wrapper .qty{padding-left:4px;padding-right:4px;margin-right:2px;width:30px;} .header-minicart .info-wrapper .quantity-button{opacity:0;-webkit-transition-property:opacity;-moz-transition-property:opacity;-o-transition-property:opacity;transition-property:opacity;-webkit-transition-duration:100ms;-moz-transition-duration:100ms;-o-transition-duration:100ms;transition-duration:100ms;} .header-minicart .info-wrapper .quantity-button[disabled]{cursor:default;} .header-minicart .info-wrapper .quantity-button.visible{opacity:1;} .header-minicart .subtotal{background-color:#DDDDDD;text-align:center;line-height:2em;} .header-minicart .subtotal .label{color:white;text-transform:uppercase;} .header-minicart .subtotal .price{color:#8e0303;} .header-minicart .minicart-actions{padding:10px;margin-top:0px;overflow:hidden;position:relative;} .header-minicart .minicart-actions .checkout-button{min-width:145px;} .header-minicart .minicart-actions .cart-link{height:33px;line-height:39px;text-transform:uppercase;display:block;font-size:13px;left:10px;bottom:17px;position:absolute;} .header-minicart .minicart-actions .paypal-logo .paypal-or{line-height:1.6;} .header-minicart #minicart-error-message{text-align:center;color:red;display:none;} .header-minicart #minicart-success-message{text-align:center;color:green;display:none;} .header-minicart .jcarousel-control-prev, .header-minicart .jcarousel-control-next{display:none;} .header-minicart.skip-active .block-cart, .block-cart.skip-active{display:block;} .search-autocomplete{left:0 !important;overflow:visible !important;position:relative !important;top:15px !important;width:100% !important;z-index:200;} .search-autocomplete ul{-webkit-border-radius:2px;-moz-border-radius:2px;-ms-border-radius:2px;-o-border-radius:2px;border-radius:2px;background-color:#FFFFFF;border:1px solid #8e0303;left:0;padding-left:0;position:absolute;top:0;width:100%;} .search-autocomplete ul li{border-bottom:1px solid #f4f4f4;color:#8e0303;cursor:pointer;font-size:12px;padding:4px 6px;text-align:left;} .search-autocomplete ul li:hover{color:#2e8ab8;} .search-autocomplete ul li.selected{background-color:#8e0303;color:white;} .search-autocomplete ul li .amount{float:right;font-weight:bold;} .search-autocomplete ul li:last-child{border-bottom:none;} .search-autocomplete:before{content:'';position:absolute;width:0;height:0;display:block;border-right:7px solid transparent;border-left:7px solid transparent;border-bottom:7px solid #8e0303;border-top:none;left:50%;top:-7px;} .advanced-search{background:#f4f4f4;border:1px solid #ededed;padding:30px;} .advanced-search select.multiselect option{border-bottom:1px solid #ededed;padding:2px 5px;} .product-review .product-img-box p.label{border-bottom:1px solid #cccccc;font-size:16px;margin-top:20px;padding-bottom:10px;text-transform:uppercase;} .product-review .product-img-box .rating-box{margin:15px 0;} .product-review .product-details h2{border-bottom:1px solid #cccccc;color:#8e0303;font-size:16px;font-weight:600;padding-bottom:10px;} .product-review .ratings-table{} .product-review .ratings-table th{padding-right:10px;} .product-review .ratings-table tr{float:left;font-size:12px;margin-right:10px;text-transform:uppercase;} .product-review .ratings-description dt{border-bottom:1px solid #cccccc;font-size:16px;font-weight:400;margin-top:20px;padding:10px 0;text-transform:uppercase;} .product-review .ratings-description dd{color:#737373;font-size:13px;} .cms-page-view .page-title h1, .cms-page-view .page-title h3, .cms-page-view .page-head h1, .cms-page-view .page-head h3, .cms-no-route .page-title h1, .cms-no-route .page-title h3, .cms-no-route .page-head h1, .cms-no-route .page-head h3{border:none;} .cms-page-view .std img, .cms-no-route .std img{max-width:100%;} .cms-page-view .std p, .cms-no-route .std p{color:#636363;font-family:Georgia, Times, "Times New Roman", serif;font-size:14px;font-style:italic;line-height:24px;} .cms-page-view .std h1, .cms-no-route .std h1{color:#8e0303;} .cms-page-view .std h2, .cms-no-route .std h2{color:#8e0303;} .cms-page-view .std li, .cms-no-route .std li{color:#636363;font-family:Georgia, Times, "Times New Roman", serif;font-size:14px;font-style:italic;line-height:24px;} .cms-page-view .col-left:after, .cms-no-route .col-left:after{content:'';display:table;clear:both;} .cms-no-route .std img{width:100%;} .cms-page-view .std .messages, .cms-home .std .messages, .cms-no-route .std .messages{margin-bottom:10px;} .cms-page-view .std .messages ul, .cms-home .std .messages ul, .cms-no-route .std .messages ul{margin-bottom:0;} .cms-page-view .std .messages li, .cms-home .std .messages li, .cms-no-route .std .messages li{list-style:none;margin-left:0;font-style:normal;font-family:"Helvetica Neue", Verdana, Arial, sans-serif;} #accordion .toggle-tabs{display:none;} #accordion > dl > dt{margin:0;margin-bottom:10px;color:#636363;font-size:14px;font-weight:bold;font-style:normal;line-height:1.4;text-rendering:optimizeSpeed;text-transform:uppercase;-moz-user-select:none;-ms-user-select:none;-webkit-user-select:none;-o-user-select:none;user-select:none;font-weight:normal;margin-bottom:0px;padding:7px 10px 7px 24px;border-width:1px;border-style:solid;border-color:#cccccc;position:relative;background-color:#f4f4f4;display:block;} #accordion > dl > dt:after{content:'';position:absolute;width:0;height:0;display:block;border-right:4px solid transparent;border-left:4px solid transparent;border-top:4px solid #8e0303;border-bottom:none;left:10px;top:50%;margin-top:-3px;} #accordion > dl > dd{padding:10px;margin:0;border-width:0 1px;border-style:solid;border-color:#cccccc;} #accordion > dl > dd:last-child{border-width:0 1px 1px 1px;} #accordion li{position:relative;overflow:hidden;} #accordion li .plusimage h2{margin-right:10px;} .page-sitemap .links{display:block;text-align:right;margin:0 20px 0 0;} .page-sitemap .links a{position:relative;} .page-sitemap .sitemap{padding:0 20px;margin:15px 0;font-size:12px;} .page-sitemap .sitemap li{margin:3px 0;} .contacts-index-index h1{border:none;} #contactForm{padding-left:40px;} #contactForm h2{display:none;} #contactForm:after{content:'';display:table;clear:both;} #contactForm .fieldset .legend + .required{margin:0;} .price-box.map-info .old-price{display:none;} .price-box .minimal-price-link .label{color:#cf5050;font-size:12px;text-transform:uppercase;} .notice-cookie .notice-inner{padding-bottom:0;} .notice-cookie .notice-inner:after{content:'';display:table;clear:both;} .notice-cookie .notice-text{float:left;max-width:90%;padding-top:4px;text-align:left;} .notice-cookie .notice-text p{padding-bottom:14.5px;line-height:1.3;} .notice-cookie .actions{float:left;text-align:right;padding-bottom:14.5px;} div.calendar table{border-collapse:separate;} div.calendar table td.button{display:table-cell;background:inherit;color:inherit;text-transform:none;} .fancybox-wrap, .fancybox-skin, .fancybox-outer, .fancybox-inner, .fancybox-image, .fancybox-wrap iframe, .fancybox-wrap object, .fancybox-nav, .fancybox-nav span, .fancybox-tmp{padding:0;margin:0;border:0;outline:none;vertical-align:top;} .fancybox-wrap{position:absolute;top:0;left:0;z-index:8020;} .fancybox-skin{position:relative;background:#f9f9f9;color:#444;text-shadow:none;-webkit-border-radius:4px;-moz-border-radius:4px;border-radius:4px;} .fancybox-opened{z-index:8030;} .fancybox-opened .fancybox-skin{-webkit-box-shadow:0 10px 25px rgba(0, 0, 0, 0.5);-moz-box-shadow:0 10px 25px rgba(0, 0, 0, 0.5);box-shadow:0 10px 25px rgba(0, 0, 0, 0.5);} .fancybox-outer, .fancybox-inner{position:relative;} .fancybox-inner{overflow:hidden;} .fancybox-type-iframe .fancybox-inner{-webkit-overflow-scrolling:touch;} .fancybox-error{color:#444;font:14px/20px "Helvetica Neue",Helvetica,Arial,sans-serif;margin:0;padding:15px;white-space:nowrap;} .fancybox-image, .fancybox-iframe{display:block;width:100%;height:100%;} .fancybox-image{max-width:100%;max-height:100%;} #fancybox-loading, .fancybox-close, .fancybox-prev span, .fancybox-next span{background-image:url('https://www.kmsbearings.com/skin/frontend/respond/topspot/css/fancybox_sprite.png');} #fancybox-loading{position:fixed;top:50%;left:50%;margin-top:-22px;margin-left:-22px;background-position:0 -108px;opacity:0.8;cursor:pointer;z-index:8060;} #fancybox-loading div{width:44px;height:44px;background:url('https://www.kmsbearings.com/skin/frontend/respond/topspot/css/fancybox_loading.gif') center center no-repeat;} .fancybox-close{position:absolute;top:-18px;right:-18px;width:36px;height:36px;cursor:pointer;z-index:8040;} .fancybox-nav{position:absolute;top:0;width:40%;height:100%;cursor:pointer;text-decoration:none;background:transparent url('https://www.kmsbearings.com/skin/frontend/respond/topspot/css/blank.gif');-webkit-tap-highlight-color:rgba(0,0,0,0);z-index:8040;} .fancybox-prev{left:0;} .fancybox-next{right:0;} .fancybox-nav span{position:absolute;top:50%;width:36px;height:34px;margin-top:-18px;cursor:pointer;z-index:8040;visibility:hidden;} .fancybox-prev span{left:10px;background-position:0 -36px;} .fancybox-next span{right:10px;background-position:0 -72px;} .fancybox-nav:hover span{visibility:visible;} .fancybox-tmp{position:absolute;top:-99999px;left:-99999px;visibility:hidden;max-width:99999px;max-height:99999px;overflow:visible !important;} .fancybox-lock{overflow:hidden !important;width:auto;} .fancybox-lock body{overflow:hidden !important;} .fancybox-lock-test{overflow-y:hidden !important;} .fancybox-overlay{position:absolute;top:0;left:0;overflow:hidden;display:none;z-index:8010;background:url('https://www.kmsbearings.com/skin/frontend/respond/topspot/css/fancybox_overlay.png');} .fancybox-overlay-fixed{position:fixed;bottom:0;right:0;} .fancybox-lock .fancybox-overlay{overflow:auto;overflow-y:scroll;} .fancybox-title{visibility:hidden;font:normal 13px/20px "Helvetica Neue",Helvetica,Arial,sans-serif;position:relative;text-shadow:none;z-index:8050;} .fancybox-opened .fancybox-title{visibility:visible;} .fancybox-title-float-wrap{position:absolute;bottom:0;right:50%;margin-bottom:-35px;z-index:8050;text-align:center;} .fancybox-title-float-wrap .child{display:inline-block;margin-right:-100%;padding:2px 20px;background:transparent;background:rgba(0, 0, 0, 0.8);-webkit-border-radius:15px;-moz-border-radius:15px;border-radius:15px;text-shadow:0 1px 2px #222;color:#FFF;font-weight:bold;line-height:24px;white-space:nowrap;} .fancybox-title-outside-wrap{position:relative;margin-top:10px;color:#fff;} .fancybox-title-inside-wrap{padding-top:10px;} .fancybox-title-over-wrap{position:absolute;bottom:0;left:0;color:#fff;padding:10px;background:#000;background:rgba(0, 0, 0, .8);} @media only screen and (-webkit-min-device-pixel-ratio:1.5), only screen and (min--moz-device-pixel-ratio:1.5), only screen and (min-device-pixel-ratio:1.5){#fancybox-loading, .fancybox-close, .fancybox-prev span, .fancybox-next span{background-image:url('https://www.kmsbearings.com/skin/frontend/respond/topspot/css/fancybox_sprite@2x.png');background-size:44px 152px;} #fancybox-loading div{background-image:url('https://www.kmsbearings.com/skin/frontend/respond/topspot/css/fancybox_loading@2x.gif');background-size:24px 24px;} } .flex-container a:active, .flexslider a:active, .flex-container a:focus, .flexslider a:focus{outline:none;} .slides, .flex-control-nav, .flex-direction-nav{margin:0;padding:0;list-style:none;} @font-face{font-family:'flexslider-icon';src:url('https://www.kmsbearings.com/skin/frontend/respond/topspot/css/fonts/flexslider-icon.eot');src:url('https://www.kmsbearings.com/skin/frontend/respond/topspot/css/fonts/flexslider-icon.eot?#iefix') format('embedded-opentype'), url('https://www.kmsbearings.com/skin/frontend/respond/topspot/css/fonts/flexslider-icon.woff') format('woff'), url('https://www.kmsbearings.com/skin/frontend/respond/topspot/css/fonts/flexslider-icon.ttf') format('truetype'), url('https://www.kmsbearings.com/skin/frontend/respond/topspot/css/fonts/flexslider-icon.svg#flexslider-icon') format('svg');font-weight:normal;font-style:normal;} .flexslider{margin:0;padding:0;} .flexslider .slides > li{display:none;-webkit-backface-visibility:hidden;} .flexslider .slides img{width:100%;display:block;} .flex-pauseplay span{text-transform:capitalize;} .slides:after{content:".";display:block;clear:both;visibility:hidden;line-height:0;height:0;} html[xmlns] .slides{display:block;} * html .slides{height:1%;} .no-js .slides > li:first-child{display:block;} .flexslider{margin:0 0 60px;background:#fff;border:4px solid #fff;position:relative;-webkit-border-radius:4px;-moz-border-radius:4px;-o-border-radius:4px;border-radius:4px;-webkit-box-shadow:0 1px 4px rgba(0,0,0,.2);-moz-box-shadow:0 1px 4px rgba(0,0,0,.2);-o-box-shadow:0 1px 4px rgba(0,0,0,.2);box-shadow:0 1px 4px rgba(0,0,0,.2);zoom:1;} .flex-viewport{max-height:2000px;-webkit-transition:all 1s ease;-moz-transition:all 1s ease;-o-transition:all 1s ease;transition:all 1s ease;} .loading .flex-viewport{max-height:300px;} .flexslider .slides{zoom:1;} .carousel li{margin-right:5px;} .flex-direction-nav{*height:0;} .flex-direction-nav a{text-decoration:none;display:block;width:40px;height:40px;margin:-20px 0 0;position:absolute;top:50%;z-index:10;overflow:hidden;opacity:0;cursor:pointer;color:rgba(0,0,0,0.8);text-shadow:1px 1px 0 rgba(255,255,255,0.3);-webkit-transition:all .3s ease;-moz-transition:all .3s ease;transition:all .3s ease;} .flex-direction-nav .flex-prev{left:-50px;} .flex-direction-nav .flex-next{right:-50px;text-align:right;} .flexslider:hover .flex-prev{opacity:0.7;left:10px;} .flexslider:hover .flex-next{opacity:0.7;right:10px;} .flexslider:hover .flex-next:hover, .flexslider:hover .flex-prev:hover{opacity:1;} .flex-direction-nav .flex-disabled{opacity:0!important;filter:alpha(opacity=0);cursor:default;} .flex-direction-nav a:before{font-family:"flexslider-icon";font-size:40px;line-height:1;display:inline-block;content:'\f001';} .flex-direction-nav a.flex-next:before{content:'\f002';} .flex-pauseplay a{display:block;width:20px;height:20px;position:absolute;bottom:5px;left:10px;opacity:0.8;z-index:10;overflow:hidden;cursor:pointer;color:#000;} .flex-pauseplay a:before{font-family:"flexslider-icon";font-size:20px;display:inline-block;content:'\f004';} .flex-pauseplay a:hover{opacity:1;} .flex-pauseplay a.flex-play:before{content:'\f003';} .flex-control-nav{width:100%;position:absolute;bottom:-40px;text-align:center;} .flex-control-nav li{margin:0 6px;display:inline-block;zoom:1;*display:inline;} .flex-control-paging li a{width:11px;height:11px;display:block;background:#666;background:rgba(0,0,0,0.5);cursor:pointer;text-indent:-9999px;-webkit-border-radius:20px;-moz-border-radius:20px;-o-border-radius:20px;border-radius:20px;-webkit-box-shadow:inset 0 0 3px rgba(0,0,0,0.3);-moz-box-shadow:inset 0 0 3px rgba(0,0,0,0.3);-o-box-shadow:inset 0 0 3px rgba(0,0,0,0.3);box-shadow:inset 0 0 3px rgba(0,0,0,0.3);} .flex-control-paging li a:hover{background:#333;background:rgba(0,0,0,0.7);} .flex-control-paging li a.flex-active{background:#000;background:rgba(0,0,0,0.9);cursor:default;} .flex-control-thumbs{margin:5px 0 0;position:static;overflow:hidden;} .flex-control-thumbs li{width:25%;float:left;margin:0;} .flex-control-thumbs img{width:100%;display:block;opacity:.7;cursor:pointer;} .flex-control-thumbs img:hover{opacity:1;} .flex-control-thumbs .flex-active{opacity:1;cursor:default;} @media screen and (max-width:860px){.flex-direction-nav .flex-prev{opacity:1;left:10px;} .flex-direction-nav .flex-next{opacity:1;right:10px;} } /* * Table styles */ table.dataTable { width: 100%; margin: 0 auto; clear: both; border-collapse: separate; border-spacing: 0; /* * Header and footer styles */ /* * Body styles */ } table.dataTable thead th, table.dataTable tfoot th { font-weight: bold; } table.dataTable thead th, table.dataTable thead td { padding: 10px 18px; border-bottom: 1px solid #111; } table.dataTable thead th:active, table.dataTable thead td:active { outline: none; } table.dataTable tfoot th, table.dataTable tfoot td { padding: 10px 18px 6px 18px; border-top: 1px solid #111; } table.dataTable thead .sorting, table.dataTable thead .sorting_asc, table.dataTable thead .sorting_desc { cursor: pointer; *cursor: hand; } table.dataTable thead .sorting, table.dataTable thead .sorting_asc, table.dataTable thead .sorting_desc, table.dataTable thead .sorting_asc_disabled, table.dataTable thead .sorting_desc_disabled { background-repeat: no-repeat; background-position: center right; } table.dataTable thead .sorting { background-image: url("https://www.kmsbearings.com/skin/frontend/respond/topspot/images/sort_both.png"); } table.dataTable thead .sorting_asc { background-image: url("https://www.kmsbearings.com/skin/frontend/respond/topspot/images/sort_asc.png"); } table.dataTable thead .sorting_desc { background-image: url("https://www.kmsbearings.com/skin/frontend/respond/topspot/images/sort_desc.png"); } table.dataTable thead .sorting_asc_disabled { background-image: url("https://www.kmsbearings.com/skin/frontend/respond/topspot/images/sort_asc_disabled.png"); } table.dataTable thead .sorting_desc_disabled { background-image: url("https://www.kmsbearings.com/skin/frontend/respond/topspot/images/sort_desc_disabled.png"); } table.dataTable tbody tr { background-color: #ffffff; } table.dataTable tbody tr.selected { background-color: #B0BED9; } table.dataTable tbody th, table.dataTable tbody td { padding: 8px 10px; } table.dataTable.row-border tbody th, table.dataTable.row-border tbody td, table.dataTable.display tbody th, table.dataTable.display tbody td { border-top: 1px solid #ddd; } table.dataTable.row-border tbody tr:first-child th, table.dataTable.row-border tbody tr:first-child td, table.dataTable.display tbody tr:first-child th, table.dataTable.display tbody tr:first-child td { border-top: none; } table.dataTable.cell-border tbody th, table.dataTable.cell-border tbody td { border-top: 1px solid #ddd; border-right: 1px solid #ddd; } table.dataTable.cell-border tbody tr th:first-child, table.dataTable.cell-border tbody tr td:first-child { border-left: 1px solid #ddd; } table.dataTable.cell-border tbody tr:first-child th, table.dataTable.cell-border tbody tr:first-child td { border-top: none; } table.dataTable.stripe tbody tr.odd, table.dataTable.display tbody tr.odd { background-color: #f9f9f9; } table.dataTable.stripe tbody tr.odd.selected, table.dataTable.display tbody tr.odd.selected { background-color: #abb9d3; } table.dataTable.hover tbody tr:hover, table.dataTable.display tbody tr:hover { background-color: whitesmoke; } table.dataTable.hover tbody tr:hover.selected, table.dataTable.display tbody tr:hover.selected { background-color: #a9b7d1; } table.dataTable.order-column tbody tr > .sorting_1, table.dataTable.order-column tbody tr > .sorting_2, table.dataTable.order-column tbody tr > .sorting_3, table.dataTable.display tbody tr > .sorting_1, table.dataTable.display tbody tr > .sorting_2, table.dataTable.display tbody tr > .sorting_3 { background-color: #f9f9f9; } table.dataTable.order-column tbody tr.selected > .sorting_1, table.dataTable.order-column tbody tr.selected > .sorting_2, table.dataTable.order-column tbody tr.selected > .sorting_3, table.dataTable.display tbody tr.selected > .sorting_1, table.dataTable.display tbody tr.selected > .sorting_2, table.dataTable.display tbody tr.selected > .sorting_3 { background-color: #acbad4; } table.dataTable.display tbody tr.odd > .sorting_1, table.dataTable.order-column.stripe tbody tr.odd > .sorting_1 { background-color: #f1f1f1; } table.dataTable.display tbody tr.odd > .sorting_2, table.dataTable.order-column.stripe tbody tr.odd > .sorting_2 { background-color: #f3f3f3; } table.dataTable.display tbody tr.odd > .sorting_3, table.dataTable.order-column.stripe tbody tr.odd > .sorting_3 { background-color: whitesmoke; } table.dataTable.display tbody tr.odd.selected > .sorting_1, table.dataTable.order-column.stripe tbody tr.odd.selected > .sorting_1 { background-color: #a6b3cd; } table.dataTable.display tbody tr.odd.selected > .sorting_2, table.dataTable.order-column.stripe tbody tr.odd.selected > .sorting_2 { background-color: #a7b5ce; } table.dataTable.display tbody tr.odd.selected > .sorting_3, table.dataTable.order-column.stripe tbody tr.odd.selected > .sorting_3 { background-color: #a9b6d0; } table.dataTable.display tbody tr.even > .sorting_1, table.dataTable.order-column.stripe tbody tr.even > .sorting_1 { background-color: #f9f9f9; } table.dataTable.display tbody tr.even > .sorting_2, table.dataTable.order-column.stripe tbody tr.even > .sorting_2 { background-color: #fbfbfb; } table.dataTable.display tbody tr.even > .sorting_3, table.dataTable.order-column.stripe tbody tr.even > .sorting_3 { background-color: #fdfdfd; } table.dataTable.display tbody tr.even.selected > .sorting_1, table.dataTable.order-column.stripe tbody tr.even.selected > .sorting_1 { background-color: #acbad4; } table.dataTable.display tbody tr.even.selected > .sorting_2, table.dataTable.order-column.stripe tbody tr.even.selected > .sorting_2 { background-color: #adbbd6; } table.dataTable.display tbody tr.even.selected > .sorting_3, table.dataTable.order-column.stripe tbody tr.even.selected > .sorting_3 { background-color: #afbdd8; } table.dataTable.display tbody tr:hover > .sorting_1, table.dataTable.order-column.hover tbody tr:hover > .sorting_1 { background-color: #eaeaea; } table.dataTable.display tbody tr:hover > .sorting_2, table.dataTable.order-column.hover tbody tr:hover > .sorting_2 { background-color: #ebebeb; } table.dataTable.display tbody tr:hover > .sorting_3, table.dataTable.order-column.hover tbody tr:hover > .sorting_3 { background-color: #eeeeee; } table.dataTable.display tbody tr:hover.selected > .sorting_1, table.dataTable.order-column.hover tbody tr:hover.selected > .sorting_1 { background-color: #a1aec7; } table.dataTable.display tbody tr:hover.selected > .sorting_2, table.dataTable.order-column.hover tbody tr:hover.selected > .sorting_2 { background-color: #a2afc8; } table.dataTable.display tbody tr:hover.selected > .sorting_3, table.dataTable.order-column.hover tbody tr:hover.selected > .sorting_3 { background-color: #a4b2cb; } table.dataTable.no-footer { border-bottom: 1px solid #111; } table.dataTable.nowrap th, table.dataTable.nowrap td { white-space: nowrap; } table.dataTable.compact thead th, table.dataTable.compact thead td { padding: 4px 17px 4px 4px; } table.dataTable.compact tfoot th, table.dataTable.compact tfoot td { padding: 4px; } table.dataTable.compact tbody th, table.dataTable.compact tbody td { padding: 4px; } table.dataTable th.dt-left, table.dataTable td.dt-left { text-align: left; } table.dataTable th.dt-center, table.dataTable td.dt-center, table.dataTable td.dataTables_empty { text-align: center; } table.dataTable th.dt-right, table.dataTable td.dt-right { text-align: right; } table.dataTable th.dt-justify, table.dataTable td.dt-justify { text-align: justify; } table.dataTable th.dt-nowrap, table.dataTable td.dt-nowrap { white-space: nowrap; } table.dataTable thead th.dt-head-left, table.dataTable thead td.dt-head-left, table.dataTable tfoot th.dt-head-left, table.dataTable tfoot td.dt-head-left { text-align: left; } table.dataTable thead th.dt-head-center, table.dataTable thead td.dt-head-center, table.dataTable tfoot th.dt-head-center, table.dataTable tfoot td.dt-head-center { text-align: center; } table.dataTable thead th.dt-head-right, table.dataTable thead td.dt-head-right, table.dataTable tfoot th.dt-head-right, table.dataTable tfoot td.dt-head-right { text-align: right; } table.dataTable thead th.dt-head-justify, table.dataTable thead td.dt-head-justify, table.dataTable tfoot th.dt-head-justify, table.dataTable tfoot td.dt-head-justify { text-align: justify; } table.dataTable thead th.dt-head-nowrap, table.dataTable thead td.dt-head-nowrap, table.dataTable tfoot th.dt-head-nowrap, table.dataTable tfoot td.dt-head-nowrap { white-space: nowrap; } table.dataTable tbody th.dt-body-left, table.dataTable tbody td.dt-body-left { text-align: left; } table.dataTable tbody th.dt-body-center, table.dataTable tbody td.dt-body-center { text-align: center; } table.dataTable tbody th.dt-body-right, table.dataTable tbody td.dt-body-right { text-align: right; } table.dataTable tbody th.dt-body-justify, table.dataTable tbody td.dt-body-justify { text-align: justify; } table.dataTable tbody th.dt-body-nowrap, table.dataTable tbody td.dt-body-nowrap { white-space: nowrap; } table.dataTable, table.dataTable th, table.dataTable td { -webkit-box-sizing: content-box; -moz-box-sizing: content-box; box-sizing: content-box; } /* * Control feature layout */ .dataTables_wrapper { position: relative; clear: both; *zoom: 1; zoom: 1; } .dataTables_wrapper .dataTables_length { float: left; } .dataTables_wrapper .dataTables_filter { float: right; text-align: right; } .dataTables_wrapper .dataTables_filter input { margin-left: 0.5em; } .dataTables_wrapper .dataTables_info { clear: both; float: left; padding-top: 0.755em; } .dataTables_wrapper .dataTables_paginate { float: right; text-align: right; padding-top: 0.25em; } .dataTables_wrapper .dataTables_paginate .paginate_button { box-sizing: border-box; display: inline-block; min-width: 1.5em; padding: 0.5em 1em; margin-left: 2px; text-align: center; text-decoration: none !important; cursor: pointer; *cursor: hand; color: #333 !important; border: 1px solid transparent; } .dataTables_wrapper .dataTables_paginate .paginate_button.current, .dataTables_wrapper .dataTables_paginate .paginate_button.current:hover { color: #333 !important; border: 1px solid #cacaca; background-color: white; background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, white), color-stop(100%, #dcdcdc)); /* Chrome,Safari4+ */ background: -webkit-linear-gradient(top, white 0%, #dcdcdc 100%); /* Chrome10+,Safari5.1+ */ background: -moz-linear-gradient(top, white 0%, #dcdcdc 100%); /* FF3.6+ */ background: -ms-linear-gradient(top, white 0%, #dcdcdc 100%); /* IE10+ */ background: -o-linear-gradient(top, white 0%, #dcdcdc 100%); /* Opera 11.10+ */ background: linear-gradient(to bottom, white 0%, #dcdcdc 100%); /* W3C */ } .dataTables_wrapper .dataTables_paginate .paginate_button.disabled, .dataTables_wrapper .dataTables_paginate .paginate_button.disabled:hover, .dataTables_wrapper .dataTables_paginate .paginate_button.disabled:active { cursor: default; color: #666 !important; border: 1px solid transparent; background: transparent; box-shadow: none; } .dataTables_wrapper .dataTables_paginate .paginate_button:hover { color: white !important; border: 1px solid #111; background-color: #585858; background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #585858), color-stop(100%, #111)); /* Chrome,Safari4+ */ background: -webkit-linear-gradient(top, #585858 0%, #111 100%); /* Chrome10+,Safari5.1+ */ background: -moz-linear-gradient(top, #585858 0%, #111 100%); /* FF3.6+ */ background: -ms-linear-gradient(top, #585858 0%, #111 100%); /* IE10+ */ background: -o-linear-gradient(top, #585858 0%, #111 100%); /* Opera 11.10+ */ background: linear-gradient(to bottom, #585858 0%, #111 100%); /* W3C */ } .dataTables_wrapper .dataTables_paginate .paginate_button:active { outline: none; background-color: #2b2b2b; background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #2b2b2b), color-stop(100%, #0c0c0c)); /* Chrome,Safari4+ */ background: -webkit-linear-gradient(top, #2b2b2b 0%, #0c0c0c 100%); /* Chrome10+,Safari5.1+ */ background: -moz-linear-gradient(top, #2b2b2b 0%, #0c0c0c 100%); /* FF3.6+ */ background: -ms-linear-gradient(top, #2b2b2b 0%, #0c0c0c 100%); /* IE10+ */ background: -o-linear-gradient(top, #2b2b2b 0%, #0c0c0c 100%); /* Opera 11.10+ */ background: linear-gradient(to bottom, #2b2b2b 0%, #0c0c0c 100%); /* W3C */ box-shadow: inset 0 0 3px #111; } .dataTables_wrapper .dataTables_paginate .ellipsis { padding: 0 1em; } .dataTables_wrapper .dataTables_processing { position: absolute; top: 50%; left: 50%; width: 100%; height: 40px; margin-left: -50%; margin-top: -25px; padding-top: 20px; text-align: center; font-size: 1.2em; background-color: white; background: -webkit-gradient(linear, left top, right top, color-stop(0%, rgba(255, 255, 255, 0)), color-stop(25%, rgba(255, 255, 255, 0.9)), color-stop(75%, rgba(255, 255, 255, 0.9)), color-stop(100%, rgba(255, 255, 255, 0))); /* Chrome,Safari4+ */ background: -webkit-linear-gradient(left, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.9) 25%, rgba(255, 255, 255, 0.9) 75%, rgba(255, 255, 255, 0) 100%); /* Chrome10+,Safari5.1+ */ background: -moz-linear-gradient(left, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.9) 25%, rgba(255, 255, 255, 0.9) 75%, rgba(255, 255, 255, 0) 100%); /* FF3.6+ */ background: -ms-linear-gradient(left, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.9) 25%, rgba(255, 255, 255, 0.9) 75%, rgba(255, 255, 255, 0) 100%); /* IE10+ */ background: -o-linear-gradient(left, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.9) 25%, rgba(255, 255, 255, 0.9) 75%, rgba(255, 255, 255, 0) 100%); /* Opera 11.10+ */ background: linear-gradient(to right, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.9) 25%, rgba(255, 255, 255, 0.9) 75%, rgba(255, 255, 255, 0) 100%); /* W3C */ } .dataTables_wrapper .dataTables_length, .dataTables_wrapper .dataTables_filter, .dataTables_wrapper .dataTables_info, .dataTables_wrapper .dataTables_processing, .dataTables_wrapper .dataTables_paginate { color: #333; } .dataTables_wrapper .dataTables_scroll { clear: both; } .dataTables_wrapper .dataTables_scroll div.dataTables_scrollBody { *margin-top: -1px; -webkit-overflow-scrolling: touch; } .dataTables_wrapper .dataTables_scroll div.dataTables_scrollBody th > div.dataTables_sizing, .dataTables_wrapper .dataTables_scroll div.dataTables_scrollBody td > div.dataTables_sizing { height: 0; overflow: hidden; margin: 0 !important; padding: 0 !important; } .dataTables_wrapper.no-footer .dataTables_scrollBody { border-bottom: 1px solid #111; } .dataTables_wrapper.no-footer div.dataTables_scrollHead table, .dataTables_wrapper.no-footer div.dataTables_scrollBody table { border-bottom: none; } .dataTables_wrapper:after { visibility: hidden; display: block; content: ""; clear: both; height: 0; } @media screen and (max-width: 767px) { .dataTables_wrapper .dataTables_info, .dataTables_wrapper .dataTables_paginate { float: none; text-align: center; } .dataTables_wrapper .dataTables_paginate { margin-top: 0.5em; } } @media screen and (max-width: 640px) { .dataTables_wrapper .dataTables_length, .dataTables_wrapper .dataTables_filter { float: none; text-align: center; } .dataTables_wrapper .dataTables_filter { margin-top: 0.5em; } } /*! jQuery UI - v1.11.4 - 2015-03-11 * http://jqueryui.com * Includes: core.css, accordion.css, autocomplete.css, button.css, datepicker.css, dialog.css, draggable.css, menu.css, progressbar.css, resizable.css, selectable.css, selectmenu.css, slider.css, sortable.css, spinner.css, tabs.css, tooltip.css, theme.css * To view and modify this theme, visit http://jqueryui.com/themeroller/?ffDefault=Trebuchet%20MS%2CTahoma%2CVerdana%2CArial%2Csans-serif&fwDefault=bold&fsDefault=1.1em&cornerRadius=4px&bgColorHeader=f6a828&bgTextureHeader=gloss_wave&bgImgOpacityHeader=35&borderColorHeader=e78f08&fcHeader=ffffff&iconColorHeader=ffffff&bgColorContent=eeeeee&bgTextureContent=highlight_soft&bgImgOpacityContent=100&borderColorContent=dddddd&fcContent=333333&iconColorContent=222222&bgColorDefault=f6f6f6&bgTextureDefault=glass&bgImgOpacityDefault=100&borderColorDefault=cccccc&fcDefault=1c94c4&iconColorDefault=ef8c08&bgColorHover=fdf5ce&bgTextureHover=glass&bgImgOpacityHover=100&borderColorHover=fbcb09&fcHover=c77405&iconColorHover=ef8c08&bgColorActive=ffffff&bgTextureActive=glass&bgImgOpacityActive=65&borderColorActive=fbd850&fcActive=eb8f00&iconColorActive=ef8c08&bgColorHighlight=ffe45c&bgTextureHighlight=highlight_soft&bgImgOpacityHighlight=75&borderColorHighlight=fed22f&fcHighlight=363636&iconColorHighlight=228ef1&bgColorError=b81900&bgTextureError=diagonals_thick&bgImgOpacityError=18&borderColorError=cd0a0a&fcError=ffffff&iconColorError=ffd27a&bgColorOverlay=666666&bgTextureOverlay=diagonals_thick&bgImgOpacityOverlay=20&opacityOverlay=50&bgColorShadow=000000&bgTextureShadow=flat&bgImgOpacityShadow=10&opacityShadow=20&thicknessShadow=5px&offsetTopShadow=-5px&offsetLeftShadow=-5px&cornerRadiusShadow=5px * Copyright 2015 jQuery Foundation and other contributors; Licensed MIT */ .ui-helper-hidden{display:none}.ui-helper-hidden-accessible{border:0;clip:rect(0 0 0 0);height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px}.ui-helper-reset{margin:0;padding:0;border:0;outline:0;line-height:1.3;text-decoration:none;font-size:100%;list-style:none}.ui-helper-clearfix:before,.ui-helper-clearfix:after{content:"";display:table;border-collapse:collapse}.ui-helper-clearfix:after{clear:both}.ui-helper-clearfix{min-height:0}.ui-helper-zfix{width:100%;height:100%;top:0;left:0;position:absolute;opacity:0;filter:Alpha(Opacity=0)}.ui-front{z-index:100}.ui-state-disabled{cursor:default!important}.ui-icon{display:block;text-indent:-99999px;overflow:hidden;background-repeat:no-repeat}.ui-widget-overlay{position:fixed;top:0;left:0;width:100%;height:100%}.ui-accordion .ui-accordion-header{display:block;cursor:pointer;position:relative;margin:2px 0 0 0;padding:.5em .5em .5em .7em;min-height:0;font-size:100%}.ui-accordion .ui-accordion-icons{padding-left:2.2em}.ui-accordion .ui-accordion-icons .ui-accordion-icons{padding-left:2.2em}.ui-accordion .ui-accordion-header .ui-accordion-header-icon{position:absolute;left:.5em;top:50%;margin-top:-8px}.ui-accordion .ui-accordion-content{padding:1em 2.2em;border-top:0;overflow:auto}.ui-autocomplete{position:absolute;top:0;left:0;cursor:default}.ui-button{display:inline-block;position:relative;padding:0;line-height:normal;margin-right:.1em;cursor:pointer;vertical-align:middle;text-align:center;overflow:visible}.ui-button,.ui-button:link,.ui-button:visited,.ui-button:hover,.ui-button:active{text-decoration:none}.ui-button-icon-only{width:2.2em}button.ui-button-icon-only{width:2.4em}.ui-button-icons-only{width:3.4em}button.ui-button-icons-only{width:3.7em}.ui-button .ui-button-text{display:block;line-height:normal}.ui-button-text-only .ui-button-text{padding:.4em 1em}.ui-button-icon-only .ui-button-text,.ui-button-icons-only .ui-button-text{padding:.4em;text-indent:-9999999px}.ui-button-text-icon-primary .ui-button-text,.ui-button-text-icons .ui-button-text{padding:.4em 1em .4em 2.1em}.ui-button-text-icon-secondary .ui-button-text,.ui-button-text-icons .ui-button-text{padding:.4em 2.1em .4em 1em}.ui-button-text-icons .ui-button-text{padding-left:2.1em;padding-right:2.1em}input.ui-button{padding:.4em 1em}.ui-button-icon-only .ui-icon,.ui-button-text-icon-primary .ui-icon,.ui-button-text-icon-secondary .ui-icon,.ui-button-text-icons .ui-icon,.ui-button-icons-only .ui-icon{position:absolute;top:50%;margin-top:-8px}.ui-button-icon-only .ui-icon{left:50%;margin-left:-8px}.ui-button-text-icon-primary .ui-button-icon-primary,.ui-button-text-icons .ui-button-icon-primary,.ui-button-icons-only .ui-button-icon-primary{left:.5em}.ui-button-text-icon-secondary .ui-button-icon-secondary,.ui-button-text-icons .ui-button-icon-secondary,.ui-button-icons-only .ui-button-icon-secondary{right:.5em}.ui-buttonset{margin-right:7px}.ui-buttonset .ui-button{margin-left:0;margin-right:-.3em}input.ui-button::-moz-focus-inner,button.ui-button::-moz-focus-inner{border:0;padding:0}.ui-datepicker{width:17em;padding:.2em .2em 0;display:none}.ui-datepicker .ui-datepicker-header{position:relative;padding:.2em 0}.ui-datepicker .ui-datepicker-prev,.ui-datepicker .ui-datepicker-next{position:absolute;top:2px;width:1.8em;height:1.8em}.ui-datepicker .ui-datepicker-prev-hover,.ui-datepicker .ui-datepicker-next-hover{top:1px}.ui-datepicker .ui-datepicker-prev{left:2px}.ui-datepicker .ui-datepicker-next{right:2px}.ui-datepicker .ui-datepicker-prev-hover{left:1px}.ui-datepicker .ui-datepicker-next-hover{right:1px}.ui-datepicker .ui-datepicker-prev span,.ui-datepicker .ui-datepicker-next span{display:block;position:absolute;left:50%;margin-left:-8px;top:50%;margin-top:-8px}.ui-datepicker .ui-datepicker-title{margin:0 2.3em;line-height:1.8em;text-align:center}.ui-datepicker .ui-datepicker-title select{font-size:1em;margin:1px 0}.ui-datepicker select.ui-datepicker-month,.ui-datepicker select.ui-datepicker-year{width:45%}.ui-datepicker table{width:100%;font-size:.9em;border-collapse:collapse;margin:0 0 .4em}.ui-datepicker th{padding:.7em .3em;text-align:center;font-weight:bold;border:0}.ui-datepicker td{border:0;padding:1px}.ui-datepicker td span,.ui-datepicker td a{display:block;padding:.2em;text-align:right;text-decoration:none}.ui-datepicker .ui-datepicker-buttonpane{background-image:none;margin:.7em 0 0 0;padding:0 .2em;border-left:0;border-right:0;border-bottom:0}.ui-datepicker .ui-datepicker-buttonpane button{float:right;margin:.5em .2em .4em;cursor:pointer;padding:.2em .6em .3em .6em;width:auto;overflow:visible}.ui-datepicker .ui-datepicker-buttonpane button.ui-datepicker-current{float:left}.ui-datepicker.ui-datepicker-multi{width:auto}.ui-datepicker-multi .ui-datepicker-group{float:left}.ui-datepicker-multi .ui-datepicker-group table{width:95%;margin:0 auto .4em}.ui-datepicker-multi-2 .ui-datepicker-group{width:50%}.ui-datepicker-multi-3 .ui-datepicker-group{width:33.3%}.ui-datepicker-multi-4 .ui-datepicker-group{width:25%}.ui-datepicker-multi .ui-datepicker-group-last .ui-datepicker-header,.ui-datepicker-multi .ui-datepicker-group-middle .ui-datepicker-header{border-left-width:0}.ui-datepicker-multi .ui-datepicker-buttonpane{clear:left}.ui-datepicker-row-break{clear:both;width:100%;font-size:0}.ui-datepicker-rtl{direction:rtl}.ui-datepicker-rtl .ui-datepicker-prev{right:2px;left:auto}.ui-datepicker-rtl .ui-datepicker-next{left:2px;right:auto}.ui-datepicker-rtl .ui-datepicker-prev:hover{right:1px;left:auto}.ui-datepicker-rtl .ui-datepicker-next:hover{left:1px;right:auto}.ui-datepicker-rtl .ui-datepicker-buttonpane{clear:right}.ui-datepicker-rtl .ui-datepicker-buttonpane button{float:left}.ui-datepicker-rtl .ui-datepicker-buttonpane button.ui-datepicker-current,.ui-datepicker-rtl .ui-datepicker-group{float:right}.ui-datepicker-rtl .ui-datepicker-group-last .ui-datepicker-header,.ui-datepicker-rtl .ui-datepicker-group-middle .ui-datepicker-header{border-right-width:0;border-left-width:1px}.ui-dialog{overflow:hidden;position:absolute;top:0;left:0;padding:.2em;outline:0}.ui-dialog .ui-dialog-titlebar{padding:.4em 1em;position:relative}.ui-dialog .ui-dialog-title{float:left;margin:.1em 0;white-space:nowrap;width:90%;overflow:hidden;text-overflow:ellipsis}.ui-dialog .ui-dialog-titlebar-close{position:absolute;right:.3em;top:50%;width:20px;margin:-10px 0 0 0;padding:1px;height:20px}.ui-dialog .ui-dialog-content{position:relative;border:0;padding:.5em 1em;background:none;overflow:auto}.ui-dialog .ui-dialog-buttonpane{text-align:left;border-width:1px 0 0 0;background-image:none;margin-top:.5em;padding:.3em 1em .5em .4em}.ui-dialog .ui-dialog-buttonpane .ui-dialog-buttonset{float:right}.ui-dialog .ui-dialog-buttonpane button{margin:.5em .4em .5em 0;cursor:pointer}.ui-dialog .ui-resizable-se{width:12px;height:12px;right:-5px;bottom:-5px;background-position:16px 16px}.ui-draggable .ui-dialog-titlebar{cursor:move}.ui-draggable-handle{-ms-touch-action:none;touch-action:none}.ui-menu{list-style:none;padding:0;margin:0;display:block;outline:none}.ui-menu .ui-menu{position:absolute}.ui-menu .ui-menu-item{position:relative;margin:0;padding:3px 1em 3px .4em;cursor:pointer;min-height:0;list-style-image:url("https://www.kmsbearings.com/skin/frontend/respond/topspot/css/data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7")}.ui-menu .ui-menu-divider{margin:5px 0;height:0;font-size:0;line-height:0;border-width:1px 0 0 0}.ui-menu .ui-state-focus,.ui-menu .ui-state-active{margin:-1px}.ui-menu-icons{position:relative}.ui-menu-icons .ui-menu-item{padding-left:2em}.ui-menu .ui-icon{position:absolute;top:0;bottom:0;left:.2em;margin:auto 0}.ui-menu .ui-menu-icon{left:auto;right:0}.ui-progressbar{height:2em;text-align:left;overflow:hidden}.ui-progressbar .ui-progressbar-value{margin:-1px;height:100%}.ui-progressbar .ui-progressbar-overlay{background:url("https://www.kmsbearings.com/skin/frontend/respond/topspot/css/data:image/gif;base64,R0lGODlhKAAoAIABAAAAAP///yH/C05FVFNDQVBFMi4wAwEAAAAh+QQJAQABACwAAAAAKAAoAAACkYwNqXrdC52DS06a7MFZI+4FHBCKoDeWKXqymPqGqxvJrXZbMx7Ttc+w9XgU2FB3lOyQRWET2IFGiU9m1frDVpxZZc6bfHwv4c1YXP6k1Vdy292Fb6UkuvFtXpvWSzA+HycXJHUXiGYIiMg2R6W459gnWGfHNdjIqDWVqemH2ekpObkpOlppWUqZiqr6edqqWQAAIfkECQEAAQAsAAAAACgAKAAAApSMgZnGfaqcg1E2uuzDmmHUBR8Qil95hiPKqWn3aqtLsS18y7G1SzNeowWBENtQd+T1JktP05nzPTdJZlR6vUxNWWjV+vUWhWNkWFwxl9VpZRedYcflIOLafaa28XdsH/ynlcc1uPVDZxQIR0K25+cICCmoqCe5mGhZOfeYSUh5yJcJyrkZWWpaR8doJ2o4NYq62lAAACH5BAkBAAEALAAAAAAoACgAAAKVDI4Yy22ZnINRNqosw0Bv7i1gyHUkFj7oSaWlu3ovC8GxNso5fluz3qLVhBVeT/Lz7ZTHyxL5dDalQWPVOsQWtRnuwXaFTj9jVVh8pma9JjZ4zYSj5ZOyma7uuolffh+IR5aW97cHuBUXKGKXlKjn+DiHWMcYJah4N0lYCMlJOXipGRr5qdgoSTrqWSq6WFl2ypoaUAAAIfkECQEAAQAsAAAAACgAKAAAApaEb6HLgd/iO7FNWtcFWe+ufODGjRfoiJ2akShbueb0wtI50zm02pbvwfWEMWBQ1zKGlLIhskiEPm9R6vRXxV4ZzWT2yHOGpWMyorblKlNp8HmHEb/lCXjcW7bmtXP8Xt229OVWR1fod2eWqNfHuMjXCPkIGNileOiImVmCOEmoSfn3yXlJWmoHGhqp6ilYuWYpmTqKUgAAIfkECQEAAQAsAAAAACgAKAAAApiEH6kb58biQ3FNWtMFWW3eNVcojuFGfqnZqSebuS06w5V80/X02pKe8zFwP6EFWOT1lDFk8rGERh1TTNOocQ61Hm4Xm2VexUHpzjymViHrFbiELsefVrn6XKfnt2Q9G/+Xdie499XHd2g4h7ioOGhXGJboGAnXSBnoBwKYyfioubZJ2Hn0RuRZaflZOil56Zp6iioKSXpUAAAh+QQJAQABACwAAAAAKAAoAAACkoQRqRvnxuI7kU1a1UU5bd5tnSeOZXhmn5lWK3qNTWvRdQxP8qvaC+/yaYQzXO7BMvaUEmJRd3TsiMAgswmNYrSgZdYrTX6tSHGZO73ezuAw2uxuQ+BbeZfMxsexY35+/Qe4J1inV0g4x3WHuMhIl2jXOKT2Q+VU5fgoSUI52VfZyfkJGkha6jmY+aaYdirq+lQAACH5BAkBAAEALAAAAAAoACgAAAKWBIKpYe0L3YNKToqswUlvznigd4wiR4KhZrKt9Upqip61i9E3vMvxRdHlbEFiEXfk9YARYxOZZD6VQ2pUunBmtRXo1Lf8hMVVcNl8JafV38aM2/Fu5V16Bn63r6xt97j09+MXSFi4BniGFae3hzbH9+hYBzkpuUh5aZmHuanZOZgIuvbGiNeomCnaxxap2upaCZsq+1kAACH5BAkBAAEALAAAAAAoACgAAAKXjI8By5zf4kOxTVrXNVlv1X0d8IGZGKLnNpYtm8Lr9cqVeuOSvfOW79D9aDHizNhDJidFZhNydEahOaDH6nomtJjp1tutKoNWkvA6JqfRVLHU/QUfau9l2x7G54d1fl995xcIGAdXqMfBNadoYrhH+Mg2KBlpVpbluCiXmMnZ2Sh4GBqJ+ckIOqqJ6LmKSllZmsoq6wpQAAAh+QQJAQABACwAAAAAKAAoAAAClYx/oLvoxuJDkU1a1YUZbJ59nSd2ZXhWqbRa2/gF8Gu2DY3iqs7yrq+xBYEkYvFSM8aSSObE+ZgRl1BHFZNr7pRCavZ5BW2142hY3AN/zWtsmf12p9XxxFl2lpLn1rseztfXZjdIWIf2s5dItwjYKBgo9yg5pHgzJXTEeGlZuenpyPmpGQoKOWkYmSpaSnqKileI2FAAACH5BAkBAAEALAAAAAAoACgAAAKVjB+gu+jG4kORTVrVhRlsnn2dJ3ZleFaptFrb+CXmO9OozeL5VfP99HvAWhpiUdcwkpBH3825AwYdU8xTqlLGhtCosArKMpvfa1mMRae9VvWZfeB2XfPkeLmm18lUcBj+p5dnN8jXZ3YIGEhYuOUn45aoCDkp16hl5IjYJvjWKcnoGQpqyPlpOhr3aElaqrq56Bq7VAAAOw==");height:100%;filter:alpha(opacity=25);opacity:0.25}.ui-progressbar-indeterminate .ui-progressbar-value{background-image:none}.ui-resizable{position:relative}.ui-resizable-handle{position:absolute;font-size:0.1px;display:block;-ms-touch-action:none;touch-action:none}.ui-resizable-disabled .ui-resizable-handle,.ui-resizable-autohide .ui-resizable-handle{display:none}.ui-resizable-n{cursor:n-resize;height:7px;width:100%;top:-5px;left:0}.ui-resizable-s{cursor:s-resize;height:7px;width:100%;bottom:-5px;left:0}.ui-resizable-e{cursor:e-resize;width:7px;right:-5px;top:0;height:100%}.ui-resizable-w{cursor:w-resize;width:7px;left:-5px;top:0;height:100%}.ui-resizable-se{cursor:se-resize;width:12px;height:12px;right:1px;bottom:1px}.ui-resizable-sw{cursor:sw-resize;width:9px;height:9px;left:-5px;bottom:-5px}.ui-resizable-nw{cursor:nw-resize;width:9px;height:9px;left:-5px;top:-5px}.ui-resizable-ne{cursor:ne-resize;width:9px;height:9px;right:-5px;top:-5px}.ui-selectable{-ms-touch-action:none;touch-action:none}.ui-selectable-helper{position:absolute;z-index:100;border:1px dotted black}.ui-selectmenu-menu{padding:0;margin:0;position:absolute;top:0;left:0;display:none}.ui-selectmenu-menu .ui-menu{overflow:auto;overflow-x:hidden;padding-bottom:1px}.ui-selectmenu-menu .ui-menu .ui-selectmenu-optgroup{font-size:1em;font-weight:bold;line-height:1.5;padding:2px 0.4em;margin:0.5em 0 0 0;height:auto;border:0}.ui-selectmenu-open{display:block}.ui-selectmenu-button{display:inline-block;overflow:hidden;position:relative;text-decoration:none;cursor:pointer}.ui-selectmenu-button span.ui-icon{right:0.5em;left:auto;margin-top:-8px;position:absolute;top:50%}.ui-selectmenu-button span.ui-selectmenu-text{text-align:left;padding:0.4em 2.1em 0.4em 1em;display:block;line-height:1.4;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.ui-slider{position:relative;text-align:left}.ui-slider .ui-slider-handle{position:absolute;z-index:2;width:1.2em;height:1.2em;cursor:default;-ms-touch-action:none;touch-action:none}.ui-slider .ui-slider-range{position:absolute;z-index:1;font-size:.7em;display:block;border:0;background-position:0 0}.ui-slider.ui-state-disabled .ui-slider-handle,.ui-slider.ui-state-disabled .ui-slider-range{filter:inherit}.ui-slider-horizontal{height:.8em}.ui-slider-horizontal .ui-slider-handle{top:-.3em;margin-left:-.6em}.ui-slider-horizontal .ui-slider-range{top:0;height:100%}.ui-slider-horizontal .ui-slider-range-min{left:0}.ui-slider-horizontal .ui-slider-range-max{right:0}.ui-slider-vertical{width:.8em;height:100px}.ui-slider-vertical .ui-slider-handle{left:-.3em;margin-left:0;margin-bottom:-.6em}.ui-slider-vertical .ui-slider-range{left:0;width:100%}.ui-slider-vertical .ui-slider-range-min{bottom:0}.ui-slider-vertical .ui-slider-range-max{top:0}.ui-sortable-handle{-ms-touch-action:none;touch-action:none}.ui-spinner{position:relative;display:inline-block;overflow:hidden;padding:0;vertical-align:middle}.ui-spinner-input{border:none;background:none;color:inherit;padding:0;margin:.2em 0;vertical-align:middle;margin-left:.4em;margin-right:22px}.ui-spinner-button{width:16px;height:50%;font-size:.5em;padding:0;margin:0;text-align:center;position:absolute;cursor:default;display:block;overflow:hidden;right:0}.ui-spinner a.ui-spinner-button{border-top:none;border-bottom:none;border-right:none}.ui-spinner .ui-icon{position:absolute;margin-top:-8px;top:50%;left:0}.ui-spinner-up{top:0}.ui-spinner-down{bottom:0}.ui-spinner .ui-icon-triangle-1-s{background-position:-65px -16px}.ui-tabs{position:relative;padding:.2em}.ui-tabs .ui-tabs-nav{margin:0;padding:.2em .2em 0}.ui-tabs .ui-tabs-nav li{list-style:none;float:left;position:relative;top:0;margin:1px .2em 0 0;border-bottom-width:0;padding:0;white-space:nowrap}.ui-tabs .ui-tabs-nav .ui-tabs-anchor{float:left;padding:.5em 1em;text-decoration:none}.ui-tabs .ui-tabs-nav li.ui-tabs-active{margin-bottom:-1px;padding-bottom:1px}.ui-tabs .ui-tabs-nav li.ui-tabs-active .ui-tabs-anchor,.ui-tabs .ui-tabs-nav li.ui-state-disabled .ui-tabs-anchor,.ui-tabs .ui-tabs-nav li.ui-tabs-loading .ui-tabs-anchor{cursor:text}.ui-tabs-collapsible .ui-tabs-nav li.ui-tabs-active .ui-tabs-anchor{cursor:pointer}.ui-tabs .ui-tabs-panel{display:block;border-width:0;padding:1em 1.4em;background:none}.ui-tooltip{padding:8px;position:absolute;z-index:9999;max-width:300px;-webkit-box-shadow:0 0 5px #aaa;box-shadow:0 0 5px #aaa}body .ui-tooltip{border-width:2px}.ui-widget{font-family:Trebuchet MS,Tahoma,Verdana,Arial,sans-serif;font-size:1.1em}.ui-widget .ui-widget{font-size:1em}.ui-widget input,.ui-widget select,.ui-widget textarea,.ui-widget button{font-family:Trebuchet MS,Tahoma,Verdana,Arial,sans-serif;font-size:1em}.ui-widget-content{border:1px solid #ddd;background:#eee url("https://www.kmsbearings.com/skin/frontend/respond/topspot/css/images/ui-bg_highlight-soft_100_eeeeee_1x100.png") 50% top repeat-x;color:#333}.ui-widget-content a{color:#333}.ui-widget-header{border:1px solid #e78f08;background:#f6a828 url("https://www.kmsbearings.com/skin/frontend/respond/topspot/css/images/ui-bg_gloss-wave_35_f6a828_500x100.png") 50% 50% repeat-x;color:#fff;font-weight:bold}.ui-widget-header a{color:#fff}.ui-state-default,.ui-widget-content .ui-state-default,.ui-widget-header .ui-state-default{border:1px solid #ccc;background:#f6f6f6 url("https://www.kmsbearings.com/skin/frontend/respond/topspot/css/images/ui-bg_glass_100_f6f6f6_1x400.png") 50% 50% repeat-x;font-weight:bold;color:#1c94c4}.ui-state-default a,.ui-state-default a:link,.ui-state-default a:visited{color:#1c94c4;text-decoration:none}.ui-state-hover,.ui-widget-content .ui-state-hover,.ui-widget-header .ui-state-hover,.ui-state-focus,.ui-widget-content .ui-state-focus,.ui-widget-header .ui-state-focus{border:1px solid #fbcb09;background:#fdf5ce url("https://www.kmsbearings.com/skin/frontend/respond/topspot/css/images/ui-bg_glass_100_fdf5ce_1x400.png") 50% 50% repeat-x;font-weight:bold;color:#c77405}.ui-state-hover a,.ui-state-hover a:hover,.ui-state-hover a:link,.ui-state-hover a:visited,.ui-state-focus a,.ui-state-focus a:hover,.ui-state-focus a:link,.ui-state-focus a:visited{color:#c77405;text-decoration:none}.ui-state-active,.ui-widget-content .ui-state-active,.ui-widget-header .ui-state-active{border:1px solid #fbd850;background:#fff url("https://www.kmsbearings.com/skin/frontend/respond/topspot/css/images/ui-bg_glass_65_ffffff_1x400.png") 50% 50% repeat-x;font-weight:bold;color:#eb8f00}.ui-state-active a,.ui-state-active a:link,.ui-state-active a:visited{color:#eb8f00;text-decoration:none}.ui-state-highlight,.ui-widget-content .ui-state-highlight,.ui-widget-header .ui-state-highlight{border:1px solid #fed22f;background:#ffe45c url("https://www.kmsbearings.com/skin/frontend/respond/topspot/css/images/ui-bg_highlight-soft_75_ffe45c_1x100.png") 50% top repeat-x;color:#363636}.ui-state-highlight a,.ui-widget-content .ui-state-highlight a,.ui-widget-header .ui-state-highlight a{color:#363636}.ui-state-error,.ui-widget-content .ui-state-error,.ui-widget-header .ui-state-error{border:1px solid #cd0a0a;background:#b81900 url("https://www.kmsbearings.com/skin/frontend/respond/topspot/css/images/ui-bg_diagonals-thick_18_b81900_40x40.png") 50% 50% repeat;color:#fff}.ui-state-error a,.ui-widget-content .ui-state-error a,.ui-widget-header .ui-state-error a{color:#fff}.ui-state-error-text,.ui-widget-content .ui-state-error-text,.ui-widget-header .ui-state-error-text{color:#fff}.ui-priority-primary,.ui-widget-content .ui-priority-primary,.ui-widget-header .ui-priority-primary{font-weight:bold}.ui-priority-secondary,.ui-widget-content .ui-priority-secondary,.ui-widget-header .ui-priority-secondary{opacity:.7;filter:Alpha(Opacity=70);font-weight:normal}.ui-state-disabled,.ui-widget-content .ui-state-disabled,.ui-widget-header .ui-state-disabled{opacity:.35;filter:Alpha(Opacity=35);background-image:none}.ui-state-disabled .ui-icon{filter:Alpha(Opacity=35)}.ui-icon{width:16px;height:16px}.ui-icon,.ui-widget-content .ui-icon{background-image:url("https://www.kmsbearings.com/skin/frontend/respond/topspot/css/images/ui-icons_222222_256x240.png")}.ui-widget-header .ui-icon{background-image:url("https://www.kmsbearings.com/skin/frontend/respond/topspot/css/images/ui-icons_ffffff_256x240.png")}.ui-state-default .ui-icon{background-image:url("https://www.kmsbearings.com/skin/frontend/respond/topspot/css/images/ui-icons_ef8c08_256x240.png")}.ui-state-hover .ui-icon,.ui-state-focus .ui-icon{background-image:url("https://www.kmsbearings.com/skin/frontend/respond/topspot/css/images/ui-icons_ef8c08_256x240.png")}.ui-state-active .ui-icon{background-image:url("https://www.kmsbearings.com/skin/frontend/respond/topspot/css/images/ui-icons_ef8c08_256x240.png")}.ui-state-highlight .ui-icon{background-image:url("https://www.kmsbearings.com/skin/frontend/respond/topspot/css/images/ui-icons_228ef1_256x240.png")}.ui-state-error .ui-icon,.ui-state-error-text .ui-icon{background-image:url("https://www.kmsbearings.com/skin/frontend/respond/topspot/css/images/ui-icons_ffd27a_256x240.png")}.ui-icon-blank{background-position:16px 16px}.ui-icon-carat-1-n{background-position:0 0}.ui-icon-carat-1-ne{background-position:-16px 0}.ui-icon-carat-1-e{background-position:-32px 0}.ui-icon-carat-1-se{background-position:-48px 0}.ui-icon-carat-1-s{background-position:-64px 0}.ui-icon-carat-1-sw{background-position:-80px 0}.ui-icon-carat-1-w{background-position:-96px 0}.ui-icon-carat-1-nw{background-position:-112px 0}.ui-icon-carat-2-n-s{background-position:-128px 0}.ui-icon-carat-2-e-w{background-position:-144px 0}.ui-icon-triangle-1-n{background-position:0 -16px}.ui-icon-triangle-1-ne{background-position:-16px -16px}.ui-icon-triangle-1-e{background-position:-32px -16px}.ui-icon-triangle-1-se{background-position:-48px -16px}.ui-icon-triangle-1-s{background-position:-64px -16px}.ui-icon-triangle-1-sw{background-position:-80px -16px}.ui-icon-triangle-1-w{background-position:-96px -16px}.ui-icon-triangle-1-nw{background-position:-112px -16px}.ui-icon-triangle-2-n-s{background-position:-128px -16px}.ui-icon-triangle-2-e-w{background-position:-144px -16px}.ui-icon-arrow-1-n{background-position:0 -32px}.ui-icon-arrow-1-ne{background-position:-16px -32px}.ui-icon-arrow-1-e{background-position:-32px -32px}.ui-icon-arrow-1-se{background-position:-48px -32px}.ui-icon-arrow-1-s{background-position:-64px -32px}.ui-icon-arrow-1-sw{background-position:-80px -32px}.ui-icon-arrow-1-w{background-position:-96px -32px}.ui-icon-arrow-1-nw{background-position:-112px -32px}.ui-icon-arrow-2-n-s{background-position:-128px -32px}.ui-icon-arrow-2-ne-sw{background-position:-144px -32px}.ui-icon-arrow-2-e-w{background-position:-160px -32px}.ui-icon-arrow-2-se-nw{background-position:-176px -32px}.ui-icon-arrowstop-1-n{background-position:-192px -32px}.ui-icon-arrowstop-1-e{background-position:-208px -32px}.ui-icon-arrowstop-1-s{background-position:-224px -32px}.ui-icon-arrowstop-1-w{background-position:-240px -32px}.ui-icon-arrowthick-1-n{background-position:0 -48px}.ui-icon-arrowthick-1-ne{background-position:-16px -48px}.ui-icon-arrowthick-1-e{background-position:-32px -48px}.ui-icon-arrowthick-1-se{background-position:-48px -48px}.ui-icon-arrowthick-1-s{background-position:-64px -48px}.ui-icon-arrowthick-1-sw{background-position:-80px -48px}.ui-icon-arrowthick-1-w{background-position:-96px -48px}.ui-icon-arrowthick-1-nw{background-position:-112px -48px}.ui-icon-arrowthick-2-n-s{background-position:-128px -48px}.ui-icon-arrowthick-2-ne-sw{background-position:-144px -48px}.ui-icon-arrowthick-2-e-w{background-position:-160px -48px}.ui-icon-arrowthick-2-se-nw{background-position:-176px -48px}.ui-icon-arrowthickstop-1-n{background-position:-192px -48px}.ui-icon-arrowthickstop-1-e{background-position:-208px -48px}.ui-icon-arrowthickstop-1-s{background-position:-224px -48px}.ui-icon-arrowthickstop-1-w{background-position:-240px -48px}.ui-icon-arrowreturnthick-1-w{background-position:0 -64px}.ui-icon-arrowreturnthick-1-n{background-position:-16px -64px}.ui-icon-arrowreturnthick-1-e{background-position:-32px -64px}.ui-icon-arrowreturnthick-1-s{background-position:-48px -64px}.ui-icon-arrowreturn-1-w{background-position:-64px -64px}.ui-icon-arrowreturn-1-n{background-position:-80px -64px}.ui-icon-arrowreturn-1-e{background-position:-96px -64px}.ui-icon-arrowreturn-1-s{background-position:-112px -64px}.ui-icon-arrowrefresh-1-w{background-position:-128px -64px}.ui-icon-arrowrefresh-1-n{background-position:-144px -64px}.ui-icon-arrowrefresh-1-e{background-position:-160px -64px}.ui-icon-arrowrefresh-1-s{background-position:-176px -64px}.ui-icon-arrow-4{background-position:0 -80px}.ui-icon-arrow-4-diag{background-position:-16px -80px}.ui-icon-extlink{background-position:-32px -80px}.ui-icon-newwin{background-position:-48px -80px}.ui-icon-refresh{background-position:-64px -80px}.ui-icon-shuffle{background-position:-80px -80px}.ui-icon-transfer-e-w{background-position:-96px -80px}.ui-icon-transferthick-e-w{background-position:-112px -80px}.ui-icon-folder-collapsed{background-position:0 -96px}.ui-icon-folder-open{background-position:-16px -96px}.ui-icon-document{background-position:-32px -96px}.ui-icon-document-b{background-position:-48px -96px}.ui-icon-note{background-position:-64px -96px}.ui-icon-mail-closed{background-position:-80px -96px}.ui-icon-mail-open{background-position:-96px -96px}.ui-icon-suitcase{background-position:-112px -96px}.ui-icon-comment{background-position:-128px -96px}.ui-icon-person{background-position:-144px -96px}.ui-icon-print{background-position:-160px -96px}.ui-icon-trash{background-position:-176px -96px}.ui-icon-locked{background-position:-192px -96px}.ui-icon-unlocked{background-position:-208px -96px}.ui-icon-bookmark{background-position:-224px -96px}.ui-icon-tag{background-position:-240px -96px}.ui-icon-home{background-position:0 -112px}.ui-icon-flag{background-position:-16px -112px}.ui-icon-calendar{background-position:-32px -112px}.ui-icon-cart{background-position:-48px -112px}.ui-icon-pencil{background-position:-64px -112px}.ui-icon-clock{background-position:-80px -112px}.ui-icon-disk{background-position:-96px -112px}.ui-icon-calculator{background-position:-112px -112px}.ui-icon-zoomin{background-position:-128px -112px}.ui-icon-zoomout{background-position:-144px -112px}.ui-icon-search{background-position:-160px -112px}.ui-icon-wrench{background-position:-176px -112px}.ui-icon-gear{background-position:-192px -112px}.ui-icon-heart{background-position:-208px -112px}.ui-icon-star{background-position:-224px -112px}.ui-icon-link{background-position:-240px -112px}.ui-icon-cancel{background-position:0 -128px}.ui-icon-plus{background-position:-16px -128px}.ui-icon-plusthick{background-position:-32px -128px}.ui-icon-minus{background-position:-48px -128px}.ui-icon-minusthick{background-position:-64px -128px}.ui-icon-close{background-position:-80px -128px}.ui-icon-closethick{background-position:-96px -128px}.ui-icon-key{background-position:-112px -128px}.ui-icon-lightbulb{background-position:-128px -128px}.ui-icon-scissors{background-position:-144px -128px}.ui-icon-clipboard{background-position:-160px -128px}.ui-icon-copy{background-position:-176px -128px}.ui-icon-contact{background-position:-192px -128px}.ui-icon-image{background-position:-208px -128px}.ui-icon-video{background-position:-224px -128px}.ui-icon-script{background-position:-240px -128px}.ui-icon-alert{background-position:0 -144px}.ui-icon-info{background-position:-16px -144px}.ui-icon-notice{background-position:-32px -144px}.ui-icon-help{background-position:-48px -144px}.ui-icon-check{background-position:-64px -144px}.ui-icon-bullet{background-position:-80px -144px}.ui-icon-radio-on{background-position:-96px -144px}.ui-icon-radio-off{background-position:-112px -144px}.ui-icon-pin-w{background-position:-128px -144px}.ui-icon-pin-s{background-position:-144px -144px}.ui-icon-play{background-position:0 -160px}.ui-icon-pause{background-position:-16px -160px}.ui-icon-seek-next{background-position:-32px -160px}.ui-icon-seek-prev{background-position:-48px -160px}.ui-icon-seek-end{background-position:-64px -160px}.ui-icon-seek-start{background-position:-80px -160px}.ui-icon-seek-first{background-position:-80px -160px}.ui-icon-stop{background-position:-96px -160px}.ui-icon-eject{background-position:-112px -160px}.ui-icon-volume-off{background-position:-128px -160px}.ui-icon-volume-on{background-position:-144px -160px}.ui-icon-power{background-position:0 -176px}.ui-icon-signal-diag{background-position:-16px -176px}.ui-icon-signal{background-position:-32px -176px}.ui-icon-battery-0{background-position:-48px -176px}.ui-icon-battery-1{background-position:-64px -176px}.ui-icon-battery-2{background-position:-80px -176px}.ui-icon-battery-3{background-position:-96px -176px}.ui-icon-circle-plus{background-position:0 -192px}.ui-icon-circle-minus{background-position:-16px -192px}.ui-icon-circle-close{background-position:-32px -192px}.ui-icon-circle-triangle-e{background-position:-48px -192px}.ui-icon-circle-triangle-s{background-position:-64px -192px}.ui-icon-circle-triangle-w{background-position:-80px -192px}.ui-icon-circle-triangle-n{background-position:-96px -192px}.ui-icon-circle-arrow-e{background-position:-112px -192px}.ui-icon-circle-arrow-s{background-position:-128px -192px}.ui-icon-circle-arrow-w{background-position:-144px -192px}.ui-icon-circle-arrow-n{background-position:-160px -192px}.ui-icon-circle-zoomin{background-position:-176px -192px}.ui-icon-circle-zoomout{background-position:-192px -192px}.ui-icon-circle-check{background-position:-208px -192px}.ui-icon-circlesmall-plus{background-position:0 -208px}.ui-icon-circlesmall-minus{background-position:-16px -208px}.ui-icon-circlesmall-close{background-position:-32px -208px}.ui-icon-squaresmall-plus{background-position:-48px -208px}.ui-icon-squaresmall-minus{background-position:-64px -208px}.ui-icon-squaresmall-close{background-position:-80px -208px}.ui-icon-grip-dotted-vertical{background-position:0 -224px}.ui-icon-grip-dotted-horizontal{background-position:-16px -224px}.ui-icon-grip-solid-vertical{background-position:-32px -224px}.ui-icon-grip-solid-horizontal{background-position:-48px -224px}.ui-icon-gripsmall-diagonal-se{background-position:-64px -224px}.ui-icon-grip-diagonal-se{background-position:-80px -224px}.ui-corner-all,.ui-corner-top,.ui-corner-left,.ui-corner-tl{border-top-left-radius:4px}.ui-corner-all,.ui-corner-top,.ui-corner-right,.ui-corner-tr{border-top-right-radius:4px}.ui-corner-all,.ui-corner-bottom,.ui-corner-left,.ui-corner-bl{border-bottom-left-radius:4px}.ui-corner-all,.ui-corner-bottom,.ui-corner-right,.ui-corner-br{border-bottom-right-radius:4px}.ui-widget-overlay{background:#666 url("https://www.kmsbearings.com/skin/frontend/respond/topspot/css/images/ui-bg_diagonals-thick_20_666666_40x40.png") 50% 50% repeat;opacity:.5;filter:Alpha(Opacity=50)}.ui-widget-shadow{margin:-5px 0 0 -5px;padding:5px;background:#000 url("https://www.kmsbearings.com/skin/frontend/respond/topspot/css/images/ui-bg_flat_10_000000_40x100.png") 50% 50% repeat-x;opacity:.2;filter:Alpha(Opacity=20);border-radius:5px} .mm-menu.mm-horizontal > .mm-panel{-webkit-transition:-webkit-transform 0.4s ease;transition:transform 0.4s ease;} .mm-menu .mm-hidden{display:none;} .mm-wrapper{overflow-x:hidden;position:relative;} .mm-menu, .mm-menu > .mm-panel{width:100%;height:100%;position:absolute;left:0;top:0;z-index:0;} .mm-menu{background:inherit;display:block;overflow:hidden;padding:0;} .mm-menu > .mm-panel{background:inherit;-webkit-overflow-scrolling:touch;overflow:scroll;overflow-x:hidden;overflow-y:auto;box-sizing:border-box;padding:20px;-webkit-transform:translate(100%, 0);-moz-transform:translate(100%, 0);-ms-transform:translate(100%, 0);-o-transform:translate(100%, 0);transform:translate(100%, 0);} .mm-menu > .mm-panel.mm-opened{-webkit-transform:translate(0%, 0);-moz-transform:translate(0%, 0);-ms-transform:translate(0%, 0);-o-transform:translate(0%, 0);transform:translate(0%, 0);} .mm-menu > .mm-panel.mm-subopened{-webkit-transform:translate(-30%, 0);-moz-transform:translate(-30%, 0);-ms-transform:translate(-30%, 0);-o-transform:translate(-30%, 0);transform:translate(-30%, 0);} .mm-menu > .mm-panel.mm-highest{z-index:1;} .mm-menu .mm-list{padding:20px 0;} .mm-menu > .mm-list{padding-bottom:0;} .mm-menu > .mm-list:after{content:'';display:block;height:40px;} .mm-panel > .mm-list{margin-left:-20px;margin-right:-20px;} .mm-panel > .mm-list:first-child{padding-top:0;} .mm-list, .mm-list > li{list-style:none;display:block;padding:0;margin:0;} .mm-list{font:inherit;font-size:14px;} .mm-list a, .mm-list a:hover{text-decoration:none;} .mm-list > li{position:relative;} .mm-list > li > a, .mm-list > li > span{text-overflow:ellipsis;white-space:nowrap;overflow:hidden;color:inherit;line-height:20px;display:block;padding:10px 10px 10px 20px;margin:0;} .mm-list > li:not(.mm-subtitle):not(.mm-label):not(.mm-search):not(.mm-noresults):after{content:'';border-bottom-width:1px;border-bottom-style:solid;display:block;width:100%;position:absolute;bottom:0;left:0;} .mm-list > li:not(.mm-subtitle):not(.mm-label):not(.mm-search):not(.mm-noresults):after{width:auto;margin-left:20px;position:relative;left:auto;} .mm-list a.mm-subopen{background:rgba(3, 2, 1, 0);width:40px;height:100%;padding:0;position:absolute;right:0;top:0;z-index:2;} .mm-list a.mm-subopen:before{content:'';border-left-width:1px;border-left-style:solid;display:block;height:100%;position:absolute;left:0;top:0;} .mm-list a.mm-subopen.mm-fullsubopen{width:100%;} .mm-list a.mm-subopen.mm-fullsubopen:before{border-left:none;} .mm-list a.mm-subopen + a, .mm-list a.mm-subopen + span{padding-right:5px;margin-right:40px;} .mm-list > li.mm-selected > a.mm-subopen{background:transparent;} .mm-list > li.mm-selected > a.mm-fullsubopen + a, .mm-list > li.mm-selected > a.mm-fullsubopen + span{padding-right:45px;margin-right:0;} .mm-list a.mm-subclose{text-indent:20px;padding-top:30px;margin-top:-20px;} .mm-list > li.mm-label{text-overflow:ellipsis;white-space:nowrap;overflow:hidden;font-size:10px;text-transform:uppercase;text-indent:20px;line-height:25px;padding-right:5px;} .mm-list > li.mm-spacer{padding-top:40px;} .mm-list > li.mm-spacer.mm-label{padding-top:25px;} .mm-list a.mm-subopen:after, .mm-list a.mm-subclose:before{content:'';border:2px solid transparent;display:inline-block;width:7px;height:7px;-webkit-transform:rotate(-45deg);-moz-transform:rotate(-45deg);-ms-transform:rotate(-45deg);-o-transform:rotate(-45deg);transform:rotate(-45deg);margin-bottom:-5px;position:absolute;bottom:50%;} .mm-list a.mm-subopen:after{border-top:none;border-left:none;right:18px;} .mm-list a.mm-subclose:before{border-right:none;border-bottom:none;margin-bottom:-15px;left:22px;} .mm-menu.mm-vertical .mm-list .mm-panel{display:none;padding:10px 0 10px 10px;} .mm-menu.mm-vertical .mm-list .mm-panel li:last-child:after{border-color:transparent;} .mm-menu.mm-vertical .mm-list li.mm-opened > .mm-panel{display:block;} .mm-menu.mm-vertical .mm-list > li > a.mm-subopen{height:40px;} .mm-menu.mm-vertical .mm-list > li > a.mm-subopen:after{top:16px;bottom:auto;} .mm-menu.mm-vertical .mm-list > li.mm-opened > a.mm-subopen:after{-webkit-transform:rotate(45deg);-moz-transform:rotate(45deg);-ms-transform:rotate(45deg);-o-transform:rotate(45deg);transform:rotate(45deg);} .mm-menu.mm-vertical .mm-list > li.mm-label > a.mm-subopen{height:25px;} html.mm-opened .mm-page{box-shadow:0 0 20px rgba(0, 0, 0, 0.5);} .mm-menu{background:#333333;color:rgba(255, 255, 255, 0.6);} .mm-menu .mm-list > li:after{border-color:rgba(0, 0, 0, 0.15);} .mm-menu .mm-list > li > a.mm-subclose{background:rgba(0, 0, 0, 0.1);color:rgba(255, 255, 255, 0.3);} .mm-menu .mm-list > li > a.mm-subopen:after, .mm-menu .mm-list > li > a.mm-subclose:before{border-color:rgba(255, 255, 255, 0.3);} .mm-menu .mm-list > li > a.mm-subopen:before{border-color:rgba(0, 0, 0, 0.15);} .mm-menu .mm-list > li.mm-selected > a:not(.mm-subopen), .mm-menu .mm-list > li.mm-selected > span{background:rgba(0, 0, 0, 0.1);} .mm-menu .mm-list > li.mm-label{background:rgba(255, 255, 255, 0.05);} .mm-menu.mm-vertical .mm-list li.mm-opened > a.mm-subopen, .mm-menu.mm-vertical .mm-list li.mm-opened > ul{background:rgba(255, 255, 255, 0.05);} .mm-page{box-sizing:border-box;position:relative;} .mm-slideout{-webkit-transition:-webkit-transform 0.4s ease;-ms-transition:-ms-transform 0.4s ease;transition:transform 0.4s ease;} html.mm-opened{overflow:hidden;position:relative;} html.mm-opened body{overflow:hidden;} html.mm-background .mm-page{background:inherit;} #mm-blocker{background:rgba(3, 2, 1, 0);display:none;width:100%;height:100%;position:fixed;top:0;left:0;z-index:999999;} html.mm-opened #mm-blocker, html.mm-blocking #mm-blocker{display:block;} .mm-menu.mm-offcanvas{display:none;position:fixed;} .mm-menu.mm-current{display:block;} .mm-menu{width:80%;min-width:140px;max-width:440px;} html.mm-opening .mm-slideout{-webkit-transform:translate(80%, 0);-moz-transform:translate(80%, 0);-ms-transform:translate(80%, 0);-o-transform:translate(80%, 0);transform:translate(80%, 0);} @media all and (max-width:175px){html.mm-opening .mm-slideout{-webkit-transform:translate(140px, 0);-moz-transform:translate(140px, 0);-ms-transform:translate(140px, 0);-o-transform:translate(140px, 0);transform:translate(140px, 0);} } @media all and (min-width:550px){html.mm-opening .mm-slideout{-webkit-transform:translate(440px, 0);-moz-transform:translate(440px, 0);-ms-transform:translate(440px, 0);-o-transform:translate(440px, 0);transform:translate(440px, 0);} } .mm-buttonbar{border:1px solid transparent;border-radius:5px;text-align:center;line-height:20px;overflow:hidden;display:block;padding:0;margin:0;position:relative;} .mm-buttonbar:after{content:'';display:block;clear:both;} .mm-buttonbar > *{border-left:1px solid transparent;box-sizing:border-box;display:block;width:100%;height:100%;float:left;text-overflow:ellipsis;white-space:nowrap;overflow:hidden;} .mm-buttonbar > a{text-decoration:none;} .mm-buttonbar > input{position:absolute;left:-1000px;top:-1000px;} .mm-buttonbar > input:checked + label{border-color:transparent !important;} .mm-buttonbar > *:first-child, .mm-buttonbar > input:first-child + *{border-left:none;} .mm-buttonbar.mm-buttonbar-2 > *{width:50%;} .mm-buttonbar.mm-buttonbar-3 > *{width:33.33%;} .mm-buttonbar.mm-buttonbar-4 > *{width:25%;} .mm-buttonbar.mm-buttonbar-5 > *{width:20%;} .mm-header .mm-buttonbar{margin-top:20px;margin-left:-30px;margin-right:-30px;} .mm-footer .mm-buttonbar{border:none;border-radius:none;line-height:40px;margin:-10px -10px 0 -20px;} .mm-footer .mm-buttonbar > *{border-left:none;} .mm-list > li > .mm-buttonbar{margin:10px 20px;} .mm-menu .mm-buttonbar{border-color:rgba(255, 255, 255, 0.6);background:#333333;} .mm-menu .mm-buttonbar > *{border-color:rgba(255, 255, 255, 0.6);} .mm-menu .mm-buttonbar > input:checked + label{background:rgba(255, 255, 255, 0.6);color:#333333;} em.mm-counter{font:inherit;font-size:14px;font-style:normal;text-indent:0;line-height:20px;display:block;margin-top:-10px;position:absolute;right:40px;top:50%;} em.mm-counter + a.mm-subopen{padding-left:40px;} em.mm-counter + a.mm-subopen + a, em.mm-counter + a.mm-subopen + span{margin-right:80px;} em.mm-counter + a.mm-fullsubopen{padding-left:0;} .mm-vertical em.mm-counter{top:12px;margin-top:0;} .mm-nosubresults > em.mm-counter{display:none;} .mm-menu em.mm-counter{color:rgba(255, 255, 255, 0.3);} html.mm-opened.mm-dragging .mm-menu, html.mm-opened.mm-dragging .mm-page, html.mm-opened.mm-dragging .mm-fixed-top, html.mm-opened.mm-dragging .mm-fixed-bottom, html.mm-opened.mm-dragging #mm-blocker{-webkit-transition-duration:0s;-moz-transition-duration:0s;-ms-transition-duration:0s;-o-transition-duration:0s;transition-duration:0s;} .mm-footer{background:inherit;border-top:1px solid transparent;text-align:center;line-height:20px;box-sizing:border-box;width:100%;height:40px;padding:10px 10px 0 20px;position:absolute;z-index:2;bottom:0;left:0;} .mm-menu.mm-hasfooter > .mm-panel:after{height:80px;} .mm-menu .mm-footer{border-color:rgba(0, 0, 0, 0.15);color:rgba(255, 255, 255, 0.3);} .mm-header{background:inherit;border-bottom:1px solid transparent;text-align:center;line-height:20px;box-sizing:border-box;width:100%;height:60px;padding:0 50px;position:absolute;z-index:2;top:0;left:0;} .mm-header .mm-title, .mm-header .mm-prev, .mm-header .mm-next, .mm-header .mm-close{padding-top:30px;} .mm-header .mm-title{text-overflow:ellipsis;white-space:nowrap;overflow:hidden;display:inline-block;width:100%;position:relative;} .mm-header .mm-prev, .mm-header .mm-next, .mm-header .mm-close{text-decoration:none;display:block;box-sizing:border-box;min-width:10px;height:100%;position:absolute;top:0;z-index:1;} .mm-header .mm-prev{padding-left:20px;padding-right:10px;left:0;} .mm-header .mm-next, .mm-header .mm-close{padding-left:10px;padding-right:20px;right:0;} .mm-header [href].mm-prev:before, .mm-header [href].mm-next:after{content:'';border:2px solid transparent;display:inline-block;width:7px;height:7px;-webkit-transform:rotate(-45deg);-moz-transform:rotate(-45deg);-ms-transform:rotate(-45deg);-o-transform:rotate(-45deg);transform:rotate(-45deg);} .mm-header [href].mm-prev:before{border-right:none;border-bottom:none;margin-left:2px;margin-right:5px;} .mm-header [href].mm-next:after, .mm-header [href].mm-close:after{margin-left:5px;margin-right:-2px;} .mm-header [href].mm-next:after{border-top:none;border-left:none;} .mm-header [href].mm-close:after{content:'x';} .mm-menu.mm-hassearch .mm-header{height:50px;top:50px;} .mm-menu.mm-hassearch .mm-header .mm-title, .mm-menu.mm-hassearch .mm-header .mm-prev, .mm-menu.mm-hassearch .mm-header .mm-next, .mm-menu.mm-hassearch .mm-header .mm-close{padding-top:20px;} .mm-menu.mm-hasheader li.mm-subtitle{display:none;} .mm-menu.mm-hasheader > .mm-panel{padding-top:80px;} .mm-menu.mm-hasheader > .mm-panel.mm-list{padding-top:60px;} .mm-menu.mm-hasheader > .mm-panel > .mm-list:first-child{margin-top:-20px;} .mm-menu.mm-hasheader.mm-hassearch > .mm-panel{padding-top:120px;} .mm-menu.mm-hasheader.mm-hassearch > .mm-panel.mm-list{padding-top:100px;} .mm-menu .mm-header{border-color:rgba(0, 0, 0, 0.15);color:rgba(255, 255, 255, 0.3);} .mm-menu .mm-header .mm-prev:before, .mm-menu .mm-header .mm-next:after, .mm-menu .mm-header .mm-close:after{border-color:rgba(255, 255, 255, 0.3);} .mm-list li.mm-label > span{text-overflow:ellipsis;white-space:nowrap;overflow:hidden;padding:0;line-height:25px;} .mm-list li.mm-label.mm-opened a.mm-subopen:after{-webkit-transform:rotate(45deg);-moz-transform:rotate(45deg);-ms-transform:rotate(45deg);-o-transform:rotate(45deg);transform:rotate(45deg);} .mm-list li.mm-collapsed:not(.mm-uncollapsed){display:none;} .mm-menu.mm-vertical .mm-list > li.mm-label > a.mm-subopen:after{top:8.5px;} .mm-menu .mm-list li.mm-label > div > div{background:rgba(255, 255, 255, 0.05);} .mm-search, .mm-search input{box-sizing:border-box;} .mm-list > li.mm-search{padding:10px;margin-top:-20px;} .mm-list > li.mm-subtitle + li.mm-search{margin-top:0;} div.mm-panel > div.mm-search{padding:0 0 10px 0;} .mm-menu.mm-hasheader .mm-list > li.mm-search{margin-top:0;} .mm-menu > .mm-search{background:inherit;width:100%;position:absolute;top:0;left:0;z-index:2;} .mm-search{padding:10px;} .mm-search input{border:none;border-radius:30px;font:inherit;font-size:14px;line-height:30px;outline:none;display:block;width:100%;height:30px;margin:0;padding:0 10px;} .mm-search input::-ms-clear{display:none;} .mm-menu .mm-noresultsmsg{text-align:center;font-size:21px;display:none;padding:60px 0;} .mm-menu .mm-noresultsmsg:after{border:none !important;} .mm-noresults .mm-noresultsmsg{display:block;} .mm-menu li.mm-nosubresults > a.mm-subopen{display:none;} .mm-menu li.mm-nosubresults > a.mm-subopen + a, .mm-menu li.mm-nosubresults > a.mm-subopen + span{padding-right:10px;} .mm-menu.mm-hassearch > .mm-panel{padding-top:70px;} .mm-menu.mm-hassearch > .mm-panel > .mm-list:first-child{margin-top:-20px;} .mm-menu.mm-hasheader > .mm-panel > div.mm-search:first-child{margin-top:-10px;} .mm-menu.mm-hasheader > .mm-panel > div.mm-search:first-child + .mm-list{padding-top:0;} .mm-menu .mm-search input{background:rgba(255, 255, 255, 0.3);color:rgba(255, 255, 255, 0.6);} .mm-menu .mm-noresultsmsg{color:rgba(255, 255, 255, 0.3);} input.mm-toggle, input.mm-check{position:absolute;left:-10000px;} label.mm-toggle, label.mm-check{margin:0;position:absolute;bottom:50%;z-index:2;} label.mm-toggle:before, label.mm-check:before{content:'';display:block;} label.mm-toggle{border-radius:30px;width:50px;height:30px;margin-bottom:-15px;} label.mm-toggle:before{border-radius:30px;width:28px;height:28px;margin:1px;} input.mm-toggle:checked ~ label.mm-toggle:before{float:right;} label.mm-check{width:30px;height:30px;margin-bottom:-15px;} label.mm-check:before{border-left:3px solid;border-bottom:3px solid;width:40%;height:20%;margin:25% 0 0 20%;opacity:0.1;-webkit-transform:rotate(-45deg);-moz-transform:rotate(-45deg);-ms-transform:rotate(-45deg);-o-transform:rotate(-45deg);transform:rotate(-45deg);} input.mm-check:checked ~ label.mm-check:before{opacity:1;} .mm-menu.mm-vertical .mm-list > li label.mm-toggle, .mm-menu.mm-vertical .mm-list > li label.mm-check{bottom:auto;margin-bottom:0;} .mm-menu.mm-vertical .mm-list > li label.mm-toggle{top:5px;} .mm-menu.mm-vertical .mm-list > li label.mm-check{top:5px;} label.mm-toggle, label.mm-check{right:20px;} label.mm-toggle + a, label.mm-toggle + span{margin-right:70px;} label.mm-check + a, label.mm-check + span{margin-right:50px;} a.mm-subopen + label.mm-toggle, a.mm-subopen + label.mm-check{right:50px;} a.mm-subopen + label.mm-toggle + a, a.mm-subopen + label.mm-toggle + span{margin-right:100px;} a.mm-subopen + label.mm-check + a, a.mm-subopen + label.mm-check + span{margin-right:80px;} em.mm-counter + a.mm-subopen + label.mm-toggle, em.mm-counter + a.mm-subopen + label.mm-check{right:90px;} em.mm-counter + a.mm-subopen + label.mm-toggle + a, em.mm-counter + a.mm-subopen + label.mm-toggle + span{margin-right:140px;} em.mm-counter + a.mm-subopen + label.mm-check + a, em.mm-counter + a.mm-subopen + label.mm-check + span{margin-right:120px;} .mm-menu label.mm-toggle{background:rgba(0, 0, 0, 0.15);} .mm-menu label.mm-toggle:before{background:#333333;} .mm-menu input.mm-toggle:checked ~ label.mm-toggle{background:#4bd963;} .mm-menu label.mm-check:before{border-color:rgba(255, 255, 255, 0.6);} html.mm-slide .mm-menu{-webkit-transition:-webkit-transform 0.4s ease;transition:transform 0.4s ease;} html.mm-slide.mm-opened .mm-menu{-webkit-transform:translateX(-30%);-moz-transform:translateX(-30%);-ms-transform:translateX(-30%);-o-transform:translateX(-30%);transform:translateX(-30%);} html.mm-slide.mm-opening .mm-menu{-webkit-transform:translateX(0%);-moz-transform:translateX(0%);-ms-transform:translateX(0%);-o-transform:translateX(0%);transform:translateX(0%);} html.mm-slide.mm-right.mm-opened .mm-menu{-webkit-transform:translateX(30%);-moz-transform:translateX(30%);-ms-transform:translateX(30%);-o-transform:translateX(30%);transform:translateX(30%);} html.mm-slide.mm-right.mm-opening .mm-menu{-webkit-transform:translateX(0%);-moz-transform:translateX(0%);-ms-transform:translateX(0%);-o-transform:translateX(0%);transform:translateX(0%);} html.mm-slide.mm-top.mm-opened .mm-menu{-webkit-transform:translateY(-30%);-moz-transform:translateY(-30%);-ms-transform:translateY(-30%);-o-transform:translateY(-30%);transform:translateY(-30%);} html.mm-slide.mm-top.mm-opening .mm-menu{-webkit-transform:translateY(0%);-moz-transform:translateY(0%);-ms-transform:translateY(0%);-o-transform:translateY(0%);transform:translateY(0%);} html.mm-slide.mm-bottom.mm-opened .mm-menu{-webkit-transform:translateY(30%);-moz-transform:translateY(30%);-ms-transform:translateY(30%);-o-transform:translateY(30%);transform:translateY(30%);} html.mm-slide.mm-bottom.mm-opening .mm-menu{-webkit-transform:translateY(0%);-moz-transform:translateY(0%);-ms-transform:translateY(0%);-o-transform:translateY(0%);transform:translateY(0%);} html.mm-zoom-menu .mm-menu{-webkit-transition:-webkit-transform 0.4s ease;transition:transform 0.4s ease;} html.mm-zoom-menu.mm-opened .mm-menu{-webkit-transform:scale(0.7, 0.7) translateX(-30%);-moz-transform:scale(0.7, 0.7) translateX(-30%);-ms-transform:scale(0.7, 0.7) translateX(-30%);-o-transform:scale(0.7, 0.7) translateX(-30%);transform:scale(0.7, 0.7) translateX(-30%);-webkit-transform-origin:left center;-moz-transform-origin:left center;-ms-transform-origin:left center;-o-transform-origin:left center;transform-origin:left center;} html.mm-zoom-menu.mm-opening .mm-menu{-webkit-transform:scale(1, 1) translateX(0%);-moz-transform:scale(1, 1) translateX(0%);-ms-transform:scale(1, 1) translateX(0%);-o-transform:scale(1, 1) translateX(0%);transform:scale(1, 1) translateX(0%);} html.mm-zoom-menu.mm-right.mm-opened .mm-menu{-webkit-transform:scale(0.7, 0.7) translateX(30%);-moz-transform:scale(0.7, 0.7) translateX(30%);-ms-transform:scale(0.7, 0.7) translateX(30%);-o-transform:scale(0.7, 0.7) translateX(30%);transform:scale(0.7, 0.7) translateX(30%);-webkit-transform-origin:right center;-moz-transform-origin:right center;-ms-transform-origin:right center;-o-transform-origin:right center;transform-origin:right center;} html.mm-zoom-menu.mm-right.mm-opening .mm-menu{-webkit-transform:scale(1, 1) translateX(0%);-moz-transform:scale(1, 1) translateX(0%);-ms-transform:scale(1, 1) translateX(0%);-o-transform:scale(1, 1) translateX(0%);transform:scale(1, 1) translateX(0%);} html.mm-zoom-menu.mm-top.mm-opened .mm-menu{-webkit-transform:scale(0.7, 0.7) translateY(-30%);-moz-transform:scale(0.7, 0.7) translateY(-30%);-ms-transform:scale(0.7, 0.7) translateY(-30%);-o-transform:scale(0.7, 0.7) translateY(-30%);transform:scale(0.7, 0.7) translateY(-30%);-webkit-transform-origin:center top;-moz-transform-origin:center top;-ms-transform-origin:center top;-o-transform-origin:center top;transform-origin:center top;} html.mm-zoom-menu.mm-top.mm-opening .mm-menu{-webkit-transform:scale(1, 1) translateY(0%);-moz-transform:scale(1, 1) translateY(0%);-ms-transform:scale(1, 1) translateY(0%);-o-transform:scale(1, 1) translateY(0%);transform:scale(1, 1) translateY(0%);} html.mm-zoom-menu.mm-bottom.mm-opened .mm-menu{-webkit-transform:scale(0.7, 0.7) translateY(30%);-moz-transform:scale(0.7, 0.7) translateY(30%);-ms-transform:scale(0.7, 0.7) translateY(30%);-o-transform:scale(0.7, 0.7) translateY(30%);transform:scale(0.7, 0.7) translateY(30%);-webkit-transform-origin:center bottom;-moz-transform-origin:center bottom;-ms-transform-origin:center bottom;-o-transform-origin:center bottom;transform-origin:center bottom;} html.mm-zoom-menu.mm-bottom.mm-opening .mm-menu{-webkit-transform:scale(1, 1) translateY(0%);-moz-transform:scale(1, 1) translateY(0%);-ms-transform:scale(1, 1) translateY(0%);-o-transform:scale(1, 1) translateY(0%);transform:scale(1, 1) translateY(0%);} html.mm-zoom-panels .mm-menu.mm-horizontal > .mm-panel{-webkit-transform:scale(1.5, 1.5) translateX(100%);-moz-transform:scale(1.5, 1.5) translateX(100%);-ms-transform:scale(1.5, 1.5) translateX(100%);-o-transform:scale(1.5, 1.5) translateX(100%);transform:scale(1.5, 1.5) translateX(100%);-webkit-transform-origin:left center;-moz-transform-origin:left center;-ms-transform-origin:left center;-o-transform-origin:left center;transform-origin:left center;-webkit-transition-property:-webkit-transform, left;transition-property:transform, left;} html.mm-zoom-panels .mm-menu.mm-horizontal > .mm-panel.mm-opened{-webkit-transform:scale(1, 1) translateX(0%);-moz-transform:scale(1, 1) translateX(0%);-ms-transform:scale(1, 1) translateX(0%);-o-transform:scale(1, 1) translateX(0%);transform:scale(1, 1) translateX(0%);} html.mm-zoom-panels .mm-menu.mm-horizontal > .mm-panel.mm-opened.mm-subopened{-webkit-transform:scale(0.7, 0.7) translateX(-30%);-moz-transform:scale(0.7, 0.7) translateX(-30%);-ms-transform:scale(0.7, 0.7) translateX(-30%);-o-transform:scale(0.7, 0.7) translateX(-30%);transform:scale(0.7, 0.7) translateX(-30%);} .mm-menu.mm-fullscreen{width:100%;min-width:140px;max-width:10000px;} html.mm-opening.mm-fullscreen .mm-slideout{-webkit-transform:translate(100%, 0);-moz-transform:translate(100%, 0);-ms-transform:translate(100%, 0);-o-transform:translate(100%, 0);transform:translate(100%, 0);} @media all and (max-width:140px){html.mm-opening.mm-fullscreen .mm-slideout{-webkit-transform:translate(140px, 0);-moz-transform:translate(140px, 0);-ms-transform:translate(140px, 0);-o-transform:translate(140px, 0);transform:translate(140px, 0);} } @media all and (min-width:10000px){html.mm-opening.mm-fullscreen .mm-slideout{-webkit-transform:translate(10000px, 0);-moz-transform:translate(10000px, 0);-ms-transform:translate(10000px, 0);-o-transform:translate(10000px, 0);transform:translate(10000px, 0);} } html.mm-right.mm-opening.mm-fullscreen .mm-slideout{-webkit-transform:translate(-100%, 0);-moz-transform:translate(-100%, 0);-ms-transform:translate(-100%, 0);-o-transform:translate(-100%, 0);transform:translate(-100%, 0);} @media all and (max-width:140px){html.mm-right.mm-opening.mm-fullscreen .mm-slideout{-webkit-transform:translate(-140px, 0);-moz-transform:translate(-140px, 0);-ms-transform:translate(-140px, 0);-o-transform:translate(-140px, 0);transform:translate(-140px, 0);} } @media all and (min-width:10000px){html.mm-right.mm-opening.mm-fullscreen .mm-slideout{-webkit-transform:translate(-10000px, 0);-moz-transform:translate(-10000px, 0);-ms-transform:translate(-10000px, 0);-o-transform:translate(-10000px, 0);transform:translate(-10000px, 0);} } .mm-menu.mm-front.mm-fullscreen.mm-top, .mm-menu.mm-front.mm-fullscreen.mm-bottom{height:100%;min-height:140px;max-height:10000px;} html.mm-opened.mm-fullscreen .mm-page{box-shadow:none !important;} .mm-menu.mm-top, .mm-menu.mm-bottom{width:100%;min-width:100%;max-width:100%;} .mm-menu.mm-right{left:auto;right:0;} .mm-menu.mm-bottom{top:auto;bottom:0;} html.mm-right.mm-opening .mm-slideout{-webkit-transform:translate(-80%, 0);-moz-transform:translate(-80%, 0);-ms-transform:translate(-80%, 0);-o-transform:translate(-80%, 0);transform:translate(-80%, 0);} @media all and (max-width:175px){html.mm-right.mm-opening .mm-slideout{-webkit-transform:translate(-140px, 0);-moz-transform:translate(-140px, 0);-ms-transform:translate(-140px, 0);-o-transform:translate(-140px, 0);transform:translate(-140px, 0);} } @media all and (min-width:550px){html.mm-right.mm-opening .mm-slideout{-webkit-transform:translate(-440px, 0);-moz-transform:translate(-440px, 0);-ms-transform:translate(-440px, 0);-o-transform:translate(-440px, 0);transform:translate(-440px, 0);} } html.mm-front .mm-slideout{-webkit-transform:none !important;-moz-transform:none !important;-ms-transform:none !important;-o-transform:none !important;transform:none !important;z-index:0 !important;} .mm-menu.mm-front{z-index:1;box-shadow:0 0 15px rgba(0, 0, 0, 0.5);} html.mm-opened.mm-next .mm-page{box-shadow:none;} .mm-menu.mm-front, .mm-menu.mm-next{-webkit-transition:-webkit-transform 0.4s ease;-ms-transition:-ms-transform 0.4s ease;transition:transform 0.4s ease;-webkit-transform:translate(-100%, 0);-moz-transform:translate(-100%, 0);-ms-transform:translate(-100%, 0);-o-transform:translate(-100%, 0);transform:translate(-100%, 0);} .mm-menu.mm-front.mm-right, .mm-menu.mm-next.mm-right{-webkit-transform:translate(100%, 0);-moz-transform:translate(100%, 0);-ms-transform:translate(100%, 0);-o-transform:translate(100%, 0);transform:translate(100%, 0);} .mm-menu.mm-front.mm-top{-webkit-transform:translate(0, -100%);-moz-transform:translate(0, -100%);-ms-transform:translate(0, -100%);-o-transform:translate(0, -100%);transform:translate(0, -100%);} .mm-menu.mm-front.mm-bottom{-webkit-transform:translate(0, 100%);-moz-transform:translate(0, 100%);-ms-transform:translate(0, 100%);-o-transform:translate(0, 100%);transform:translate(0, 100%);} html.mm-opening .mm-menu.mm-front, html.mm-opening .mm-menu.mm-next{-webkit-transform:translate(0, 0);-moz-transform:translate(0, 0);-ms-transform:translate(0, 0);-o-transform:translate(0, 0);transform:translate(0, 0);} .mm-menu.mm-front.mm-top, .mm-menu.mm-front.mm-bottom{height:80%;min-height:140px;max-height:880px;} html.mm-opened.mm-light .mm-page{box-shadow:0 0 10px rgba(0, 0, 0, 0.3);} .mm-menu.mm-light{background:#f3f3f3;color:rgba(0, 0, 0, 0.6);} .mm-menu.mm-light .mm-list > li:after{border-color:rgba(0, 0, 0, 0.1);} .mm-menu.mm-light .mm-list > li > a.mm-subclose{background:rgba(255, 255, 255, 0.6);color:rgba(0, 0, 0, 0.3);} .mm-menu.mm-light .mm-list > li > a.mm-subopen:after, .mm-menu.mm-light .mm-list > li > a.mm-subclose:before{border-color:rgba(0, 0, 0, 0.3);} .mm-menu.mm-light .mm-list > li > a.mm-subopen:before{border-color:rgba(0, 0, 0, 0.1);} .mm-menu.mm-light .mm-list > li.mm-selected > a:not(.mm-subopen), .mm-menu.mm-light .mm-list > li.mm-selected > span{background:rgba(255, 255, 255, 0.6);} .mm-menu.mm-light .mm-list > li.mm-label{background:rgba(0, 0, 0, 0.03);} .mm-menu.mm-light.mm-vertical .mm-list li.mm-opened > a.mm-subopen, .mm-menu.mm-light.mm-vertical .mm-list li.mm-opened > ul{background:rgba(0, 0, 0, 0.03);} .mm-menu.mm-light .mm-buttonbar{border-color:rgba(0, 0, 0, 0.6);background:#f3f3f3;} .mm-menu.mm-light .mm-buttonbar > *{border-color:rgba(0, 0, 0, 0.6);} .mm-menu.mm-light .mm-buttonbar > input:checked + label{background:rgba(0, 0, 0, 0.6);color:#f3f3f3;} .mm-menu.mm-light label.mm-check:before{border-color:rgba(0, 0, 0, 0.6);} .mm-menu.mm-light em.mm-counter{color:rgba(0, 0, 0, 0.3);} .mm-menu.mm-light .mm-footer{border-color:rgba(0, 0, 0, 0.1);color:rgba(0, 0, 0, 0.3);} .mm-menu.mm-light .mm-header{border-color:rgba(0, 0, 0, 0.1);color:rgba(0, 0, 0, 0.3);} .mm-menu.mm-light .mm-header .mm-prev:before, .mm-menu.mm-light .mm-header .mm-next:after, .mm-menu.mm-light .mm-header .mm-close:after{border-color:rgba(0, 0, 0, 0.3);} .mm-menu.mm-light .mm-list li.mm-label > div > div{background:rgba(0, 0, 0, 0.03);} .mm-menu.mm-light .mm-search input{background:rgba(0, 0, 0, 0.1);color:rgba(0, 0, 0, 0.6);} .mm-menu.mm-light .mm-noresultsmsg{color:rgba(0, 0, 0, 0.3);} .mm-menu.mm-light label.mm-toggle{background:rgba(0, 0, 0, 0.1);} .mm-menu.mm-light label.mm-toggle:before{background:#f3f3f3;} .mm-menu.mm-light input.mm-toggle:checked ~ label.mm-toggle{background:#4bd963;} html.mm-opened.mm-white .mm-page{box-shadow:0 0 10px rgba(0, 0, 0, 0.3);} .mm-menu.mm-white{background:white;color:rgba(0, 0, 0, 0.6);} .mm-menu.mm-white .mm-list > li:after{border-color:rgba(0, 0, 0, 0.1);} .mm-menu.mm-white .mm-list > li > a.mm-subclose{background:rgba(0, 0, 0, 0.06);color:rgba(0, 0, 0, 0.3);} .mm-menu.mm-white .mm-list > li > a.mm-subopen:after, .mm-menu.mm-white .mm-list > li > a.mm-subclose:before{border-color:rgba(0, 0, 0, 0.3);} .mm-menu.mm-white .mm-list > li > a.mm-subopen:before{border-color:rgba(0, 0, 0, 0.1);} .mm-menu.mm-white .mm-list > li.mm-selected > a:not(.mm-subopen), .mm-menu.mm-white .mm-list > li.mm-selected > span{background:rgba(0, 0, 0, 0.06);} .mm-menu.mm-white .mm-list > li.mm-label{background:rgba(0, 0, 0, 0.03);} .mm-menu.mm-white.mm-vertical .mm-list li.mm-opened > a.mm-subopen, .mm-menu.mm-white.mm-vertical .mm-list li.mm-opened > ul{background:rgba(0, 0, 0, 0.03);} .mm-menu.mm-white .mm-buttonbar{border-color:rgba(0, 0, 0, 0.6);background:white;} .mm-menu.mm-white .mm-buttonbar > *{border-color:rgba(0, 0, 0, 0.6);} .mm-menu.mm-white .mm-buttonbar > input:checked + label{background:rgba(0, 0, 0, 0.6);color:white;} .mm-menu.mm-white label.mm-check:before{border-color:rgba(0, 0, 0, 0.6);} .mm-menu.mm-white em.mm-counter{color:rgba(0, 0, 0, 0.3);} .mm-menu.mm-white .mm-footer{border-color:rgba(0, 0, 0, 0.1);color:rgba(0, 0, 0, 0.3);} .mm-menu.mm-white .mm-header{border-color:rgba(0, 0, 0, 0.1);color:rgba(0, 0, 0, 0.3);} .mm-menu.mm-white .mm-header .mm-prev:before, .mm-menu.mm-white .mm-header .mm-next:after, .mm-menu.mm-white .mm-header .mm-close:after{border-color:rgba(0, 0, 0, 0.3);} .mm-menu.mm-white .mm-list li.mm-label > div > div{background:rgba(0, 0, 0, 0.03);} .mm-menu.mm-white .mm-search input{background:rgba(0, 0, 0, 0.1);color:rgba(0, 0, 0, 0.6);} .mm-menu.mm-white .mm-noresultsmsg{color:rgba(0, 0, 0, 0.3);} .mm-menu.mm-white label.mm-toggle{background:rgba(0, 0, 0, 0.1);} .mm-menu.mm-white label.mm-toggle:before{background:white;} .mm-menu.mm-white input.mm-toggle:checked ~ label.mm-toggle{background:#4bd963;} html.mm-opened.mm-black .mm-page{box-shadow:none;} .mm-menu.mm-black{background:black;color:rgba(255, 255, 255, 0.6);} .mm-menu.mm-black .mm-list > li:after{border-color:rgba(255, 255, 255, 0.2);} .mm-menu.mm-black .mm-list > li > a.mm-subclose{background:rgba(255, 255, 255, 0.25);color:rgba(255, 255, 255, 0.3);} .mm-menu.mm-black .mm-list > li > a.mm-subopen:after, .mm-menu.mm-black .mm-list > li > a.mm-subclose:before{border-color:rgba(255, 255, 255, 0.3);} .mm-menu.mm-black .mm-list > li > a.mm-subopen:before{border-color:rgba(255, 255, 255, 0.2);} .mm-menu.mm-black .mm-list > li.mm-selected > a:not(.mm-subopen), .mm-menu.mm-black .mm-list > li.mm-selected > span{background:rgba(255, 255, 255, 0.25);} .mm-menu.mm-black .mm-list > li.mm-label{background:rgba(255, 255, 255, 0.15);} .mm-menu.mm-black.mm-vertical .mm-list li.mm-opened > a.mm-subopen, .mm-menu.mm-black.mm-vertical .mm-list li.mm-opened > ul{background:rgba(255, 255, 255, 0.15);} .mm-menu.mm-black .mm-buttonbar{border-color:rgba(255, 255, 255, 0.6);background:black;} .mm-menu.mm-black .mm-buttonbar > *{border-color:rgba(255, 255, 255, 0.6);} .mm-menu.mm-black .mm-buttonbar > input:checked + label{background:rgba(255, 255, 255, 0.6);color:black;} .mm-menu.mm-black label.mm-check:before{border-color:rgba(255, 255, 255, 0.6);} .mm-menu.mm-black em.mm-counter{color:rgba(255, 255, 255, 0.3);} .mm-menu.mm-black .mm-footer{border-color:rgba(255, 255, 255, 0.2);color:rgba(255, 255, 255, 0.3);} .mm-menu.mm-black .mm-header{border-color:rgba(255, 255, 255, 0.2);color:rgba(255, 255, 255, 0.3);} .mm-menu.mm-black .mm-header .mm-prev:before, .mm-menu.mm-black .mm-header .mm-next:after, .mm-menu.mm-black .mm-header .mm-close:after{border-color:rgba(255, 255, 255, 0.3);} .mm-menu.mm-black .mm-list li.mm-label > div > div{background:rgba(255, 255, 255, 0.15);} .mm-menu.mm-black .mm-search input{background:rgba(255, 255, 255, 0.3);color:rgba(255, 255, 255, 0.6);} .mm-menu.mm-black .mm-noresultsmsg{color:rgba(255, 255, 255, 0.3);} .mm-menu.mm-black label.mm-toggle{background:rgba(255, 255, 255, 0.2);} .mm-menu.mm-black label.mm-toggle:before{background:black;} .mm-menu.mm-black input.mm-toggle:checked ~ label.mm-toggle{background:#4bd963;} /** * 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) 2014 Magento Inc. (http://www.magentocommerce.com) * @license http://opensource.org/licenses/afl-3.0.php Academic Free License (AFL 3.0) */ body, button, input, select, table, textarea{ font-size: 16px; } .category-description table td{ font-size: 14px; } .clearfix:after { content: "."; display: block; clear: both; visibility: hidden; line-height: 0; height: 0; } .clearfix { display: inline-block; } html[xmlns] .clearfix { display: block; } * html .clearfix { height: 1%; } ul{ padding: 0; margin: 0; } body{ font-family: "Exo 2", Arial, sans-serif; } .btn, .button, .button2, .link-learn{ border-radius: 5px; -webkit-border-radius: 5px; color: #ffffff; font-size: 15px; padding: 20px 30px; background: #000000; display: block; min-width: 160px; text-transform: uppercase; text-align: center; line-height: 1; } .action .button{ } #shopping-cart-table .btn, #shopping-cart-table .button, #shopping-cart-table .button2{ display: inline; } .page-title h1{ color: #910230; text-transform: none; font-weight: normal; font-size: 32px; border: none; font-family: "Exo 2", Arial, sans-serif; } h1{ font-family: "Exo 2", Arial, sans-serif; } .additional-content p{ margin-bottom: 15px; } .additional-content ul { list-style: disc; padding-left: 15px; margin-bottom: 15px; } /* ============================================ * * Homepage * ============================================ */ /* -------------------------------------------- * * Primary Banner */ body.cms-home .main-container { padding-top: 20px; } body.cms-home .slideshow-container { margin-top: 0; } .slideshow .banner-msg { position: absolute; text-align: center; text-transform: uppercase; width: 100%; top: 30%; -moz-user-select: none; -ms-user-select: none; -webkit-user-select: none; -o-user-select: none; user-select: none; } /* -------------------------------------------- * * New Products Section */ /* Hiding the reviews content via CSS because we can't modify the template, */ /* since it may be used in other places where those elements are needed */ .cms-index-index .products-grid .ratings, .cms-index-index .products-grid .actions, .cms-index-noroute .products-grid .ratings, .cms-index-noroute .products-grid .actions { display: none; } .cms-index-index h2.subtitle { padding: 6px 0; text-align: center; color: #8e0303; font-weight: 600; border-bottom: 1px solid #cccccc; border-top: 1px solid #cccccc; } .cms-index-noroute h2.subtitle { display: none; } .main{ padding-left: 0; padding-right: 0; font-family: Arial, Helvetica, sans-serif; } /* ============================================ * * Header * ============================================ */ #header{ width: 100%; height: 197px; position: relative; } #header:before{ content: ""; display: block; position: absolute; top: 0; left: 0; width: 100%; height: 5px; background: #910230; } #header-content{ height: 137px; padding: 10px 0; } .constraint, #header-nav nav{ max-width: 1180px; position: relative; } #header-content .links{ position: absolute; width: 703px; height: 40px; top: 0; right: 0; } #header-content .links:before{ content: ""; width: 0; height: 0; border-left: 30px solid transparent; border-right: 45px solid #910230; border-bottom:40px solid transparent; position: absolute; top: 0; left: 0; } #header-content .links ul{ float: right; width: 628px; background: #910230; border-radius: 0 0 8px 0; } #header-content .links ul li{ float: left; display: inline; } #header-content .links ul li a{ display: block; color: #ffffff; height: 40px; font-size: 13px; line-height: 2.9; padding: 0 15px; position: relative; font-family: Arial, sans-serif; } #header-content .links ul li.first a:before{ content: ""; display: block; position: absolute; top: 30%; right: 0px; font-size: 15px; color: #FFF; width: 1px; background: #ffffff none repeat scroll 0% 0%; height: 15px; } #header-content .links ul li.last a:before{ content: ""; display: block; position: absolute; top: 11px; left: 28px; font-size: 20px; color: #FFF; line-height: 1.5; background: url('https://www.kmsbearings.com/skin/frontend/respond/topspot/images/spritesheet.png') no-repeat 0 0; width: 13px; height: 13px; background-position: -30px -30px; } #header-content .links ul li.last a{ padding: 0px 38px 0 50px; background: #000000; border-radius: 0 0 8px 0; } #header-content .links ul li a.top-link-cart{ padding: 0px 20px 0 40px; background: #760027; } #header-content .links ul li a.top-link-cart:before{ content: ""; display: block; position: absolute; top: 11px; left: 20px; color: #ffffff; line-height: 1.5; background: url('https://www.kmsbearings.com/skin/frontend/respond/topspot/images/spritesheet.png') no-repeat 0 0; width: 15px; height: 13px; background-position: -169px -30px; } #header-content .links ul li a.quote-cart{ padding: 0px 30px 0 50px; background: #55001c; } #header-content .links ul li a.quote-cart:before{ content: ""; display: block; position: absolute; top: 11px; left: 28px; line-height: 1.5; background: url('https://www.kmsbearings.com/skin/frontend/respond/topspot/images/spritesheet.png') no-repeat 0 0; width: 14px; height: 12px; background-position: -546px -30px; } /* ============================================ * * Category Landing Pages * ============================================ */ .category-image { position: relative; } .categorylandingMainblock { border: 1px solid #E2E2E2; padding: 7px; } .catblocks { float: left; padding: 0 0 20px 0; width: 100%; } .catblocks li { position: relative; float: left !important; width: 23% !important; margin-right: 1.3333% !important; margin-bottom: 10px; border: 1px solid #cccccc; padding: 0px; background-color: #2b55aa; } .catblocks li:hover { border-color: #8e0303; } @media only screen and (max-width: 770px) { .catblocks li { width: 49% !important; margin-right: 2% !important; } .catblocks li:nth-child(even) { margin-right: 0 !important; } } @media only screen and (max-width: 479px) { .catblocks li { width: 100% !important; margin-right: 0 !important; float: none; } } .catblocks li:last-child { } .catblocks li img { max-width: 100%; } .catblocks li a span { color: #FFFFFF; position: absolute; background-color: #7B7C7B; font-family: raleway; font-size: 17px; font-weight: bold; text-transform: uppercase; text-align: center; bottom: 0px; left: 0px; width: 100%; padding: 5px 10px; margin-right: 10px; } .catblocklinks a { color: #FFFFFF; text-decoration: none; } .catlandingbottomPromoblock { float: left; width: 100%; border: 1px solid #E2E2E2; margin-bottom: 100px; } #webform_1_form{ margin-bottom: 20px; } #webform_1_form .std{ background: #000000; padding: 25px 0; border-radius: 5px 5px 0 0; -webkit-border-radius: 5px 5px 0 0; } #webform_1_form .std h2{ color: #ffffff; text-transform: none; font-size: 20px; text-align: center; margin: 0; } #webform_1_form #webform_1{ border-left: 1px solid #b7b7b7; border-right: 1px solid #b7b7b7; border-bottom: 1px solid #b7b7b7; padding: 10px; } #webform_1_form #webform_1 .legend, #webform_1_form #webform_1 label, #webform_6_form #webform_1 .legend, #webform_6_form #webform_6 label{ display: none; } #webform_1_form #webform_1 input[type="email"], #webform_1_form #webform_1 input[type="tel"], #webform_1_form #webform_1 input[type="text"], #webform_1_form #webform_1 input[type="file"]{ border-radius: 6px; -webkit-border-radius: 6px; height: 35px; font-size: 14px; } #webform_1_form #webform_1 textarea{ border-radius: 6px; -webkit-border-radius: 6px; height: 300px; padding: 10px 10px 10px; font-size: 14px; } #webform_1_form #webform_1 .buttons-set{ border: none; } #webform_1_form #webform_1 .buttons-set button.button{ float: none; margin: 0 auto; text-transform: none; background: #000000; } #webform_1_form #webform_1 .buttons-set .required{ display: none; } #webform_2_form, #webform_7_form, #webform_8_form, #webform_9_form, #webform_10_form{ max-width: 100%; padding: 20px; } #webform_2_form .fieldset, #webform_7_form .fieldset, #webform_8_form .fieldset, #webform_9_form .fieldset, #webform_10_form .fieldset{ float: left; width: 48.8%; margin-top: 0; } #webform_2_form #fieldset_4, #webform_7_form #fieldset_4, #webform_8_form #fieldset_4, #webform_9_form #fieldset_4{ margin-right: 20px; } #webform_2_form .fieldset .legend, #webform_7_form .fieldset .legend, #webform_8_form .fieldset .legend, #webform_9_form .fieldset .legend, #webform_10_form .fieldset .legend{ display: none; } #webform_2_form #webform_2 label, #webform_7_form #webform_7 label, #webform_8_form #webform_8 label, #webform_9_form #webform_9 label, #webform_10_form #webform_10 label{ display: none; } #webform_2_form #webform_2 input[type="email"], #webform_2_form #webform_2 input[type="tel"], #webform_2_form #webform_2 input[type="text"], #webform_6_form #webform_6 input[type="email"], #webform_6_form #webform_6 input[type="tel"], #webform_6_form #webform_6 input[type="text"], #webform_7_form #webform_7 input[type="email"], #webform_7_form #webform_7 input[type="tel"], #webform_7_form #webform_7 input[type="text"], #webform_8_form #webform_8 input[type="email"], #webform_8_form #webform_8 input[type="tel"], #webform_8_form #webform_8 input[type="text"], #webform_9_form #webform_9 input[type="email"], #webform_9_form #webform_9 input[type="tel"], #webform_9_form #webform_9 input[type="text"], #webform_10_form #webform_10 input[type="email"], #webform_10_form #webform_10 input[type="tel"], #webform_10_form #webform_10 input[type="text"]{ border-radius: 6px; -webkit-border-radius: 6px; height: 40px; font-size: 14px; width:100%; } #webform_2_form #webform_2 .form-list .fields .field, #webform_2_form #webform_2 .form-list .wide, #webform_6_form #webform_6 .form-list .fields .field, #webform_6_form #webform_6 .form-list .wide, #webform_7_form #webform_7 .form-list .fields .field, #webform_7_form #webform_7 .form-list .wide, #webform_8_form #webform_8 .form-list .fields .field, #webform_8_form #webform_8 .form-list .wide, #webform_9_form #webform_9 .form-list .fields .field, #webform_9_form #webform_9 .form-list .wide, #webform_10_form #webform_10 .form-list .fields .field, #webform_10_form #webform_10 .form-list .wide{ display: inline-block; *display: inline; width: 48.8%; margin-right: 5px; float: left; } #webform_2_form #webform_2 #fieldset_5 .form-list, #webform_2_form #webform_2 #fieldset_5 .form-list .wide{ width: 100%; } #webform_2_form #webform_2 textarea, #webform_6_form #webform_6 textarea, #webform_7_form #webform_7 textarea, #webform_8_form #webform_8 textarea, #webform_9_form #webform_9 textarea, #webform_10_form #webform_10 textarea{ border-radius: 6px; -webkit-border-radius: 6px; width: 100%; height: 145px; } #webform_2_form #webform_2 .buttons-set .required, #webform_6_form #webform_6 .buttons-set .required, #webform_7_form #webform_7 .buttons-set .required, #webform_8_form #webform_8 .buttons-set .required, #webform_9_form #webform_9 .buttons-set .required, #webform_10_form #webform_10 .buttons-set .required{ display: none; } #webform_2_form #webform_2 .buttons-set, #webform_7_form #webform_7 .buttons-set, #webform_8_form #webform_8 .buttons-set, #webform_9_form #webform_9 .buttons-set, #webform_10_form #webform_10 .buttons-set{ border: none; } #webform_2_form #webform_2 .buttons-set .button, #webform_7_form #webform_7 .buttons-set .button, #webform_8_form #webform_8 .buttons-set .button, #webform_9_form #webform_9 .buttons-set .button, #webform_10_form #webform_10 .buttons-set .button{ background: #0771b6; } .contact-header{ width: 100%; padding: 65px 0; border-top: 1px solid #b7b7b7; border-bottom: 1px solid #b7b7b7; margin-bottom: 65px; } .contact-header ul{ width: 77%; margin: 0 auto; height: 25px; } .contact-header ul li{ display: inline; float: left; width: 48.8%; margin-right: 3px; position: relative; } .contact-header ul li i{ color: #e1261c; font-size: 17px; margin-right: 15px; float: left; } .contact-header ul li.address i{} .contact-header ul li.address-phone i{} #webform_3_form{ max-width: 500px; } .rfq-btn{ width: 100%; margin-bottom: 20px; background: #0771b6 } .footer{ border-top:0px solid black; } .category-description { margin-bottom: 20px; } .category-description h3{ font-weight: bold; } .logo{ margin: 20px; margin-left: 0px; padding: 0; float: left; width: 370px; } .category-contact .content-cta{ display: none; } .content-cta{ border:1px solid #c6c5c5; padding: 10px 0px; text-align: center; width: 100%; border-radius: 4px; -webkit-border-radius: 4px; color: #55575e; margin: 20px 0; display: none; } .content-cta a{ color: #55575e } .main-container, .footer-container{ padding: 10px 0; width: 1180px; } .constraint{ width: 11800px; padding: 10px; margin: auto; } #header-search{ float: left; width: 692px; margin-top: 57px; height: 40px; position: relative; } #header-search #store-phone{ float: left; width: 213px; margin-right: 15px; font-size: 17px; color: #000000; font-weight: bold; font-family: Arial, helvetica, sans-serif; margin-top: 10px; } #header-search #store-phone span{ color: #910230; font-size: 15px; margin-right: 5px; font-weight: normal; } #header-search #search_mini_form{ float: right; width: 440px; } /*header*/ #header-nav { clear: both; background: #760027; height: 60px; } #header-nav nav{ margin: 0 auto; } #header-nav nav > ol > li{ display: inline-block;zoom:1;*display:inline;vertical-align: top; margin: 0 0; } #header-nav nav > ol > li ul.level1{ display: none; } #header-nav li a{ color: #ffffff; padding: 0 34px; font-size: 14px; text-transform: none; line-height: 4.2; position: relative; } #header-nav #nav ol > li > a:before{ content: ""; display: block; position: absolute; top: 35%; right: 0; font-size: 15px; color: #ffffff; width: 2px; border-right:1px solid #27010e; background: #aa083e; height: 20px; } #header-nav #nav ol li.level0.nav-1 a.level0, #header-nav #nav ol li.level0.nav-2 a.level0, #header-nav #nav ol li.level0.nav-3 a.level0{ width: 194px; line-height: 1.5; padding: 10px 34px; } #header-nav #nav ol li.level0.nav-3 a.level0{ width: 215px; } #header-nav li ul{ display: none; position: absolute; top: 59px; left: 0; width: 375px; z-index: 999; background: #e2e4e8; -webkit-box-shadow: 0 0 2px 1px #696969; box-shadow: 0 0 2px 1px #696969; /* -webkit-transition: all 300ms ease; -moz-transition: all 300ms ease; -ms-transition: all 300ms ease; -o-transition: all 300ms ease; transition: all 300ms ease; */ } #header-nav li:hover ul{ display: block; } #header-nav li ul li a{ display: block; color: #000000; padding: 0 25px; position: relative; -webkit-transition: all 300ms ease; -moz-transition: all 300ms ease; -ms-transition: all 300ms ease; -o-transition: all 300ms ease; transition: all 300ms ease; overflow: hidden; } #header-nav li ul li a:before{ content: "\f3d3"; font-family: "Ionicons"; display: block; position: absolute; top: 0; right: -25px; font-size: 15px; color: #ffffff; -webkit-transition: all 300ms ease; -moz-transition: all 300ms ease; -ms-transition: all 300ms ease; -o-transition: all 300ms ease; transition: all 300ms ease; } #header-nav li ul li a:hover:before{ content: "\f3d3"; font-family: "Ionicons"; display: block; position: absolute; top: 0; right: 25px; font-size: 15px; color: #ffffff; } #header-nav li ul li a:hover{ background: #b7103f; color: #ffffff; } #header-nav li ul li a:after{ content: ""; display: block; font-size: 15px; color: #ffffff; height: 1px; width: 100%; margin: 0 auto; background: #b0a4a8; } #header-nav li ul li a:hover:after{ opacity: 0; filter: alpha(opacity=0); } #slideshow-wrapper{ /* height: 605px; */ width: 100%; } #slideshow-container { box-shadow: none; border: none; max-height: 605px; width: 100%; margin: 0px; } #slideshow-container .slides li{ /* height: 605px; */ overflow: hidden; position: relative; width: 100%; } #slideshow-container .slides li a{ display: block; position: relative; height: 100%; /* height: 605px; */ width: 100%; } #slideshow-container .slides li a:before{ width: 100%; position: absolute; bottom: 0; left: 0; min-height: 100%; /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#000000+0,000000+100&0+1,0.65+100 */ background: -moz-linear-gradient(top, rgba(0,0,0,0) 50%, rgba(0,0,0,0) 1%, rgba(0,0,0,0.65) 100%); /* FF3.6+ */ background: -webkit-gradient(linear, left top, left bottom, color-stop(50%,rgba(0,0,0,0)), color-stop(1%,rgba(0,0,0,0)), color-stop(100%,rgba(0,0,0,0.65))); /* Chrome,Safari4+ */ background: -webkit-linear-gradient(top, rgba(0,0,0,0) 50%,rgba(0,0,0,0) 1%,rgba(0,0,0,0.65) 100%); /* Chrome10+,Safari5.1+ */ background: -o-linear-gradient(top, rgba(0,0,0,0) 50%,rgba(0,0,0,0) 1%,rgba(0,0,0,0.65) 100%); /* Opera 11.10+ */ background: -ms-linear-gradient(top, rgba(0,0,0,0) 50%,rgba(0,0,0,0) 1%,rgba(0,0,0,0.65) 100%); /* IE10+ */ background: linear-gradient(to bottom, rgba(0,0,0,0) 50%,rgba(0,0,0,0) 1%,rgba(0,0,0,0.65) 100%); /* W3C */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00000000', endColorstr='#a6000000',GradientType=0 ); /* IE6-9 */ content: ""; display: block; z-index: 1; } #slideshow-container .slides li img{ max-width: 100%; margin:0 auto; position: relative; max-height: 605px } #slideshow-container .caption-wrapper{ max-width: 1100px; width: 1100px; color: #ffffff; position: absolute; left:50%; margin-left: -550px; z-index: 2; top: 0; min-height: 100%; } #slideshow-container .caption{ position: absolute; top: 30px; left:170px; width: 100%; z-index: 3; } #slideshow-container .caption p{ font-size: 28px; text-shadow: 2px 2px 3px #000; } #slideshow-container .caption .action-btn-container{ display: none; } #slideshow-container .caption .action-link{ display: block; position: absolute; right:0; top: 0; background: #ffffff; color: #000000; -webkit-transition: all 500ms ease; -moz-transition: all 500ms ease; -ms-transition: all 500ms ease; -o-transition: all 500ms ease; transition: all 500ms ease; } #slideshow-container .slides li.banner-3 .caption{ top:63px; left: auto; width: 40%; text-align: left; right: 40px; } #slideshow-container .slides li.banner-3 .caption p{ font-size: 48px; } #slideshow-container .slides li.banner-4 .caption{ top:240px; left: 0; width: 70%; text-align: left; right: 40px; } #slideshow-container .slides li.banner-4 .caption p{ font-size: 48px; } #slideshow-container .slides li.banner-5 .caption{ /* top: 443px; left: 13%; width: 46%; text-align: left; right: 40px; line-height: 1; */ top: 30px; left: 39%; width: 66%; text-align: left; right: 40px; line-height: 1; } #slideshow-container .slides li.banner-5 .caption p{ font-size: 48px; } #slideshow-container .slides li.banner-7 a:before{ background: -moz-linear-gradient(top, rgba(0,0,0,0) 0%, rgba(0,0,0,0) 1%, rgba(0,0,0,0.65) 85%); /* FF3.6+ */ background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(0,0,0,0)), color-stop(1%,rgba(0,0,0,0)), color-stop(85%,rgba(0,0,0,0.65))); /* Chrome,Safari4+ */ background: -webkit-linear-gradient(top, rgba(0,0,0,0) 0%,rgba(0,0,0,0) 1%,rgba(0,0,0,0.65) 85%); /* Chrome10+,Safari5.1+ */ background: -o-linear-gradient(top, rgba(0,0,0,0) 0%,rgba(0,0,0,0) 1%,rgba(0,0,0,0.65) 85%); /* Opera 11.10+ */ background: -ms-linear-gradient(top, rgba(0,0,0,0) 0%,rgba(0,0,0,0) 1%,rgba(0,0,0,0.65) 85%); /* IE10+ */ background: linear-gradient(to bottom, rgba(0,0,0,0) 0%,rgba(0,0,0,0) 1%,rgba(0,0,0,0.65) 85%); /* W3C */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00000000', endColorstr='#a6000000',GradientType=0 ); /* IE6-9 */ } #slideshow-container .slides li.banner-7 .caption{ top:263px; left: 50%; margin-left: -25%; width: 50%; text-align: center; } #slideshow-container .slides li.banner-7 .caption p{ font-size: 48px; } #slideshow-container .slides li a:hover .caption .action-link{ color: #ffffff; background: #0382d5; } .flex-control-paging li a{ background: #ffffff; border: 2px solid #8e8e8e; box-shadow: none; } .flex-control-paging li a.flex-active{ border-color: #b7103f; background: #b7103f; } .cms-home .std h1{ color: #000000; text-align: center; text-transform: none; line-height: 1.3; margin: 0 auto 25px; width: 990px; font-size: 32px; } body.cms-home .main-container{ width: 100%; max-width: 100%; padding: 0; } body.cms-home .main-container div.catblocks{ -webkit-box-shadow: inset 0 10px 15px -10px #ABABAB; box-shadow: inset 0 10px 15px -10px #ABABAB; background: #cbcbcd; height: 400px; margin-top: 85px; } body.cms-home .main-container .main, body.cms-home .main-container .catblocks-wrapper{ max-width: 1180px; margin: 0 auto 0; min-height: 100%; } body.cms-home .main-container .main{ margin-top: 40px; padding-bottom: 0; padding-top: 0 } .main-container .catblocks-wrapper .bucket-col{ border: 1px solid #b5b8c0; background: url('https://www.kmsbearings.com/skin/frontend/respond/topspot/images/bg-bucket.jpg') no-repeat 0 0 #ffffff; float: left; width: 22.3%; margin-right: 42px; display: block; text-align: center; padding: 40px 30px 30px; height: 400px; position: relative; top: -50px; } .main-container .catblocks-wrapper .bucket-col img{ margin: 0 auto 30px; max-height: 106px; height: 106px; } .main-container .catblocks-wrapper .bucket-col:hover{ text-decoration: none; } .main-container .catblocks-wrapper .bucket-col .action-btn{ background: #000000; -webkit-transition: all 500ms ease; -moz-transition: all 500ms ease; -ms-transition: all 500ms ease; -o-transition: all 500ms ease; transition: all 500ms ease; } .main-container .catblocks-wrapper .bucket-col:hover .action-btn{ background: #6d0024; } .main-container .catblocks-wrapper .bucket-col h3{ position: relative; min-height: 60px; margin-bottom: 40px; } .main-container .catblocks-wrapper .bucket-col h3 span{ position: absolute; left: 0; bottom:0; text-align: center; width: 100%; color: #000000; font-size: 20px; text-transform: none; font-family: "Exo 2", Arial, sans-serif; } .main-container.col2-right-layout .catblocks-landing .bucket-col, .main-container.col3-layout .catblocks-landing .bucket-col{ border: 1px solid #b5b8c0; background: url('https://www.kmsbearings.com/skin/frontend/respond/topspot/images/bg-bucket.jpg') no-repeat 0 0 #ffffff; float: left; width: 28.3%; margin-right: 52px; margin-bottom: 30px; display: block; text-align: center; padding: 40px 50px 30px; height: 400px; position: relative; top: 0; } .main-container.col2-right-layout .catblocks-landing .bucket-col:nth-child(3n+3), .main-container.col3-layout .catblocks-landing .bucket-col:nth-child(3n+3){ margin-right: 0 } .main-container.col3-layout .catblocks-landing .bucket-col{ padding: 40px 13px 30px; } .main-container.col3-layout .catblocks-landing .bucket-col{ height: 430px; } .main-container .catblocks-landing .bucket-col:hover{ text-decoration: none; } .main-container .catblocks-landing .bucket-col img{ margin: 0 auto 30px; max-height: 150px; max-width: 160px; height: auto; } .main-container.col3-layout .catblocks-landing .bucket-col img{ margin-bottom: 60px; } .main-container .catblocks-landing .bucket-col .action-btn{ background: #000000; -webkit-transition: all 500ms ease; -moz-transition: all 500ms ease; -ms-transition: all 500ms ease; -o-transition: all 500ms ease; transition: all 500ms ease; } .main-container .catblocks-landing .bucket-col:hover .action-btn{ background: #6d0024; } .main-container .catblocks-landing .bucket-col h3{ position: relative; min-height: 60px; margin-bottom: 20px; } .main-container .catblocks-landing .bucket-col h3 span{ position: absolute; left: 0; bottom:0; text-align: center; width: 100%; color: #000000; font-size: 20px; text-transform: none; font-family: "Exo 2", Arial, sans-serif; } .main-container .catblocks-wrapper .bucket-col:nth-child(4n){ margin-right: 0; } .cms-home .rfq-btn, .rfq-btn{ width: 225px; padding: 20px 30px 20px 50px; margin: 30px auto 30px; display: block; position: relative; background: #0771b6; -webkit-transition: background 500ms ease; -moz-transition: background 500ms ease; -ms-transition: background 500ms ease; -o-transition: background 500ms ease; transition: background 500ms ease; font-family: "Exo 2", Arial, sans-serif; } .cms-home .rfq-btn:hover, .rfq-btn:hover{ background: #017bcb; padding: 20px 30px 20px 50px; } .cms-home .rfq-btn:before, .rfq-btn:before{ content: ""; display: block; position: absolute; top: 14px; left: 18px; color: #ffffff; line-height: 1.5; background: url('https://www.kmsbearings.com/skin/frontend/respond/topspot/images/spritesheet.png') no-repeat 0 0; width: 24px; height: 22px; background-position: -620px -30px; } .cms-home .rfq-btn:before{ left: 18px; } .catalog-category-view .rfq-btn:before, .catalog-product-view .rfq-btn:before{ left: 20px ; } .rfq-btn{ width: 100%; margin: 0 0 15px;; } .footer{ width: 100%; max-width: 100%; padding: 0; -webkit-box-shadow: 0px 1px 2px 0px #ABABAB inset; box-shadow: 0px 1px 2px 0px #ABABAB inset; } .footer-content{ max-width: 1180px; padding: 30px 0; margin: 0 auto; min-height: 115px; } #store-phone-footer{ float: left; width: 213px; margin-right: 85px; font-size: 17px; color: #000000; font-weight: bold; font-family: Arial, helvetica, sans-serif; margin-top: 10px; } #store-phone-footer span{ color: #910230; font-size: 15px; margin-right: 5px; font-weight: normal; } #search_mini_form2 { float: left; display: inline; padding: 5px; border-radius: 6px; -webkit-border-radius: 6px; border:1px solid #b7b7b7; width: 490px; margin-right: 80px; } #search_mini_form2 label{display: none;} #search_mini_form .search-button{ width: 88px; padding: 0; padding-right: 0; left: auto; position: absolute; top: 6px; right: 2px; height: 30px; } #search_mini_form2 .search-button, #search_mini_form .search-button{ background: #ffffff; color: #000000; position: absolute; padding-right: 20px; font-size: 12px; font-family: Arial, helvetica; font-weight: bold; vertical-align: top; min-width: 30px; text-indent: 0 !important; } #search_mini_form2 .search-button:before, #search_mini_form .search-button:before{ content: "\f4a4"; font-family: "Ionicons"; display: block; position: absolute; top: 7px; right: 0; font-size: 15px; color: #910230; background: none; left: auto; margin: 0; text-indent: 0 !important; } #search_mini_form .search-button:before{ height: 20px; } #search_mini_form2 #search2{ border: none; } .logo-footer{ float: left; width: 300px; } .logo-footer img{ width: 100%; } .footer-bottom{ background: #000000; clear: both; padding: 30px 0; min-height: 80px; } .cms-home .footer-bottom ul{ width: 73%; } .footer-bottom ul{ margin: 0 auto; width: 59%; height: 17px; } .footer-bottom ul li{ display: inline; float: left; color: #ffffff; margin-right: 15px; padding-right: 15px; position: relative; line-height: 1; font-size: 12px; font-family: Arial, Helvetica, sans-serif; } .footer-bottom ul li#credits{ margin-right: 0; padding-right: 0; } .footer-bottom ul li#credits a img{ width: 278px; } .footer-bottom ul li#credits:before{ display: none; } .footer-bottom ul li a{ color: #ffffff; font-size: inherit; } .footer-bottom ul li a:hover{ color: #a8a9b2; text-decoration: none; } .footer-bottom ul li:before{ content: ""; display: block; position: absolute; top: 0; right: 0; background: #ffffff; width: 1px; min-height: 100%; } .col2-left-layout .col-main{ max-width: 944px; width: 82%; } .col2-right-layout .col-main{ max-width: 935px; width: 82%; } .col-right{ max-width: 220px; } .col-left{ max-width: 200px; } .col3-layout .col-wrapper .col-main{ width: 77%; } .breadcrumbs-container{ background: #e7e7e7; } .breadcrumbs{ max-width: 1180px; margin: 0 auto; padding: 15px 0; position: relative; } .breadcrumbs .breadcrumbs-wrap span{ font-size: 28px; line-height: .5; float:left; padding:0 7px; } .breadcrumbs ul li.home a{ position: relative; text-indent: -99999px; width: 14px; height: 11px; } .breadcrumbs ul li.home a:before{ width: 14px; height: 11px; background: url('https://www.kmsbearings.com/skin/frontend/respond/topspot/images/spritesheet.png') no-repeat 0 0; background-position: -324px -30px; content: ""; display: block; position: absolute; top: 4px; left: 0; font-size: 15px; color: #ffffff; } .breadcrumbs strong, .breadcrumbs a{ text-transform: none; color: #2c2d2f; font-family: Arial, helvetica, sans-serif; } #sidebar-nav{ max-width: 185px; } #sidebar-nav .block-title{ background: none; border-bottom: 1px solid #bcbcbc; padding: 0 } #sidebar-nav .block-content a{ display: block; line-height: 1.1; } #sidebar-nav #sidebar-nav-menu li.last{ border-bottom: none; } #sidebar-nav .block-title strong span{ line-height: 1.2; color: #000000; padding: 30px 0; display: block; font-size: 16px; text-transform: none; font-weight: 700; } #sidebar-nav #sidebar-nav-menu li{ list-style: none; padding: 15px 10px; border-bottom: 1px solid #bcbcbc; background: none; } #sidebar-nav #sidebar-nav-menu li ul li{ padding: 10px 10px } #sidebar-nav #sidebar-nav-menu li ul li a{ font-size: 12px; } #sidebar-nav .block-content{ padding: 0; margin: 0; } #sidebar-nav #sidebar-nav-menu li a:hover{ text-decoration: none; } #sidebar-nav #sidebar-nav-menu li.active a span, #sidebar-nav #sidebar-nav-menu li a:hover span{ color: #910230; } #sidebar-nav #sidebar-nav-menu li a span{ color: #000000; font-family: Arial, Helvetica, sans-serif; line-height: 1.2; font-weight: normal; border: none; } /* ============ Catalog Products ============== */ .navtop .block .block-subtitle{ display: none; } .main-container .products-grid .item{ border: 1px solid #b5b8c0; background: #ffffff; float: left; width: 34%; margin-right: 12px; display: block; text-align: center; padding: 40px 30px 30px; min-height: 400px; max-height: 440px; position: relative; } .product-view .product-name{ margin-bottom: 25px; border: none } .product-name h1{ color: #910230; font-size: 32px; font-weight: 400; border: none } .product-view .description{ margin-bottom: 20px; } .main-container .products-grid .item .add-to-links, .sort-by a, .products-grid .item .price-box, .main-container .products-list .item .add-to-links, .sort-by a, .products-list .item .price-box, .main-container .products-grid .item .actions .button.btn-cart, .main-container .products-list .button.btn-cart{ display: none; } .price-box, .price-box span.price{ font-weight: bold; font-family: Arial; color: #910230; font-size: 23px; } .product-view .add-to-cart .qty-wrapper{ min-height: 30px; margin:10px 0 0; } .product-view .add-to-cart .qty-wrapper label{ color: #000000; line-height: 27px; } .product-view .add-to-cart .qty-wrapper .qty{ height: 27px; border-radius: 7px; -webkit-border-radius: 7px; color: #000000; width:90px; } .product-view .description h3{ margin-top: 15px; font-weight: bold; } .main-container .products-grid .item a{ display: block; border: none; margin-bottom: 30px; } .main-container .products-grid .item .product-info .product-sku{ color: #000000; font-weight: bold; } .main-container .products-grid .item .product-info .product-name{ text-transform: none; font-weight: normal; } .main-container .products-grid .item .product-info .product-name a { font-weight: normal; } .main-container .products-grid .item a img{ margin: 0 auto 0; max-width: 120px; border: none; } .main-container .products-grid .item .actions{ position: relative; } .main-container .products-grid .item .actions .button{ background: #000000; min-width:100%; margin: 0; } .main-container .catblocks-wrapper .bucket-col h3{ position: relative; min-height: 60px; margin-bottom: 40px; } .main-container .catblocks-wrapper .bucket-col h3 span{ position: absolute; left: 0; bottom:0; text-align: center; width: 100%; color: #000000; font-size: 20px; text-transform: none; } /* ============================================ * * CMS Smart Side Bar * ============================================ */ .col-left .block-layered-nav.cmsmartsidebar{ box-shadow: none; padding: 0; } .col-left .block-layered-nav.cmsmartsidebar dl dd ol > li > span, .col-left .block-layered-nav.cmsmartsidebar dl dd ol > li > a{ display: inline; padding: 5px; } .block-layered-nav.cmsmartsidebar .block-title{ display: none; } .block-layered-nav.cmsmartsidebar .block-content{ margin: 0; } .navtop .filter-list h3, .block-layered-nav .filter-list dt{ background-image: none; background: #dfe0e5; color: #000; padding: 8px; line-height: 1; } .block-layered-nav dl dd{ /* overflow: scroll; max-height: 100px; */ } .block-layered-nav dl dd ol li{ font-size: 13px; } .cmsmartsidebartop{ height: auto; background: #dfe0e5; padding: 10px 10px; float: left; width: 100%; } .cmsmartsidebartop .block-content{ background: none; min-height: 100%; margin: 0; } .cmsmartsidebartop .filter-list{ float: left; display: inline; border: none; background: none; margin: 0 15px 0 0; position: relative; width: 22%; } .cmsmartsidebartop .filter-list dt{ background: none; font-family: Arial, helvetica; color: #000000; font-size: 12px; width: 100%; margin: 0; position: relative; z-index: 3; padding: 0 } .selectshopby select{ border: 1px solid #9f9f9f; } /* .navtop .block-layered-nav dd{ background: #fdfdfd; padding: 5px; border: 1px solid #dedede; display: none; min-width: 98px; position: absolute; top: 28px; left: 0; z-index: 2; box-shadow: 0px 2px 5px #C0C0C0; -webkit-box-shadow: 0px 2px 5px #C0C0C0; border: 1px solid #a0a0a0; } */ .products-list{ clear: both; width: 100%; } .products-list thead tr th{ color: #000000; font-weight: 500; } .pillow-block-subcategory .products-list thead tr .a-block, .pillow-block-subcategory .products-list tr .a-block, .pillow-block-subcategory .products-list thead tr .c-block, .pillow-block-subcategory .products-list tr .c-block{ display: none; } .two-block-subcategory .products-list thead tr .b-block, .two-block-subcategory .products-list tr .b-block, .two-block-subcategory .products-list thead tr .e-block, .two-block-subcategory .products-list tr .e-block{ display: none; } .four-block-subcategory .products-list thead tr .a-block, .four-block-subcategory .products-list tr .a-block, .four-block-subcategory .products-list thead tr .b-block, .four-block-subcategory .products-list tr .b-block, .four-block-subcategory .products-list thead tr .c-block, .four-block-subcategory .products-list tr .c-block, .four-block-subcategory .products-list thead tr .e-block, .four-block-subcategory .products-list tr .e-block{ display: none; } .four-block-only-subcategory .products-list thead tr .b-block, .four-block-only-subcategory .products-list tr .b-block, .four-block-only-subcategory .products-list tr .e-block, .four-block-only-subcategory .products-list thead tr .e-block, .four-block-only-subcategory .products-list tr .e-block{ display: none; } .products-list thead{ border-bottom: 1px solid #000000 } .products-list thead th, table.products-list tbody td{ text-align: center; padding: 8px 10px; } .products-list tbody tr td.sorting_1 a{ color: #0023ff; } .products-list tbody tr td p.action a.button{ background: #000000; width: 70px; float: right; padding: 10px 0; display: block; min-width: auto; text-transform: capitalize; } .catalog-product-view .main{ float: left; width: 81%; } .catalog-product-view .col3-layout .col-wrapper{ width: 100%; } .product-img-box{ float: left; width: 300px; } .more-views h2, .extra-info, .product-view .product-shop .availability{ display: none; } .product-view .product-shop, .product-view .add-to-cart-wrapper{ width: 58%; } .product-shop .short-description{ color: #000000; } .add-to-cart-wrapper .price-info{ float: left; margin-right: 30px; } .product-view .add-to-cart-buttons{ width: 100%; } .product-view .add-to-cart-buttons .button{ float: left; width: 100%; text-transform: none; margin-left: 0 } .product-view .add-to-cart-buttons .button.btn-cart{ background: #be0129; font-size: 14px; height: auto; padding: 10px 30px 10px 50px; position: relative; } .product-view .add-to-cart-buttons .button.btn-quote{ padding: 10px 30px 10px 30px; } .product-view .add-to-cart-buttons .button.btn-cart:before{ content: ""; /* background: url('https://www.kmsbearings.com/skin/frontend/respond/topspot/images/spritesheet-white.png') no-repeat -358px -758px / 400px; */ display: block; position: absolute; top: 20px; left: 20px; font-size: 24px; color: #ffffff; background: url('https://www.kmsbearings.com/skin/frontend/respond/topspot/images/spritesheet.png') no-repeat 0 0; width: 20px; height: 17px; background-position: -244px -30px; } .product-view .add-to-cart-buttons .button.btn-cart.btn-quote:before{ content: ""; background: url('https://www.kmsbearings.com/skin/frontend/respond/topspot/images/spritesheet.png') no-repeat 0 0; width: 24px; height: 22px; background-position: -620px -30px; } .product-view .add-to-cart-buttons .button.btn-cart span{ display: block; } .product-view .add-to-cart-buttons .add-to-cart-buttons{ float: right; } .add-to-links, .sharing-links, .or, #collateral-tabs .tab, #collateral-tabs .tab-container{ display: none; } .product-view .add-to-cart{ border: none; } .col-main .description ul{ padding-left: 20px; } .col-main .description ul li{ list-style: disc; } .product-collateral, .toggle-tabs{ border-radius: 0; -webkit-border-radius:0; border:none; padding: 0; } #collateral-tabs{ border-left: 1px solid #979797; border-right: 1px solid #979797; border-bottom: 1px solid #979797; } #collateral-tabs .tab-container.current{ display: block; } #collateral-tabs{ clear: both; } .ui-widget-header{ border: none; } .ui-tabs-nav{ background: none; } .ui-tabs{ background: none; } .ui-corner-all, .ui-corner-top, .ui-corner-right, .ui-corner-tr{ border-radius: none; } .ui-tabs .ui-tabs-panel{ border: 1px solid #d5d5d5; } .ui-tabs .toggle-tabs{ background: none; clear: both; height: 47px; border: none; border-bottom: 1px solid #979797; padding: 0 } .ui-tabs .toggle-tabs li{ display: block; float: left; border-left: 1px solid #979797; border-top: 1px solid #979797; padding: 15px 20px; height: 46px; line-height: 1.2; width: 167px; background: #b6b7bc; color: #ffffff; cursor: pointer; margin: 0; font-weight: normal; } .ui-tabs .ui-tabs-nav li, .ui-tabs .ui-tabs-nav li:hover{ display: block; float: left; border-left: 1px solid #979797; border-right: 1px solid #979797; border-top: 1px solid #979797; line-height: 1.2; width: 167px; background: #b6b7bc; color: #ffffff; cursor: pointer; margin: 0; font-weight: normal; border-radius: 0; } .ui-tabs .ui-tabs-nav li a{ color: #ffffff; display: block; height: 46px; width: 100%; text-align: center; } .toggle-tabs li.current, .ui-tabs .ui-tabs-nav .ui-state-active a{ background: #ffffff; color: #910230; } .ui-tabs .ui-tabs-nav .ui-state-active a{ padding: .7em 1em; } .ui-state-active, .ui-widget-content .ui-state-active, .ui-widget-header .ui-state-active{ border: none; } .toggle-tabs li.last{ border-right: 1px solid #979797; } .toggle-tabs li span{ display: block; } #product-attribute-specs-table{ border: none; } #product-attribute-specs-table tr th{ background: no-repeat; text-transform: none; color: #000000; font-weight: bold; border-color: #979797; font-size: 13px; font-family: "Exo 2", Arial, sans-serif; } #product-attribute-specs-table tr th.label{ width: 25%; } #product-attribute-specs-table tr td{ border-color: #979797; } #product-attribute-specs-table tr.last th, #product-attribute-specs-table tr.last td{ border-bottom: none; } .tab-content .std{ padding: 10px; } .product-image, .no-touch .product-img-box .product-image:not(.zoom-available):hover{ border: none; } .product-image-gallery{ padding: 20px; box-shadow: none; } .product-image-gallery .gallery-image.visible{ width: 100%; } .product-image-thumbs li{ border:1px solid #a7a7a7; margin-top: 10px; width: 92px; } .thumb-link{ padding: 7px; } .thumb-link img{ width: 100%; } #shopping-cart-table{ width: 100%; } #quotelist #shopping-cart-table{ width: 100%; } .cart-table{ width: 100%; } .cart-table thead{ background: #000000; color: #ffffff; } .cart-table thead th{ text-align: center; } .cart-table tbody tr:nth-child(even){ background: #e7e7e7; } .cart-table tbody td{ border-left: 1px solid #a7a7a7; padding: 20px; text-align: center; vertical-align: middle; } .cart-table tbody td.last{ border-right: 1px solid #a7a7a7; padding: 20px 170px; } .cart-table tbody td.img-container, .cart-table tbody td.attributes-col, .cart-table tbody td.category{ width: 20%; } .cart-table .product-cart-sku{ font-family: Arial, Helvetica, sans-serif; font-style: normal; } .qty-div{ float: left; width: 67px; } .qty-div input[type=text]{ width: 100%; border-radius: 6px; -webkit-border-radius: 6px; text-align: center; } .btn-remove, .btn-remove2{ position: relative; background: none; display: block; float: left; margin-left: 20px; line-height: 1.2; width: 21px; height: 20px; top: -20px; } .btn-remove:before, .btn-remove2:before{ content: "\f128"; font-family: "Ionicons"; display: block; position: absolute; top: 0; left: 0; font-size: 25px; color: #a9aeb7; text-indent: 0; } .btn-remove:after, .btn-remove2:after{ display: none; } #add-tier{ display: none; } .cart-table .product-cart-sku span{ display: block; color: #000; } .qquote-client-collaterals{ float: left; width: 100%; margin-top:25px; } .quote-forms .client-data{ float: right; width: 50%; } .quote-forms .client-data h2, .assigned-to{ display: none; } .quote-forms .client-data textarea{ width: 100%; } .quote-forms .input-box{ float: left; width: 47%; } #qquote-tbl-address{ width: 100%; } #qquote-tbl-address tr td{ padding: 0 10px 16px 0; } #qquote-tbl-address input[type="email"], #qquote-tbl-address input[type="number"], #qquote-tbl-address input[type="text"]{ width: 100%; } .quote-forms{ clear: both; } #qquote-tbl-address label, #qquote-tbl-address p.required{ display: none; } #submit-quote-request label{ display: none; } .inline-checkbox{ margin-bottom: 10px; } #submit-quote-request .button{ float: right; } .col2-set .col-1, .col2-set .col-2{ float: left; } .col-2 .button{ background: #910230; } .opc #opc-login p:not(.required){ font-family: Arial, sans-serif; font-style: normal; } .button2 span span{ color: #ffffff; text-decoration: none; } .pdf-library{ float: left; width: 100%; } .pdf-library li{ float: left; width: 50%; display: block; padding-right: 30px; height: 245px; border-bottom: 1px solid #bbbbbc; } .pdf-library li h3{ color: #000000; text-transform: none; } .pdf-library li .image-link{ float: left; width: 100% } .pdf-library li .image-link a{ display: block; float: left; width: 100%; } .pdf-library li .image-link a img{ float: left; } .pdf-library li .image-link a span{ float: right; background: url('https://www.kmsbearings.com/skin/frontend/respond/topspot/images/icon-pdf.png') no-repeat 0 0; display: block; margin-top: 15px; padding-left: 25px; width: 50%; color: #3127ff; text-decoration: underline; } .cmsmartsidebartop .block-content .filterby{ color: #000000; text-transform: uppercase; line-height: 2.2; margin-right: 15px; } .cmsmartsidebar .block-content .block-subtitle{ display: none; } .map{ margin-top: 30px; margin-bottom: 30px; } .sorter > .view-mode, .pages .next img, .pages .previous img{ display: none; } /* ====================Customer Login ======================== */ .customer-account-login .col2-set .buttons-set button, .customer-account-login .col2-set .buttons-set .button{ min-width: auto; width: 260px; } /* ==================== Spritesheet Styles =================== */ .sprite { background-image: url("https://www.kmsbearings.com/skin/frontend/respond/topspot/images/spritesheet.png"); background-repeat: no-repeat; display: block; } .sprite-account { width: 13px; height: 13px; background-position: -30px -30px; } .sprite-arrow-right { width: 6px; height: 11px; background-position: -103px -30px; } .sprite-cart { width: 15px; height: 13px; background-position: -169px -30px; } .sprite-cart-big { width: 20px; height: 17px; background-position: -244px -30px; } .sprite-icon-home { width: 14px; height: 11px; background-position: -324px -30px; } .sprite-icon-map { width: 14px; height: 18px; background-position: -398px -30px; } .sprite-icon-phone { width: 14px; height: 20px; background-position: -472px -30px; } .sprite-quote { width: 14px; height: 12px; background-position: -546px -30px; } .sprite-quote-big { width: 24px; height: 22px; background-position: -620px -30px; } .sprite-search { width: 11px; height: 14px; background-position: -704px -30px; } .sidebar .showcase-bucket{ background:none; color: #ffffff; border-radius: 4px; -webkit-border-radius: 4px; padding: 25px 35px; display: block; margin-bottom: 25px; position: relative; z-index: 0 } .sidebar .showcase-bucket:hover{ text-decoration: none; } .sidebar .showcase-bucket:before{ background: url('https://www.kmsbearings.com/skin/frontend/respond/topspot/images/bg-pattern.png') no-repeat 0 0 #076eb2; content: ""; width:100%; min-height: 100%; display: block; position: absolute; top: 0; left: 0; z-index: -1; border-radius: 4px; -webkit-border-radius: 4px; } .sidebar .showcase-bucket h3{ font-family: "Exo 2", Arial, sans-serif; color: #ffffff; text-align: center; text-transform: none; font-size: 20px; } .showcase-bucket .action-btn{ display: block; text-align: center; font-family: Arial, Helvetica, sans-serif; border:2px solid #ffffff; border-radius: 4px; -webkit-border-radius: 4px; padding: 9px 20px; } .sidebar .showcase-bucket:hover{ background: #017bcb; } .sidebar .showcase-bucket:hover .action-btn{ color: #ffffff; text-decoration: none; } .custom-bearing-showcase-11 .navtop{ display: none; } .onepage-checkout-shipping-method-additional-load .gift-messages{ display: none; } .custom-bearing-showcase-11 #products-list{ float: left; background: none; } .custom-bearing-showcase-11 #products-list li{ border:1px solid #b5b8c0; float: left; display: inline-block; width: 31%; height: 390px; margin-right: 2%; } .custom-bearing-showcase-11 .category-products #products-list li > a{ display: block; float: none; margin: 20px auto; width: 80%; border: none; } .custom-bearing-showcase-11 .category-products #products-list li img{ width: 80px; } .custom-bearing-showcase-11 .products-list .product-shop .product-primary, .products-list .product-shop .desc{ text-align: center; width: 100%; margin: 0 auto; float: none; } .products-list .product-shop .desc{ text-align: left; margin: 20px auto; } .custom-bearing-showcase-11 .products-list .product-shop .product-primary{ margin: 10px 0; } .products-list .product-shop .product-primary{ float: none; } .custom-bearing-showcase-11 .category-products #products-list li{position: relative} .custom-bearing-showcase-11 .category-products #products-list li .product-shop{ float: none; width: 80%; margin-left:-40%; padding: 0; position: absolute; left: 50%; bottom: 20px; } .custom-bearing-showcase-11 .category-products #products-list li .product-shop .f-fix .desc ul{ display: none; } .custom-bearing-showcase-11 .category-products #products-list li .product-shop .f-fix .product-primary h2 a{ text-transform: none; font-size: 13px; font-weight: normal; text-align: center; } .toolbar .sort-by{ display: none; } .toolbar-bottom{ clear: both; } .pager{ float: none; width: 100%; } .link-learn{ width: 100%; min-width: auto; } .pillow-block-category .toolbar, .pillow-block-only-category .toolbar, .pillow-block-only-category .navtop, .hide-filter .navtop, .hide-filter .toolbar, .skatewheel-ball-bearing-category .toolbar{ display: none; } .toolbar{ clear: both; } .category-description table{ background: #d5d5d5; border-spacing: 1px; border-collapse: separate; width: 100%; margin-bottom: 25px; border: none; } .category-description table tr:nth-child(odd){ background: #ffffff; } .category-description table tr:nth-child(even){ background: #efefef; } .category-description table td{ text-align: center; padding: 5px; border: none; } .category-description table td p{ margin: 0; } .category-description table.left{ float: left; width: 47%; margin-right: 1.5%; } .category-description table.right{ margin-right: 0; float: right; width: 47%; } .plastic-mounted-block-filters, .insert-ball-bearing-filters, .skatewheel-ball-bearing-filters, .conveyor-ball-bearing-filters, .block-only-filters, .end-cover-filters{ display: none; } .plastic-mounted-block-category .main-filters, .block-only-category .main-filters, .insert-ball-bearing-category .main-filters, .skatewheel-ball-bearing-category .main-filters, .conveyor-ball-bearing-category .main-filters, .end-cover-category .main-filters{ display: none; } .plastic-mounted-block-category .plastic-mounted-block-filters, .block-only-category .block-only-filters, .insert-ball-bearing-category .insert-ball-bearing-filters, .skatewheel-ball-bearing-category .skatewheel-ball-bearing-filters, .conveyor-ball-bearing-category .conveyor-ball-bearing-filters, .end-cover-category .end-cover-filters{ display: table-header-group; } .products-list > li .product-image{ display: block; padding: 10% 0; } .products-list > li .product-image img{ max-width: none; width: auto; margin: 0 auto; } .header-btn{ position: absolute; left: 50%; width: 160px; margin-left: -80px; bottom: 30px; } .fancybox{ position: relative; display: block; } .fancybox:hover img{ opacity: .25; filter:alpha(opacity=25); } .fancybox span{ position: absolute; width: 250px; margin-left: 0; font-size: 25px; top: 280px; left: 40%; height: auto; filter: alpha(opacity=0); opacity:0; } .fancybox:hover span{ opacity: 1; filter: alpha(opacity=100); color: #910230; } .category-description .col-container, .col-main .col-container{ clear: both; /* margin-left: -15px; */ margin-bottom: 30px; width: 100%; } .category-description .col-container:after, .col-main .col-container:after{ content: ""; clear: both; display: table; } .col-container h2{ font-size: 20px; } .col-container h3{ font-weight: normal; text-transform: none; font-size: 16px; } .category-description .col-container .col-1-4 p img{ width: 100%; } .category-description .col-container .col-1{ float: left; width:100%; margin-left: 15px; } .category-description .col-container .col-1-2{ float: left; width:47%; margin-left: 15px; } .category-description .col-container .col-3-4{ float: left; width: 72%; margin-left: 15px; } .category-description .col-container .col-1-3, .col-main .col-container .col-1-3{ float: left; width:31%; margin-left: 15px; } .category-description .col-container .col-1-4, .col-main .col-container .col-1-4{ float: left; width:22%; margin-left: 15px; } .category-applications .col-container .col-1-2 img{ width: 50%; } .category-applications .col-container .col-1-3 img{ width: 50%; } .more-views{ display: none; } .form-list .field{ } #fieldset_510, #fieldset_514{ float: left; width: 47%; margin-top: 0 } #fieldset_510 h2, #fieldset_514 h2{ display: none; } .breadcrumbs .breadcrumbs-wrap{ float: left; width: 867px; } /* Social Bar */ .social-bar-container { margin: 0; padding: 0; position: absolute; right: 0; text-align: right; top: 16px;height: 20px;} #socialBar { list-style: none outside none; margin: 0; padding: 0; } #socialBar li { background: none repeat scroll 0 0 transparent; float: left; margin: 0 4px 0 0; padding: 0; width: 16px; } #socialBar li a { display: block; height: 16px; } #socialBar li .emailButton:hover {background-position:0px -16px; cursor: pointer;} #socialBar li.google-plus { background: none; padding-right: 30px; } /*#facebook-btn { padding-right: 15px; }*/ #socialBar li.share-twitter { background: none; width: 75px;} #socialBar li.share-gplus {background: none; width: 60px;} #socialBar li.share-linkedin { background: none; width: 60px;padding: 0 !important } .checkout-agreements .agreement-content{ border: none; background: none; } .agree{ float: left; } .download.btn, .action.btn{ background: #55001c; display: block; padding: 10px 8px; width: 75%; text-transform: none; } .download.btn:hover, .action.btn:hover{ text-decoration: none; background: #910230; color: #ffffff; } .block-layered-nav .block-content > dl > dt{ display: none; } .block-layered-nav .block-content > dl > dd{ border: none; padding: 5px 5px 5px 0; } select.amshopby-select{ width: 100% !important; font-size: 10px; padding: 5px 5px 5px 4px; background: #e1e1e1; border: 1px solid #d5d5d5; border-radius: 0; -webkit-border-radius: 0; text-transform: uppercase; font-weight: bold; height: 40px; } .amshopby-item-top{ width: 32%; } .agreement-content{ display: none; } .made-usa{ position: absolute; top: -10px; right: -100px; } .buttons-set button.button:hover{ background: #6d0024; } .cart-table .product-cart-image .product-image img{ margin: 0 auto; width: auto; } .block-account li a, .block-cms-menu li a{ color: #000000; font-family: Arial, Helvetica, sans-serif; line-height: 1.2; font-weight: normal; text-transform: none; display: block } .block-account .block-title h2, .block-account .block-title h3, .block-account .block-title strong{ text-transform: none; color: #000000 } /*** IE 7 & 8 styling changes ***/ .ie7 #header{ max-width: 100%; position: relative; z-index: 100; height: 217px } .ie7 #header > ol, .ie7 #header-nav > ol{ max-width: 1200px; margin:0 auto; } .ie7 #header > ol > li{ float:left; display: block; } .ie7 #header > ol > li > a{ padding: 0 14px; } .ie7 #header > ol > li > ul > li > a{ line-height: 2; display: block; padding: 15px 15px; } .ie7 #header-nav #nav ol li.nav-1.level0 a.level0{ padding: 10px 5px; width: 144px; } .ie7 #header-nav #nav OL LI.nav-3.level0 A.level0{ width: 135px; padding: 10px 24px; } .ie7 #header-nav > ol > li > ul > li > ul{ display: none; } .ie7 #slideshow-container .slides LI IMG{ width: 100%; } .ie7 #search{ padding-right: 10px; } .ie7 .main-container .catblocks-wrapper .bucket-col{ width: 18.3%; margin-right: 12px; } .ie7 #search_mini_form2{ position: relative; } .ie7 #search_mini_form2 .search-button{ width: 88px; padding: 0; padding-right: 0; left: auto; position: absolute; top: 6px; right: 2px; height: 30px; } .ie7 .col2-right-layout.main-container .catblocks-landing .bucket-col{ width: 24.3%; margin-right: 12px; padding: 40px 25px 30px; } .ie7 .header-btn{ margin-left: -110px; width: 180px; } .ie7 .rfq-btn{ width: 135px; min-width: auto; } .ie7 #webform_1_form #webform_1 input[type="email"], .ie7 #webform_1_form #webform_1 input[type="tel"], .ie7 #webform_1_form #webform_1 input[type="text"], .ie7 #webform_1_form #webform_1 input[type="file"], .ie7 #webform_1_form #webform_1 textarea, .ie8 #webform_1_form #webform_1 input[type="email"], .ie8 #webform_1_form #webform_1 input[type="tel"], .ie8 #webform_1_form #webform_1 input[type="text"], .ie8 #webform_1_form #webform_1 input[type="file"], .ie8 #webform_1_form #webform_1 textarea{ max-width: auto; width: 180px; } .ie7 .col3-layout .col-wrapper .col-main{ width: 75%; } .ie7 .col3-layout.main-container .catblocks-landing .bucket-col{ padding: 40px 20px 30px; width: 25.3%; margin-right: 15px; } .ie7 .col3-layout.main-container .catblocks-landing .bucket-col .header-btn{ margin-left: -90px; width: 180px; } .ie7 .main-container .catblocks-landing .bucket-col .action-btn{ min-width: 120px; } .ie7 .amshopby-item-top{ float: left; } .ie7 .catalog-product-view .main{ width: 80%; } .ie7 .cart-forms, .cart-table{ float: none; } .ie7 #shopping-cart-table .button2{ display: block; min-width: auto; } .ie7 .button{ min-width: auto; } .ie8 .std ul{ clear: both; } .ie9 #webform_1_form #webform_1 input[type="file"], #webform_1_form #webform_1 input[type="file"]{ width: 190px; } .ie7 #qquote-tbl-address label, .ie8 #qquote-tbl-address label, .ie9 #qquote-tbl-address label{ display: block; } /*hide the rfq button on the product detail page*/ .catalog-product-view .col-right .rfq-btn{ display: none!important; } #noteDiscount { display:none; float:left; border:1px solid green; padding:5px; } /*====================================================== Screen Style Sheet Insul-Fab ------------------------------------------------------ Author(s): Christian Walker Created: DateHere ======================================================*/ /* .bucket-move-tablet{bottom:5px;} */ .tablet-only{display: none !important;} .phone-only{display:none;} .desktop-tablet{display: block !important;} .tablet-phone{display: none !important;} .responsive-only {display: none !important;} .desktop-phone {} /************ Hide items for Desktop view */ a.rfq-btn.tablet-only { display: none; padding-left: 15px; padding-right: 15px; } /* Mobile Devices */ /* Tablet */ @media only screen and (max-width: 1185px) { .desktop-only,#header-nav,.content-cta,.sort-by{display: none !important;} .tablet-phone, .tablet-only{display: block !important;} .category-custom-ball-bearings #custom-bucket, .category-custom-bearing-showcase .showcase-banner.tablet-phone {display: none !important;} .constraint, #header-content{ margin: 0 auto; padding: 0 30px; max-width: 100%; position: relative; min-height: 100%; } #header-search{ background: #760027; position: absolute; bottom: 0; left: 0; width: 100%; height: 85px; padding: 20px 30px; } #header{ height: 245px; } #nav{ min-height: 100%; height: auto; background: #999da1; min-height: 100%; } #header-nav #nav ol li{ float: none; display: block; border: none; } .nav-primary li a, .mm-list a, .mm-list a:hover, .mm-list > li > a{ padding: 20px; border: none; text-transform: none; } #nav ol li:after{ display: none; } #nav ol li a, .mm-list > li > a{ text-transform: none; font-size: 17px; font-family: Arial, sans-serif; color: #ffffff; margin-right: 0; } .mm-list > li:not(.mm-subtitle):not(.mm-label):not(.mm-search):not(.mm-noresults)::after{ position: absolute; } .mm-list a.mm-subopen{ background: none; padding: 0; width: 60px; height: 60px; border: none; } .mm-list a.mm-subopen:before{ content: ""; display: block; position: absolute; top: 26px; left: 20px; font-size: 15px; color: #ffffff; width: 6px; height: 11px; background: url('https://www.kmsbearings.com/skin/frontend/respond/topspot/images/spritesheet.png') no-repeat 0 0; background-position: -103px -30px; } .mm-list a.mm-subopen:after{ display: none; } #nav .mm-list > li > a.mobile-btn{ font-weight: bold; font-size: 14px; } .mm-list a.mm-subclose{ padding: 20px; } .mm-list a.mm-subclose:before{ top: 25px; } #nav ol li a:focus{ background: #64686b; } #nav ol li a.rfq-btn{ margin: 20px auto 0; width: 90%; color: #ffffff; position: relative; text-transform: uppercase; font-family: "Exo 2", Arial, sans-serif; } #nav ol li a.rfq-btn:before{ left: 80px; } #nav ol li a.rfq-btn i{ position: relative; left: 10px; display: none; } #header-search{ } #header-search .mobile-btn{ min-height: 100%; float: left; width: 24%; color: #ffffff; padding: 10px 0 0 60px; position: relative; font-size: 16px; text-transform: uppercase; } #header-search:before{ content: ""; display: block; position: absolute; width: 2px; height: 100%; min-height: 100%; background: #aa083e; border-right: 1px solid #27010e; top: 0; left: 170px; } .logo{ margin-top: 60px; max-width: 370px; width: 370px; } #header-content .links{ right: 20px; } #header-content .links ul li.last a{ padding-right: 24%; } #header-search .mobile-btn:before{ content: "\f394"; font-family: "Ionicons"; display: block; position: absolute; top: 7px; left: 0; font-size: 65px; color: #ffffff; line-height: .5; } #header-search #search_mini_form{ float:right; width: 75%; } #search{ border-radius: 6px; -webkit-border-radius: 6px; border: none; } #store-phone-mobile{ position: absolute; right: 30px; top: 70px; font-size: 23px; color: #000000; font-weight: bold; font-family: Arial, helvetica, sans-serif; margin-top: 10px; } #store-phone-mobile .phone-left{ padding-right: 50px; font-size: 22px; } #store-phone-mobile span{ color: #910230; font-size: 21px; margin-right: 5px; font-weight: normal; } #slideshow-container .caption{ max-width: 855px; width: 100%; padding: 0 30px; } #slideshow-container .slides li.banner-7 .caption, #slideshow-container .slides li.banner-3 .caption, #slideshow-container .slides li.banner-5 .caption{ top: 60%; margin-left: -30%; width: 60%; text-align: center; } #slideshow-container .slides li.banner-3 .caption{ top: 60%; margin-left: -45%; width: 90%; text-align: center; left:56%; } #slideshow-container .slides li.banner-4 .caption{ top: 60%; margin-left: -45%; width: 90%; text-align: center; left:56%; } #slideshow-container .slides li.banner-5 .caption{ top: 60%; margin-left: -45%; width: 90%; text-align: center; left:56%; } #slideshow-container .slides li.banner-7 .caption p{ width: 100%; } #slideshow-wrapper, #slideshow-container, #slideshow-container .caption-wrapper{ } .cms-home .std h1, .cms-home .std p{ width: 100%; } .flexslider .slides img{ width: auto; } .main-container .catblocks-wrapper .bucket-col{ width: 46.5%; padding: 30px; margin-bottom: 20px; } body.cms-home .main-container .catblocks-wrapper{ float: left; padding: 0 100px; max-width: 800px; float: none; } body.cms-home .main-container div.catblocks{ height: auto; } .main-container .catblocks-wrapper .bucket-col:nth-child(odd){ margin-right: 39px; } .main-container .catblocks-wrapper .bucket-col:nth-child(even){ margin-right: 0; } .footer-content{ padding: 30px } #store-phone-footer span{ display: block; } #store-phone-footer{ width: 29%; margin-right: 25px; margin-top: 0; text-align: center; } #search_mini_form2{ width: 66%; margin-right: 0; float: right; } .logo-footer img{ display: none; } .cms-home .footer-bottom ul, .footer-bottom ul{ width: 711px; } #slideshow-container .caption p{ width: 100%; float: left; font-size: 22px; } .action-btn-container{ float: right; width: 30%; margin-top: 10px; } #slideshow-container .caption .action-link{ position: relative; right: auto; top: auto; } .main, .main-container{ width: 100%; padding: 0; } .col2-right-layout .col-main, .col3-layout .col-main{ float: none; width: 100%; max-width: 100%; padding: 20px 30px 20px; } #webform_1_form{ float:left; padding: 0 30px; } .col3-layout .col-right, .col-right{ width: 100%; max-width: none; float: none; padding: 0 } .catalog-product-view .top-right-col.tablet-phone {display:none !important;} .top-right-col{ background: #dedede; float:left; padding: 30px 30px; width: 100%; -webkit-box-shadow: inset 0 10px 15px -10px #ABABAB; box-shadow: inset 0 10px 15px -10px #ABABAB; margin-top: 20px; } .top-right-col p{ float: left; width: 70%; margin-top: 20px; color: #000000; font-weight: bold; font-size: 17px; font-family: Arial, Helvetica, sans-serif; } .top-right-col a.rfq-btn{ float: right; width: 30%; } #webform_1_form #webform_1{ float:left; } .main-container.col2-right-layout .catblocks-landing .bucket-col, .main-container.col3-layout .catblocks-landing .bucket-col{ width: 31%; margin-right: 20px; padding: 40px 20px 30px; background-size: 100%; } .main-container .catblocks-landing .bucket-col:nth-child(3n+3){ margin-right: 0; } .breadcrumbs{ padding: 15px 30px; } #webform_1_form #webform_1 .wide, #webform_2_form #webform_2 .wide{ float: left; width: 32%; margin: 0 10px 15px 0; } #webform_1_form #webform_1 .wide:nth-child(3n+3), #webform_2_form #webform_2 .wide:nth-child(2n+2){ margin-right: 0; } .fieldset, #webform_2_form .fieldset, #webform_2_form .fieldset{ float: left; min-height: 100%; width: 100%; } #fieldset_3, #webform_2_form #fieldset_5{ width: 65%; } #webform_1_form #webform_1 #field_10_row, #webform_1_form #webform_1 textarea, #webform_2_form #webform_2 #field_14_row, #webform_2_form #webform_2 textarea{ width: 100%; margin-right: 0; } .block-quote{ display: none; } #webform_1_form .std, #webform_1_form .std h2{ text-align: left; color: #000000; background: #ffffff; } #webform_1_form #webform_1, #webform_2_form #webform_2{ border: none; padding: 0; } #webform_1_form #webform_1 .buttons-set, #webform_2_form #webform_2 .buttons-set{ float: right; clear: none; width: 33%; margin-top: 40px; } #webform_2_form #webform_2 .buttons-set .button{ background: #000000; } .map{ width: 100%; } .map iframe{ width: 100%; } #search_mini_form2{ position: relative; } #search_mini_form2 #search2{ max-width: 505px; width: 82%; } .col3-layout .col-wrapper .col-left{ float: none; width: 75%; padding: 0 30px; margin-top: 20px; position: relative; z-index: 2; max-width: none; } .col3-layout .col-wrapper .col-main, .col3-layout .col-wrapper, .catalog-product-view .main{ width: 100%; float: none; max-width: none; } .catalog-product-view .col3-layout .col-wrapper .col-left{ display: none; } #sidebar-nav{ width: 100%; max-width: none; } #sidebar-nav .block-title{ border: none; position: relative; z-index: 2; } #sidebar-nav .block-title strong span{ border-radius: 6px; -webkit-border-radius: 6px; border:1px solid #979797; /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#f1f2f3+0,c1c2c4+100 */ background: #f1f2f3; /* Old browsers */ background: -moz-linear-gradient(top, #f1f2f3 0%, #c1c2c4 100%); /* FF3.6+ */ background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#f1f2f3), color-stop(100%,#c1c2c4)); /* Chrome,Safari4+ */ background: -webkit-linear-gradient(top, #f1f2f3 0%,#c1c2c4 100%); /* Chrome10+,Safari5.1+ */ background: -o-linear-gradient(top, #f1f2f3 0%,#c1c2c4 100%); /* Opera 11.10+ */ background: -ms-linear-gradient(top, #f1f2f3 0%,#c1c2c4 100%); /* IE10+ */ background: linear-gradient(to bottom, #f1f2f3 0%,#c1c2c4 100%); /* W3C */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f1f2f3', endColorstr='#c1c2c4',GradientType=0 ); /* IE6-9 */ padding: 15px; position: relative; } #sidebar-nav .block-title strong span:before{ content: "\f3d0"; font-family: "Ionicons"; display: block; position: absolute; top: 10px; right: 25px; font-size: 25px; color: #910230; } #sidebar-nav .block-content{ background: #fafafa; border: 1px solid #dedede; padding: 60px 15px 15px; position: absolute; top: 0; left: 0; width: 100%; z-index: 0; border-radius: 6px 6px 0 0; -webkit-border-radius: 6px 6px 0 0; display: none; } #sidebar-nav #sidebar-nav-menu li{ padding: 10px 0; } #sidebar-nav #sidebar-nav-menu li a{ display: block; padding: 0 10px; color: #585858; } #sidebar-nav #sidebar-nav-menu li a span{ color: #585858; } .col1-layout .col-main{ padding: 20px 30px } #qdiv_4 .input-text{ width: 100%; } #quotelist #shopping-cart-table{ width: 100%; } #quotelist{ margin-bottom: 30px; float: left; } #shopping-cart-table{ float:none; width: 100%; } .cart-forms, .cart-totals-wrapper, .crosssell{ float: none; width: 100%; padding: 0 } #search_mini_form2 .search-button{ right: 10px; } .opc .section .step-title h2{ text-transform: none; color: #000000; font-family: Arial, Helvetica, sans-serif; } .contact-header{ padding: 45px 0; } .contact-header ul li{ float: none; width: 100%; display: block; margin-bottom: 30px; text-align: center; } .contact-header ul{ height: 85px; width: 58%; } .mm-list a.mm-subopen::before{ border: none; } .mm-list a.mm-subopen::after{ width: 15px; height: 15px; color: #ffffff; } .footer-bottom ul li.sitemap{ margin: 0; padding: 0 } .footer-bottom ul li.sitemap:before{ display: none; } .footer-bottom ul li#credits{ display: block; float: none; padding-top: 20px; text-align: center; } .showcase-bucket{ clear: both; margin: 0 auto 30px; width: 93%; display: none !important; } .col-main .showcase-banner{ background:none; color: #ffffff; border-radius: 4px; -webkit-border-radius: 4px; padding: 25px 95px; display: block; margin-bottom: 25px; position: relative; z-index: 0; text-align: center; } .col-main .showcase-banner a:hover{ text-decoration: none; } .col-main .showcase-banner:before{ background: url('https://www.kmsbearings.com/skin/frontend/respond/topspot/images/bg-pattern.png') no-repeat 0 0 #076eb2; content: ""; width:100%; min-height: 100%; display: block; position: absolute; top: 0; left: 0; z-index: -1; border-radius: 4px; -webkit-border-radius: 4px; } .col-main .showcase-banner:before{ background: #076eb2; content: ""; width:100%; min-height: 100%; display: block; position: absolute; top: 0; left: 0; z-index: -1; border-radius: 4px; -webkit-border-radius: 4px; } .col-main .showcase-banner h3{ font-family: "Exo 2", Arial, sans-serif; color: #ffffff; text-align: center; text-transform: none; font-size: 20px; display: inline; margin-right: 25px; } .col-main .showcase-banner a{ display: inline-block; text-align: center; font-family: Arial, Helvetica, sans-serif; border:2px solid #ffffff; border-radius: 4px; -webkit-border-radius: 4px; padding: 9px 20px; color: #ffffff; } #custom-bucket{ background:none; color: #ffffff; border-radius: 4px; -webkit-border-radius: 4px; padding: 100px 35px 25px; display: block; margin-bottom: 25px; position: relative; z-index: 0 } #custom-bucket:before{ background: url('https://www.kmsbearings.com/skin/frontend/respond/topspot/images/bg-pattern.png') no-repeat 0 0 #076eb2; content: ""; width:100%; min-height: 100%; display: block; position: absolute; top: 0; left: 0; z-index: -1; border-radius: 4px; -webkit-border-radius: 4px; } #custom-bucket h3{ font-family: "Exo 2", Arial, sans-serif; color: #ffffff; text-align: center; text-transform: none; font-size: 20px; } #custom-bucket .action-btn{ display: block; text-align: center; font-family: Arial, Helvetica, sans-serif; border:2px solid #ffffff; border-radius: 4px; -webkit-border-radius: 4px; padding: 9px 20px; background: none; } #custom-bucket:hover{ background: #017bcb; } #custom-bucket:hover .action-btn{ color: #ffffff; text-decoration: none; } .cart-table tbody td.last{ padding: 0 10px; } .cart-table tbody td.last .btn-remove, .cart-table tbody td.last .btn-remove2{ margin-left: 0; display: block; font-family: "Exo 2", Arial, sans-serif; font-size: 20px; width: 65%; } .made-usa{ right: 0; position: absolute; top: 0; width: 40px; } } /* Tablet (landscape & portrait) ----------- */ @media only screen and (max-width : 767px) { .phone-only{display: block !important;} .links ul li.first, .links ul li.about-us, .tablet-only, #slideshow-container .caption-wrapper, #header-search:before, .main-container .catblocks-wrapper .bucket-col img, .main-container .catblocks-landing .bucket-col img, .main-container .catblocks-wrapper .bucket-col .action-btn, .main-container .catblocks-landing .bucket-col .action-btn, .footer-bottom ul li:before, .breadcrumbs, #add-tier, .desktop-tablet{ display: none !important; } #header-content{ padding: 0 } #header-content .links{ width: 100%; right: auto; left: 0; border-radius: 0; position: relative; } #header-content .links ul li{ width: 33.33%; text-align: center; border-radius: 0; } #header-content .links ul li.last a{ border-radius: 0; } #header-content .links ul{ width: 100%; float: none; border-radius: 0; } .cms-home #header{ margin-bottom: 1px; } #header{ height: 328px; } .logo{ float: none; width: 100%; clear: both; margin: 0 auto; padding: 15px 0; } #store-phone-mobile{ position: relative; top: auto; left: auto; right: auto; height: 82px; } #store-phone-mobile a{ height: 82px; } #store-phone-mobile .phone-left{ font-size: 3.4vw; float: right; padding: 7px 20px 4px; width: 66.6%; border-top: 2px solid #dadada; text-align: center; height: 82px; } #store-phone-mobile .phone-left a{ color: #000000; } #store-phone-mobile .phone-left span{ display: block; } #header-search{ position: relative; margin: 0; } #header-search #search_mini_form{ width: 100%; } #store-phone-mobile .mobile-btn{ color: #000000; text-transform: uppercase; position: relative; float: left; padding: 20px 20px 20px 18%; border-top: 2px solid #dadada; border-right: 2px solid #dadada; display: block; width: 33.4%; font-size: 4vw; } #store-phone-mobile .mobile-btn:before{ content: "\f394"; font-family: "Ionicons"; display: block; position: absolute; top: 23px; left: 20%; font-size: 65px; color: #a21f4b; line-height: .5; } .cms-home .footer-bottom ul, .footer-bottom ul{ width: 100%; } .cms-home .rfq-btn{ width: 100%; } body.cms-home .main-container div.catblocks, .main-container div.catblocks-landing{ padding-bottom: 0; } body.cms-home .main-container .catblocks-wrapper{ width: 100%; padding: 30px; } .main-container .catblocks-landing{ width: 100%; } .main-container .catblocks-wrapper .bucket-col, .catalog-category-view .main-container .catblocks-landing .bucket-col{ background: #000000; border: none; color: #ffffff; float: none; width: 100%; max-width: none; margin: 0 0 20px !important; top: auto; height: auto; border-radius: 6px; -webkit-border-radius: 6px; } .main-container .catblocks-wrapper .bucket-col h3, .catalog-category-view .main-container .catblocks-landing .bucket-col h3{ margin: 0; line-height: 1.2; min-height:0; } .main-container .catblocks-wrapper .bucket-col h3 span, .catalog-category-view .main-container .catblocks-landing .bucket-col h3 span{ color: #ffffff; } .main-container .catblocks-wrapper .bucket-col h3 span, .catalog-category-view .main-container .catblocks-landing .bucket-col h3 span{ position: relative; left: auto; bottom: auto; } .catalog-category-view .main-container .catblocks-landing .bucket-col{ padding: 30px; } .footer-bottom{ padding: 30px; } .footer-bottom ul{ height: auto; } .footer-bottom ul li{ display: block; width: 100%; text-align: center; padding: 0; margin: 0 0 15px; float: none; } .footer-bottom ul li#credits{ } .footer-bottom ul li:before{ display: none; } #store-phone-footer{ float: none; width: 100%; text-align: left; position: relative; } #store-phone-footer span{ display: block; } #search_mini_form2{ position: relative; width: 100%; margin-top: 15px; display: block; float: none; } #header-content .links ul li a{ height: 50px; line-height: 3.9; } #header-content .links ul li a:before{ top:18px !important; } #webform_1_form, #webform_1{ width: 100%; margin: 0 auto; } #webform_1_form #webform_1 .wide, #webform_2_form #webform_2 .wide{ width: 100%; float: none } #webform_1_form #webform_1 input[type="file"]{ width: 100%; } #webform_1_form #webform_1 input[type="email"], #webform_1_form #webform_1 input[type="tel"], #webform_1_form #webform_1 input[type="text"], #webform_1_form #webform_1 input[type="file"]{ width: 100%; } #webform_1_form .std, #webform_1_form .std h2{ text-align: center; } #fieldset_3, #webform_2_form #fieldset_5{ float: none; width: 100%; } #webform_1_form #webform_1 .buttons-set, #webform_2_form #webform_2 .buttons-set{ margin: 0 auto; width: 100%; float: none; } #webform_1_form #webform_1, #webform_2_form #webform_2{ margin-bottom: 30px; } .top-right-col p{ width: 100%; float: none; text-align: center; } .top-right-col a.rfq-btn{ width: 100%; float: none; margin-top: 15px; } .main-container .products-grid .item{ width: 80%; float: none; margin: 0 auto 20px; } .col3-layout .col-wrapper .col-left, .col3-layout .col-wrapper .col-main, #webform_1_form, .col2-right-layout .col-main, .col3-layout .col-main{ width: 100%; padding: 0 10px; max-width: none; } .more-views{ display: none; } .product-view .product-shop, .product-view .add-to-cart-wrapper{ width: 100%; padding: 0 10px } .product-view .add-to-cart-buttons{ margin: 0; } .product-view .add-to-cart-buttons .button.btn-cart{ float: none; width: 100%; margin-left: 0; } .ui-tabs .toggle-tabs li{ width: 100%; border: 1px solid #979797; } .cart-table{ border: 1px solid #979797; padding: 10px; } .cart-table colgroup, .cart-table thead{ display: none; } .cart-table td[data-rwd-label]::before { content: attr(data-rwd-label) ":"; font-size: 20px; padding-right: 5px; font-family: "Exo 2", Arial, sans-serif; text-transform: uppercase; } .cart-table tbody td{ font-size: 20px; } .cart-table .product-cart-image{ width: 30%; float: left; padding:20px; } .cart-table .product-cart-info{ float: right; width: 70%; padding: 15px 15px 60px; } .cart-table .product-cart-price,.product-cart-actions, .product-cart-total, .product-cart-remove{ float: left; clear: both; } .cart-table tbody td, .cart-table tr, .cart-table tbody td.last{ border: none; width: 50%; text-align: left; } .cart-table tr.even{ background: #e7e7e7; } .cart-table .cart-footer-actions .button2, .btn-proceed-checkout{ width: 100%; float: none; min-width: none; margin-bottom: 10px; } .cart-table .cart-footer-actions .button2{ background: #0771b6; } .cart-table .product-cart-price{ clear: none; text-align: left; } .cart-table .product-cart-actions{ float: left; clear: none; padding-top: 3px; text-align: left; } .cart-table tbody td.product-cart-remove.last, .cart-table .product-cart-total{ float: left; width:50%; clear: none; padding: 20px; } .cart-table .product-cart-total, .cart-table .product-cart-price{ text-align: left; } #quotelist .cart-table tbody td.last .btn-remove, #quotelist .cart-table tbody td.last .btn-remove2{ float: none; width: 145px; } #quotelist .cart-table .quickQuote .qty-div{ float: none; } #quotelist .quickQuote.last{ float: none; clear: both; } #qquote-tbl-address tr td{ display: block; padding: 0 10px 5px 0; } #qquote-tbl-address input[type="email"], #qquote-tbl-address input[type="number"], #qquote-tbl-address input[type="text"]{ height: 50px; } #qquote-tbl-shipping, #qquote-tbl-shipping tbody{ width: 100%; display: block; } #qquote-tbl-shipping tr{ display: block; } #qquote-tbl-shipping tr td{ display: block; width: 100%; } #qquote-tbl-shipping tr td input, #qquote-tbl-shipping tr td select{ width: 100%; height: 50px; } .shipping-estimates button{ width: 100%; margin-bottom: 10px } .shipping .form-list .shipping-country, .shipping .form-list .shipping-region{ float: none; width: 100%; } .checkout-types, .checkout-types.top li{ width: 100%; } .col2-set .col-1, .col2-set .col-2{ width: 100%; } .col1-layout .col-main{ padding:10px; } .buttons-set button.button{ margin: 0 auto; float: none; } .cart-table .attributes-col, .cart-table .category{ float: left; width: 32% !important; } .cart-table .img-container{ float: left; width: 30% !important; } .cart-table .img-container img{ width: 100%; } .cart-table .quickQuote, .cart-table .quickQuote .qty-div{ float: left; width: 100% !important; display: block; } .cart-table .quickQuote .qty-div{ width: 20% !important; display: block; float: left; } .qty-div input[type="text"]{ width: 100%; } #quotelist{ width: 100%; } .btn-remove, .btn-remove2{ display: block; text-indent: 0 !important; color: #000000; font-size: 16px; font-family: Arial, sans-serif; padding:5px 10px 10px 30px; } .btn-remove:before, .btn-remove2:before{ top: 0; } #quotelist .cart-table tbody td{ padding: 10px; } .cart-table h2{ font-size: 3.4vw; } .cart-table .product-cart-sku{ font-size: 3.4vw; } .quote-forms .client-data, .quote-forms .input-box{ float: none; width: 100%; margin-bottom: 10px; } .pdf-library li{ float: none; width: 100%; padding:30px 0 0; } .contact-header ul{ height: 125px; } .contact-header.phone-only a{ width: 180px !important; background: #0771b6; margin: 20px auto 0; display: block; } .contact-header.phone-only a i{ margin-left: 10px; } .cms-home .rfq-btn:before, .rfq-btn:before, #nav ol li a.rfq-btn::before{ left: 33%; } body.cms-home .main-container div.catblocks{ margin-top: 5px; } #store-phone-footer a{ color: #000000 } table.products-list thead{ display: none; } table.products-list tbody td{ display: block; float: left; width: 96%; text-align: left; } table.products-list tbody td[data-rwd-label]::before { content: attr(data-rwd-label) ; font-size: 22px; font-family: "Raleway","Helvetica Neue",Verdana,Arial,sans-serif; padding-right: 5px; text-transform: uppercase; font-weight: bold; color: #000000 } table.products-list tbody td{ font-size: 20px; } .products-list tbody tr td p.action a.button{ float: none; width: 100%; font-size: 5vw; padding: 16px 0; } #nav ol li a.rfq-btn::before{ left: 10% } .category-description.std img{ width: 70%; float: none !important; margin-left: 0 !important; } .showcase-bucket{ clear: both; margin: 0 auto 30px; width: 93%; } .showcase-bucket:before{ height: 100%; min-height: auto; background-image: none; } .showcase-bucket h3{ display: none; } .showcase-bucket .action-btn{ border: none; padding: 0; font-family: "Exo 2", Arial, sans-serif; font-size: 4vw; } .col-main .showcase-banner{ padding: 15px; } .col-main .showcase-banner h3{ margin-right: 0; margin-bottom: 10px; } .col-main .showcase-banner a{ margin-top: 15px; } .header-btn{ position: static; left: auto; width: auto; margin-left: auto; } .category-description table.left, .category-description table.right{ width: 100%; float: none; } .amshopby-item-top, .amshopby-filters-top .block-content ol{ max-width: 100%; width: 100%; } select.amshopby-select{ font-size: 20px; } .plastic-mounted-block-category .plastic-mounted-block-filters, .block-only-category .block-only-filters, .insert-ball-bearing-category .insert-ball-bearing-filters, .skatewheel-ball-bearing-category .skatewheel-ball-bearing-filters, .conveyor-ball-bearing-category .conveyor-ball-bearing-filters, .end-cover-category .end-cover-filters{ display: none !important; } .product-view .description img, .product-img-box{ width: 100%; } .category-description table.table-scroll{ width: 100% !important; overflow: scroll; display: block; } } @media only screen and (max-width : 667px) { .custom-bearing-showcase-11 #products-list li{ width: 48%; min-width: auto; } .custom-bearing-showcase-11 .category-products #products-list li .product-shop{ margin: 0 auto; left: auto; position: relative; padding: 0; } .products-list > li .product-image{ padding: 10px 0; } .category-contact .category-description .col-container .col-1-3, .col-main .col-container .col-1-3{ width: 100%; float: none; margin-bottom: 15px; } } @media only screen and (max-width : 525px) { .custom-bearing-showcase-11 #products-list li{ width: 100%; min-width: auto; } .category-description .col-container .col-1-2, .category-description .col-container .col-1-3{ float: none; width: 90%; } .category-applications .col-container .col-1-2 img, .category-applications .col-container .col-1-3 img{ width: 100% !important; } } @media only screen and (max-width : 480px) { #store-phone-mobile .mobile-btn::before{ font-size: 9vw; } #store-phone-mobile span{ font-size: 3.5vw; } #store-phone-mobile .phone-left{ font-size: 4.5vw; } #slideshow-wrapper, #slideshow-container, #slideshow-container .caption-wrapper{ min-height: auto; height: auto; } #slideshow-container .slides li img{ top: 0; width: 730px; } #header-content .links ul li a.top-link-cart{ padding-right: 20px; } #header-content .links ul li a{ padding: 10px 10px !important; line-height: 2; } #header-content .links ul li a:before{ display: none !important; } .rfq-btn:before, .cms-home .rfq-btn:before{ left: 23% } .category-description.std img{ float: none !important; width: 100% !important; } .category-description .banner-images p img{ width: 33%; } } @media only screen and (max-width : 440px) { .cart-table tbody td, .cart-table tr, .cart-table tbody td.last{ width: 100%; float: none; } #nav ol li a, .mm-list > li > a{ font-size: inherit; padding-right: 60px; display: block; } } @media only screen and (max-width : 375px) /* Portrait iphone 6*/ { .logo{ padding: 15px; height: 95px; } .cms-home .rfq-btn:before, .catalog-category-view .rfq-btn:before, .catalog-product-view .rfq-btn:before{ left: 18%; } #nav ol li a.rfq-btn::before{ left: 11%; } #store-phone-mobile .mobile-btn, #store-phone-mobile .phone-left, #store-phone-mobile{ height: 67px; } #header{ height: 306px; } #header-content .links ul li a{ font-size: 12px; } #sidebar-nav .block-title strong span{ font-size: 12px } } @media only screen and (max-width : 360px) /* Portrait Galaxy 5*/ { } /* Mobile Portrait View */ @media only screen and (max-width : 320px) { #header-content .links ul li a.top-link-cart{padding: 0px 30px 0px 50px} #header-content .links ul li a.quote-cart{padding: 0px 30px 0px 50px} #header-content .links ul li.last a{padding: 0px 30px 0px 45px} .showcase-bucket .action-btn{ font-size: 6vw; } }