/* *----------------------------------------------------------------- * Licensed Materials - Property of IBM * * WebSphere Commerce * * (C) Copyright IBM Corp. 2013, 2014 All Rights Reserved. * * US Government Users Restricted Rights - Use, duplication or * disclosure restricted by GSA ADP Schedule Contract with * IBM Corp. *----------------------------------------------------------------- */ /*** Reset + basic styles ***/ @import url("https://fast.fonts.net/t/1.css?apiType=css&projectid=0d3d0bf2-84cf-4f9d-a934-05f6f4849625"); .pdb0{padding-bottom: 0 !important;} body { margin: 0; padding: 0; color: #000; font-family: sans-serif; line-height: 1.4; } a { color: inherit; cursor: pointer; text-decoration: none; } blockquote, h1, h2, h3, h4, h5, h6, p { margin: 0; padding: 0; font-size: inherit;font-weight: normal; } button, input, textarea, select { margin: 0; color: inherit; font-family: inherit; font-size: inherit; font-weight: inherit; } fieldset, iframe, img { margin: 0; padding: 0; border: 0; } dl, ol, ul { margin: 0; padding: 0; list-style-type: none } hr { border-width: 1px 0 0; margin-bottom: 20px; margin-top: 20px; } p { margin: 0 0 10px; } /**Moved clearfix from bk file**/ .clearfix:after {visibility: hidden;display: block;font-size: 0;content: " ";clear: both;height: 0;} .clearfix {display: inline-block;} /*****Modified for CATOmni*********** ******************************************/ @font-face { font-family: "UniversLTW02-57Condense 723818"; src: url("../fonts/6fc47523-fa84-47de-b974-533db32eacd8.eot?#iefix"); src: url("../fonts/6fc47523-fa84-47de-b974-533db32eacd8.eot?#iefix") format("embedded-opentype"), url("../fonts/34e6ea2e-62b2-49c9-b5e6-128fddfd9f6c.woff") format("woff"), url("../fonts/01a871ba-586f-4d5e-8924-d4ec3b44f723.ttf") format("truetype"), url("../fonts/5ebb44ef-5450-4b20-9612-66b2a127178b.svg#5ebb44ef-5450-4b20-9612-66b2a127178b") format("svg"); } @font-face { font-family: "UniversLTW02-57Condense 723821"; src: url("../fonts/aefefc4e-9cb8-4e8e-8599-dda705456734.eot?#iefix"); src: url("../fonts/aefefc4e-9cb8-4e8e-8599-dda705456734.eot?#iefix") format("embedded-opentype"), url("../fonts/1eaf27c0-f4de-4273-9f4c-1b3236ad2f3c.woff") format("woff"), url("../fonts/9b913baf-b1f0-47d2-8c76-42f59650058f.ttf") format("truetype"), url("../fonts/0abcce12-2274-4ee7-b6d5-0066b5f5f670.svg#0abcce12-2274-4ee7-b6d5-0066b5f5f670") format("svg"); } @font-face { font-family: "UniversLTW02-67BoldCn"; src: url("../fonts/076b8d7a-91b5-4c89-86a1-546b980072c7.eot?#iefix"); src: url("../fonts/076b8d7a-91b5-4c89-86a1-546b980072c7.eot?#iefix") format("embedded-opentype"), url("../fonts/21decb60-b395-4de2-bd04-e38eb2a56d2f.woff") format("woff"), url("../fonts/091058d4-36b2-43f6-80d3-16c88e098061.ttf") format("truetype"), url("../fonts/827d22bc-e38b-4ccf-8a21-1f9aaa76e402.svg#827d22bc-e38b-4ccf-8a21-1f9aaa76e402") format("svg"); } @font-face { font-family: "UniversLTW02-67BoldCnOb";src: url("../fonts/6881ee98-4e9b-4409-9695-e5b0118c7c84.eot?#iefix"); src: url("../fonts/6881ee98-4e9b-4409-9695-e5b0118c7c84.eot?#iefix") format("embedded-opentype"), url("../fonts/53f66cd7-168f-4c66-9514-9dd103c763a0.woff") format("woff"), url("../fonts/774a1d99-085d-4249-8c2c-0ce23fa975a6.ttf") format("truetype"), url("../fonts/056a520c-7f4a-4b3a-8465-a841cfe0b6b3.svg#056a520c-7f4a-4b3a-8465-a841cfe0b6b3") format("svg"); } * { box-sizing: border-box; /* START: BCPC-2498 */ outline: none; /* END: BCPC-2498 */} .wd100 { width: 100% !important } .mrg-b-15 { margin-bottom: 15px; } .mrg-b-10 { margin-bottom: 10px; } .mrg-b-4 { margin-bottom: 4px; } .mrg-t-15 { margin-top: 15px; } .mrg-l-15 { margin-left: 15px; } .mrg-r-15 { margin-right: 15px; } .center-text { text-align: center; } .grey-BG{background:#f2f2f2; color:#000;} .visible-desktop{ display: block; } /* all Buttons */ .btn-change-store a, .btn a { height: 35px; line-height: 35px; display: block; font-family: UniversLTW02-67BoldCn, "Arial Narrow", Arial, sans-serif; font-size: 1em; text-transform: uppercase; padding: 0 10px } .btn-change-store { font-size: 0.875em; } .grey-color a { background: #3f3f3f; color: #fff } .yellow-color a { background: #ffcc21; color: #010100 } .light-grey-color a { background: #cccccc; color: #010100; } .icon-color:before { color: #565656; } /* End buttons */ .left-arrow { width: 0; height: 0; border-width: 10px 10px 10px 0; border-style: solid; border-color: transparent black; } .right-arrow { width: 0; height: 0; border-width: 10px 10px 10px 10px; border-style: solid; border-color: transparent black; } .down-arrow { width: 0; height: 0; border-width: 10px 10px 0 10px; border-style: solid; border-color: black transparent; } .up-arrow { width: 0; height: 0; border-width: 0 10px 10px 10px; border-style: solid; border-color: black transparent; } /* #headerWrapper, #headerWidget {position: fixed;width: 100%;z-index: 99;top:0px;} .container.product-list-container{padding: 0;}*/ /* #contentWrapper, div.content_wrapper_position{padding-top: 130px;} */ #header { background: #000 url("../images/background/headerGradiennt.png") repeat-x 0 100%; height: 85px; } #headerRow1 { /* padding-top: 11px; */ } #logo { max-width: 100%; height: 50px; float: left; margin-top: 11px; } #logo img { width: 100%; } .top-left-nav {margin-top: 11px;} .top-left-nav ul, .top-right-nav ul, .mobile-menu-container ul, .home-page-center-part ul, .footer ul { padding: 0; margin: 0; list-style-type: none; } .top-left-nav ul { width: 100%; } .top-left-nav ul li { position: relative; float: left; height: 57px; margin: 0 30px 0 0; cursor: pointer; } .top-left-nav ul li .arrow { display: none; position: absolute; bottom: -9px; left: 0; right: 0; margin: 0 auto; z-index: 100 } .top-left-nav ul li a { position: relative; font-family: UniversLTW02-67BoldCn, "Arial Narrow", Arial, sans-serif; font-size: 1em; line-height: 50px; text-decoration: none; text-transform: uppercase; color: #fff; } .top-left-nav ul li ul { position: absolute; top: 57px; left: 0; z-index: 99; height: auto; min-width: 420px; display: none; background: #191919; padding: 10px 0 } .top-left-nav ul li ul li { position: relative; display: block; width: 100%; height: auto; font-size: .9em; margin-right: 0; cursor:auto; } /* .top-left-nav ul li ul li:hover { background: #212121 } */ .top-left-nav ul li ul li.nohover:hover { background: none } .top-left-nav ul li ul li a { padding: 8px 12px; line-height: 17px; display: block; position: relative; font-family: "UniversLTW02-57Condense 723821", "Arial Narrow", Arial, sans-serif; /* min-height:40px; */text-transform: capitalize; } .top-left-nav ul li ul li ul { left: 99%; top: 0px; width: 338px; padding-bottom: 0; cursor: auto; margin-top: -10px; } .top-left-nav ul li ul li ~ li ul { left: 99%; top: 0px; width: 338px; padding-bottom: 0; cursor: auto; margin-top: -43px; } .top-left-nav ul li ul li ul li a { text-transform: capitalize } .top-left-nav ul li ul li ul li { display: inline-block; float: left; width: 100%; } span.menu-right-arrow { position: absolute; right: 5px; top: 10px; color: #fff; font-size: .8em; visibility: hidden} .top-left-nav ul li:hover > ul, .top-left-nav ul li:hover .arrow { display: block; } .top-left-nav ul li:hover > a { color: #ffcd11; } .top-left-nav ul ul li:hover span.menu-right-arrow { color: #ffcd11; visibility: visible} /* top right Navigations */ .top-right-nav ul li { display: inline-block; float:left; margin-left: 10px; height: 68px; font-family: Arial, sans-serif; font-size: .8em; font-weight: bold; line-height: 68px;} .top-right-nav ul li.user-icon {margin-right: 80px } .top-right-nav ul li.shopping-cart { margin-right: 30px; } .top-right-nav ul li a { text-decoration: none; color: #fff; } .search-button{background: none;border: none;display: block;float: right;height: 44px;line-height: 47px;} .top-right-nav ul li a > span, .top-right-nav ul li.shopping-cart span{ float: left; width: 30px; font-size: 2em; } .search-button i{ float: left; width: 30px; font-size: 28px; } .user-name {font-size: 1em !important;width: auto !important;max-width: 235px;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;} .user-name.withInstance{line-height:42px;} .LoggedDealerStatus {font-size: 1em !important;line-height: 15px;margin-top: -37px;max-width: 274px;overflow: hidden;padding-left: 33px;text-overflow: ellipsis;white-space: nowrap;width: auto !important;} .top-right-nav ul li.mobile-menu {/* margin-left: 20px; */ } .top-right-nav ul li .sub-menu { position: absolute; top: 57px; z-index: 2; display: none; min-width: 200px; background: #191919; padding: 10px 0 } .top-right-nav ul li .sub-menu li { display: block; float: none; height: auto; margin: 0; line-height: 17px; background: #191919; margin: 5px 0; } .top-right-nav ul li .sub-menu .arrow { position: absolute; top: 5px; left: 50%; margin: -5px; } .top-right-nav ul li .sub-menu a { display: block; font-size: 1.2em; text-transform: uppercase; padding: 10px 15px } .top-right-nav ul li:hover a { color: #ffcd11; cursor: pointer; } .top-right-nav ul li:hover .sub-menu { display: block; } .top-right-nav ul li:hover .sub-menu a { color: #fff; } .top-right-nav ul li .sub-menu a:hover { color: #ffcd11; background: #212121 } .top-right-nav ul li.active a { color: #ffcd11; } .top-right-nav ul li.log-out a, .top-right-nav ul li.log-out a:hover { background: #383838; margin: 0 15px; text-align: center } .top-right-nav ul li.locations-mobile {margin-left: 0;} .top-right-nav ul li.shopping-list { margin-right: 30px; position: relative;} .top-right-nav ul li.shopping-list a span::before {background: #fff; color:#000;} .top-right-nav ul li.shopping-list a span {color:#000;} .top-right-nav ul li.shopping-list a {margin-top:20px; display: block;} .top-right-nav ul li.shopping-list a .totalnumber{background: #f8c028;right:5px;border-radius: 10px;color: #605030;display: block;float: right;font-family: arial;font-size: 10px;font-weight: bold; height: 18px;line-height: 18px;padding: 0;text-align: center;width: 18px;position: absolute;right:-10px;top:10px;} .top-right-nav ul li.shopping-list #MiniShoppingCart{top:-8px} .active.GlobalLoginWidgetAlt{position: absolute;} .mobile-menu-container { position: absolute; top: 12px; left: 0; z-index: 999 ; display: none; width: 100%; padding: 10px; font-family:"UniversLTW02-57Condense 723821","Arial Narrow",Arial,sans-serif; text-transform: uppercase; background: #000; font-size: 14px; } .mobile-menu-container ul li { float: none; width: 100%; line-height: 35px; } .mobile-menu-container ul li a { display: block; padding: 0 10px; border-bottom: solid 1px #111; } .mobile-menu-container ul li > ul {display: none; } .mobile-menu-container ul li > ul.active { display: block; background: #313232;} .mobile-menu-container ul ul a { padding: 0 15px; } .mobile-menu-container ul li ul.active a{border-bottom: 1px solid #3c3d3c; padding-left: 0 25px;} .mobile-menu-container ul li ul.active ul.active a{border-bottom: 1px solid #3c3d3c; padding-left: 35px;} .mobile-menu-container ul li a span.menu-icon { float: right; font-size: .7em!important;line-height: 35px; width: auto; } .mobile-menu-container ul li a.active { color: #ffcd11; } .mobile-menu-container ul li a.active span.menu-icon {-webkit-transform: rotate(-90deg); -moz-transform: rotate(-90deg); -o-transform: rotate(-90deg); -ms-transform: rotate(-90deg); transform: rotate(-90deg);} .mobile-menu-container ul .openMenu.active > ul, .mobile-menu-container ul .openMenu > ul.active { display: block; } .mobile-menu-container .arrow { position: absolute; top: -12px; right: 24px; border-width: 10px 10px 0 ;border-color: #212121 transparent;} .mobile-menu-container a { text-decoration: none; color: #fff; } .mobile-menu-container a span { float: left; width: 30px; font-size: 2.5em; } .mobile-view-all { text-align: right;} .mobile-view-all a{color:#f9d006; border-bottom-color:#fff!important; text-transform: capitalize;} #quickLinksBar { margin: 0; padding: 0; color: #FFFFFF; list-style: none;float: right;} /* Login pop Up Modules */ .panelLinkSelected.selected { border-style: none; color: #ffcd11;outline:none!important } #Header_GlobalLogin .loginMenuDropdown { width: 310px; background-color: #fff; z-index: 9999; background: linear-gradient(to bottom, #fff 46%, #fff 100%) repeat scroll 0 0 hsla(0, 0%, 0%, 0); border: 1px solid #BFBFBF; border: 1px solid #7d7d7d; border-radius: 0; margin-right: -170px; margin-top: -200px; position: fixed; right: 50%; top: 50%; } #Header_GlobalLogin .loginMenuDropdown .field { margin-bottom: 0; } #Header_GlobalLogin .loginMenuDropdown .input_field, .inputField { width: 100%; border-radius: 0; margin: 5px 0; } #Header_GlobalLogin .field.checkbox { height: auto; display: none } #quickLinksBar > li > #Header_GlobalLogin_signOutQuickLink { padding-right: 0 !important; } .popup-dark-bg, #grayOut, #grayOutPopup { background: #000; height: 100%; left: 0; opacity: .3; position: fixed; top: 0; width: 100%; z-index: 9999; } #Header_GlobalLogin .field .heading { font-family: "UniversLTW02-57Condense 723821", "Arial Narrow", Arial, sans-serif; font-weight: normal; text-align: left; padding: 0; font-size: 15px; } .close-pop-up { position: absolute; top: 10px; right: 10px; z-index: 9; cursor: pointer; } .forgot-link { text-align: left; padding-bottom:10px;} #Header_GlobalLogin .forgot-link a, #Header_GlobalLogin .forgot-link a:hover { color: #006ecc;font-weight:normal; } #Header_GlobalLogin .footer .field { margin-bottom: 10px; } .signInForm .button_primary, .signInForm .button_secondary { display: block; width: 100%; } .signin-header-wraper {padding-bottom: 10px;} .loginMenuDropdown .footer .button_secondary_light{color:#000;} .loginMenuDropdown .footer .button_secondary_light:hover{color:#fff;} #grayOut.active {display: block} /* End Login pop up module */ /* Account seetings setup*/ .account-setting-maincontent{min-height:397px;} /***-- START: BCPC-2601: Homepage - the loading spinner is not in the vertical center of page -- ***/ @media (max-width: 768px) and (min-width: 320px){ .account-setting-wrapper{width: 95% !important;} } .normal-dropdownWraper.phone-dropdown label:after { right:5px; } .phone-dropdown .dijitSelect span{ height: 31px; padding: 8px 0 !important; width:100px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .normal-dropdownWraper.phone-dropdown { display: inline-block; width: 35%; } .phone-number__wrapper { float: right; width: 65%; } #phoneCountryCode_dropdown .wcSelectMenu { width:100% !important; } .inputfield__phone-number { height:33px; } .phone_country-dropdown { max-width:100% !important; } .personalInformationWraper .phone-type__column .half_column { width: 100%; } .registration__section--buttons { float:left; margin-top: 30px; } .registration__section-buttons--ghost .button_text { color:#0078D6; } .registration__section .button_primary_yellow, .registration__section .registration__section-buttons--ghost { border:none; display: block; max-width: 400px; word-wrap: break-word; padding:14px 32px; } .registration__section--crt-btn { float:inherit; } .registration__section .registration__section--required { font-size: 14px; line-height: 16px; } .registration__section .registration__section-buttons--ghost { float:right; } .registration__section .button, .registration__section--text{ font-size: 16px; line-height: 20px; } .registration__section--text-grey { color: #565656; } .registration__section--title, .registration__section--description, .registration__section--required { font-family: Arial, "Helvetica Neue", Helvetica, sans-serif; } .registration__section--title { margin-top:50px; } .registration__section--required { margin-top:20px; } .mrg-t-5 { margin-top:5px; } .account-setting-wrapper{background-color: #fff;position: relative;position:-ms-device-fixed;z-index: 99999;border:1px solid #565656;padding:15px;min-width:250px;min-height:auto;margin:125px auto; } /***-- END: BCPC-2601: Homepage - the loading spinner is not in the vertical center of page -- ***/ .account-setting-wrapper .field{padding:0px 0px 10px 0px;} .account-setting-wrapper .field .label-name{font-size:13px;font-weight:bold;line-height: 28px;} .account-setting-wrapper #box{min-height:auto;} .account-setting-wrapper .close-pop-up{color:#4d4d4d;font-size: 13px;margin-top: -10px;} .addrbook_header .inputField{width: 100%;} a.remove-link{color: #006ecc;display: inline-block;font-size: 13px;margin-top: 14px;} a.remove-link .icon-close{color: #4d4d4d;margin-right: 5px;} /* End Account seetings setup */ /* Quick links bar */ #minishopcart_total.nodisplay, #minishopcart_lock.nodisplay, #departmentsButton {display: none;} #quickLinksBar > li > a > br { display: inline; } #quickLinksBar #quickLinksButton { display: none; } #quickLinksBar > li > a.disabled { color: #909090; } #quickLinksBar > li > a > br, #quickLinksBar .icon-globalassets-toggle-primary, #quickLinksBar .icon-globalassets-toggle-primary-open, #quickLinksBar .spanacce { display: none; } #quickLinksBar > li.separator-false { border-right: 0 none; } #quickLinksBar > li.langCurrencyList { height: 52px; line-height: 35px; margin-left: 5px } #quickLinksBar > li.langCurrencyList:hover #LanguageCurrencyChangeLink, li.langCurrencyList:hover #loginLink, .loginLink:hover #myAccountQuickLink, li.contactLink:hover i { color: #ffcd11; } li.contactLink { height: 52px; line-height: 35px; } #quickLinksBar a#LanguageCurrencyChangeLink.active, #quickLinksBar a#loginLink.active { color: #fff; } #quickLinksBar .icon-globalassets-toggle-primary, #quickLinksBar .icon-globalassets-toggle-primary-open { display: none; } #quickLinksBar li.contact-no { color:#fff; font-family: "UniversLTW02-57Condense 723821","Arial Narrow",Arial,sans-serif;color: #fff; font-size: 30px; font-weight: normal; margin-right: 30px;} #minishopcart_total, #minishopcart_lock { display: block; padding: 0px; font-weight: bold; border-radius: 10px; color: #605030; font-family: arial; font-size: 10px; height: 18px; line-height: 18px; text-align: center; width: 18px; background: #f8c028;float: right;} .filteredTotal_text{ display: block; padding: 1px; font-weight: normal; border-radius: 10px; color: #777; font-family: "UniversLTW02-57Condense 723821","Arial Narrow",Arial,sans-serif; font-size: 14px; height: 20px; line-height: 18px; text-align: center; width: 23px; background: #f2f2f2;margin-top: 5px;} .pos-rel { position: relative } li.shopping-cart { position: relative; } #MiniShoppingCart { width: 34px; position: absolute; right: -3px; top: 9.5px; height: 33px;} .required-field.termsRequireSym{float:none;padding-right:4px;} #widget_minishopcart{float: right; width: 100%; height: 100%;} #quickLinksBar li.user-icon span.login-text, #quickLinksBar .top-right-nav ul li a > span.user-name { font-size: 12px; width: auto; line-height: 68px; } li.locations-mobile span{line-height: 61px;height: 68px;} .icon-save-utility{color:#000;} .top-right-nav { position: relative; } .search-bar { position: absolute; width: 474px; background: #fff; height: 44px; right: 15px; top: -75px; display: none; z-index: 9999} .search-bar.active { display: block; } .secect-catogery .basicMenu, .sorting_view_controls_container .secect-catogery .basicMenu {display: none} .secect-catogery .basicMenu.active, .sorting_view_controls_container .secect-catogery .basicMenu.active{display: block} .nopadding { padding: 0; } .search-bar .secect-catogery, .sorting_view_controls_container .secect-catogery { width: 100%; display: block; } .search-bar .search-icon a, .sorting_view_controls_container .search-icon a { display: block; text-align: right; padding-right: 5px; } .search-bar .search-icon a i, .sorting_view_controls_container .search-icon a i { font-size: 1.8em; line-height: 44px; } .search-bar .secect-catogery a{ width: 30px; display: block; line-height: 42px; padding: 0 10px; width: 100%; background: #dddddd; font-size: 13px; } #AutoSuggestDiv {background-color: #ffffff;border: 1px solid #c9cece;} #AutoSuggestDiv > ul, .autoSuggestDivNestedList {padding: 0;} #AutoSuggestDiv > ul > li {padding: 0;margin: 0;list-style: none;} #AutoSuggestDiv .list_section li {border-bottom: 1px solid #c9cece;list-style: none;color: #000 !important;} #AutoSuggestDiv .list_section li > a, #AutoSuggestDiv #autoSuggestAdvancedSearch > a {padding: 10px;display: block;height: 100%;font-size:13px;} .sorting_view_controls_container .secect-catogery li { width: 30px; display: block; line-height: 43px; padding: 0 10px; width: 100%; background: #fff; font-size: 13px; } .sorting_view_controls_container .secect-catogery .basicMenu{position:absolute;z-index:999;font-family: "UniversLTW02-57Condense 723821", "Arial Narrow", Arial, sans-serif; font-weight: normal; text-align: left;font-size:12px;text-transform:uppercase;font-weight: 400;box-shadow: 3px 4px 4px 1px #cccccc;min-width:250px;margin-left:-170px;} a#searchFilterButton:before{display: inline-block;padding: 1px 10px;transform: rotate(90deg);font-family: "font-icon" !important;content:"\e929";} a#shortFilterButton:after{display: inline-block;padding: 0 10px;font-family: "font-icon" !important;content:"\e943";font-size:8px;} .radioPos{float:right;} .shortText{font-family: "UniversLTW02-57Condense 723821", "Arial Narrow", Arial, sans-serif; font-weight: normal; text-align: left;font-size:12px;} .all-categories-list { background: #ddd; padding: 10px; width: 200px; font-size: 13px; position: absolute; z-index: 100; display: none; left: -15px; } .all-categories-list.active { display: block; } .all-categories-list ul li { cursor: pointer; padding: 5px 0; } #searchDropdown {margin-left: 0;margin-right: 0;margin-top:0;min-width:321px;width: 100%;position: absolute;z-index: 1;} #AutoSuggestDiv .heading {background-color: #444444;text-transform: uppercase;padding: 15px;border-bottom: 1px solid #c9cece;list-style: none;color: #fff;font-size: 14px;} ul div.list_section li a div.category_list{font-size: 14px;} #AutoSuggestDiv #autoSuggestAdvancedSearch {border-bottom: 0 none;background-color: #ffcd11;color: #000;padding: 0;font-size:18px;} .pd10{padding: 10px;} .pd15{padding: 15px;} #AutoSuggestDiv #autoSuggestAdvancedSearch:hover {background-color: #ffcd11;color: #000;text-decoration:none;} #AutoSuggestDiv #autoSuggestAdvancedSearch > a:hover {text-decoration: underline;} .mob-user-name{font-family: "UniversLTW02-57Condense 723818";} #dealer-location-pin-hide a{color: #006ecc; float: right;font-family: Arial, "Helvetica Neue", Helvetica, sans-serif; font-weight: normal; font-size: 13px;/* padding-top: 6px;padding-right: 30px; */} #dealer-location-pin-hide p {margin-top: 8px} .showing-text-container{padding-left:10px;} /* Header 2 */ #headerRow2 { background: #f2f2f2; height: 50px } .contact-no { text-align: right; font-family: "UniversLTW02-57Condense 723821","Arial Narrow",Arial,sans-serif; font-size: 1.7em; color: #2c2c2c; line-height: 48px } .dealer-details { position: relative; width: 85%; } #headerRow2 .heading { line-height: 46px; position: relative; border-bottom: solid 1px #f2f2f2; border-top: solid 1px #f2f2f2; } #headerRow2 .dealer-details.active .heading { border-bottom: solid 1px #e1e1e1; border-top: solid 1px #e1e1e1; background: #dcdcdc; } #headerRow2 .before-zip-code h2{font-family: UniversLTW02-67BoldCn,"Arial Narrow",Arial,sans-serif;font-size: 1em; text-transform: uppercase; line-height: 43px} #headerRow2 .before-zip-code .zipcode-field {margin:3px 0 0;} #headerRow2 .before-zip-code .zipcode-field input[type='text']{font-size:12px;width: 78%;margin-right:10px; border:solid 1px #e1dedd; padding:4px; margin-top:0!important; margin-bottom:0!important; outline: none} #headerRow2 .before-zip-code .zipcode-field input.inputErrorStyle{border:solid 1px red!important} #headerRow2 .before-zip-code .zipcode-field .button_primary2 {display: inline-block;padding: 15px; white-space: nowrap;}/*BCPC-2266*/ #headerRow2 .before-zip-code .auto-zipcode-link {font-size: 11px; font-family: Arial,sans-serif;text-transform: uppercase;} .location-icons{display: inline-block; height: 11px; width:11px; background: url("../images/bcp/espotImages/lense.jpg") no-repeat; margin-right:1px; margin-top:1px; float:left} /* Start: BCPC-2048 : CI Retail: Change the font of part name inside recommended and popular attachment carousel (Modified font size) */ .dealer-details .heading .dealer-link1 { display: inline-block;float: left;font-family: UniversLTW02-67BoldCn,"Arial Narrow",Arial,sans-serif;font-size: 1em;height: 47px;max-width:275px; /* overflow: hidden;text-overflow: ellipsis;white-space: nowrap; */ padding-right: 30px;text-transform: uppercase;} /* End: BCPC-2048 : CI Retail: Change the font of part name inside recommended and popular attachment carousel */ .shopcart__chevron{ font-size: 12px; margin-right: -57px; padding-left: 16px; float: right; padding-top: 6px; } .tabler-format-data#order_details{ padding-top:30px !important; } .shopcart__dealer-link span.font-icon.flip{ font-size: 21px; -webkit-transform: rotate(90deg); -moz-transform: rotate(90deg); -o-transform: rotate(90deg); -ms-transform: rotate(90deg); transform: rotate(90deg); display: inline-block; } .shopcart__dealer-link span.font-icon{ font-size: 21px; -webkit-transform: rotate(-90deg); -moz-transform: rotate(-90deg); -o-transform: rotate(-90deg); -ms-transform: rotate(-90deg); transform: rotate(-90deg); display: inline-block; } .dealer-details .heading .dealer-link1 span, .search-bar span.font-icon { -webkit-transform: rotate(90deg); -moz-transform: rotate(90deg); -o-transform: rotate(90deg); -ms-transform: rotate(90deg); transform: rotate(90deg); display: inline-block; padding: 0 10px; } .dealer-details.active .heading .dealer-link1 span { -webkit-transform: rotate(-90deg); -moz-transform: rotate(-90deg); -o-transform: rotate(-90deg); -ms-transform: rotate(-90deg); transform: rotate(-90deg); display: inline-block; } .dealer-locations { font-family: "UniversLTW02-57Condense 723821", "Arial Narrow", Arial, sans-serif; font-size: 15px; font-weight: normal; color: #5d5d5d; margin-right: 10px;float:left;max-width:152px;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;} .dealer-details .heading .dealer-link2 { font-size: 16px; color: #5698c8; } .dealer-details .down-arrow { border-color: #e1e1e1 transparent; position: absolute; bottom: -9px; left: 0; right: 0; margin: 0 auto; z-index: 10; display: none } .dealer-details.active .heading .down-arrow { display: block; } .dealear-details-container { display: none; position: absolute; top: 48px; background: #fff; min-height: 200px; border: solid 1px #e1e1e1; border-top: 0; width: 100%; z-index: 9; padding: 20px 15px; font-size: 15px; padding-bottom: 5px; } .dealer-details.active .dealear-details-container { display: block; } .storeLocatorQuickLinkChangeDealer{font-weight:normal;font-family: sans-serif;color:#006ecc;text-transform: capitalize;font-size:15px;} .change-location-info { background: #f2f2f2; border: solid 1px #d6d6d6; padding: 10px 0; border-left: 0; border-right: 0; } .change-location-info .btn a{margin-top: 5px;} .change-location-info #locationFld{margin-top:8px;} .change-location-info .shop-local-txt{margin-top:3px;} .dealer-zip-fld{text-align: center;} .showing-result {font-size: 14px;font-weight: bold;padding-left: 10px;padding-top: 2px;text-align: center;} .change-location-info .icon-location-pin { font-size: 40px; } .search-delear-listing { border-bottom: solid 1px #d6d6d6; padding: 10px 0; } .text-color-blue { color: #006ecc; font-size: 12px;} .opening-timing{font-size: 13px;font-weight: bold;} .serached-text .heading2 { font-weight: bold; font-family: "UniversLTW02-57Condense 723821", "Arial Narrow", Arial, sans-serif; margin-bottom: 4px;} .search-delear-listing i { margin-top: 40px; display: inline-block; font-size: 13px;} .dealear-contact-number{font-size:13px;} .search-delear-listing .btn { margin-top: 35px; } .paginations { border-top: solid 1px #d6d6d6; padding: 10px 0; } .paginations ul { float: right; } .paginations ul li { float: left; } .paginations ul li a { color: #3477a1; padding: 5px; margin: 0 7px; display: block; } .paginations ul li a.selected { background: #ccc; color: #211f20; } .paginations ul li.prev a, .paginations ul li.next a { color: #959595; border: #969696 solid 1px; padding: 5px 10px; } #orderHistoryResultsGrid .dojoxGridPaginator #pageSizeDropdownOrderHistory{padding-right:15px;} #orderHistoryResultsGrid .dojoxGridPaginator .dojoxGridPaginatorStep .dojoxGridWardButton.dojoxGridprevPageBtnDisable, #orderHistoryResultsGrid .dojoxGridPaginator .dojoxGridWardButton.dojoxGridnextPageBtnDisable{background-size: 25% auto;padding: 10px;top: 0;background-position: 7px 8px;cursor: pointer;} #orderHistoryResultsGrid .dojoxGridPaginator .dojoxGridPaginatorStep .dojoxGridWardButton.dojoxGridnextPageBtn, #orderHistoryResultsGrid .dojoxGridPaginator .dojoxGridWardButton.dojoxGridprevPageBtn{background-size: 25% auto;padding: 10px;top: 0;background-position: 9px -7px;cursor: pointer;} #orderHistoryResultsGrid .dojoxGridPaginator .dojoxGridPaginatorStep .dojoxGridActived{line-height:19px;padding:0px 4px 0px 4px;background-color: #ccc;} #orderHistoryResultsGrid .dojoxGridPaginator .dojoxGridPaginatorStep .dojoxGridActived, #orderHistoryResultsGrid .dojoxGridPaginator .dojoxGridPaginatorStep .dojoxGridInactived{margin-top:-8px;cursor: pointer} /* End Header 2 */ /* Footer */ #footerRow1 > .section > .header > .toggle:before { content: url("../images/responsive/rwdUI.png"); display: block; position: absolute; left: -161px; top: -1px; } #footerRow1 > .section.active > .header > .toggle:before { left: -181px; top: -1px; } #footer h3, #footer a.toggle { font-family: "UniversLTW02-67BoldCn", "Arial Narrow", Arial, sans-serif;font-weight:normal; font-size: 1em; text-transform: uppercase; color: #fff; line-height: 24px; } #footerRow1 .section.active ul { display: block; } .optionContainer.mobileOptionContainer.active .optionSelector { display: block; } .optionContainer.mobileOptionContainer.active .arrow.arrow_collapsed { display: none; } .optionContainer.mobileOptionContainer.active .arrow { display: block; } .optionContainer.mobileOptionContainer .optionSelector { display: none; } .optionContainer.mobileOptionContainer .arrow.arrow_collapsed { display: block; } .optionContainer.mobileOptionContainer .arrow { display: none; } #footerRow1 .section .header { border-bottom: 0px solid; padding: 10px 0; } #footerWrapper, .footer_wrapper_position { width: 100%; background-color: #000; margin-top: 20px; clear: both; } #footer a, #footer { color: #fff; } #footer li a { font-size: .9em } #footer .border { border-bottom: 2px solid rgba(185, 185, 185, 0.45); height: 65px; margin: auto; width: 100%; } #footer a:hover { color: #ffcd11; text-decoration: underline; } #footerRow2 { border-top: solid 1px #999; margin-top: 10px; padding: 10px 0; font-size: .8em; } #footerRow2 ul.footerLinks {display: block;float: left;list-style: outside none none;text-align: left;} #footerRow2 ul.footerLinks li {border-right: 1px solid #fff;display: inline-block;line-height: 10px;padding: 0px 5px 0px 5px;} #footerRow2 ul.footerLinks li:LAST-CHILD {border-right: 0px solid #fff;} #footerRow2 ul.footerLinks li:FIRST-CHILD {padding: 0px 5px 0px 0px;} .socialTxt{padding-left:5px;} .staticContentWraper{min-height:383px; font-size:13px;} .staticContentWraper a {color:#006ecc} .staticContentWraper a.button_primary2 {color:#000} /**End Foooter**/ .zipcodeSearchContainer { width: 70%; height: 100px; background-color: black; } .zipcodeSearchContainer > * { vertical-align: middle; } .zipcodeSearchContainer > div { color: white; border: 0px solid; display: inline-block; margin-top: 4%; } .zipcodeSearchContainer > div:nth-child(1) { width: 10%; padding-left: 10px; } .zipcodeSearchContainer > div:nth-child(2) { width: 43%; font-weight: bold; padding-left: 10px; } .zipcodeSearchContainer > div:nth-child(3) { width: 24%; } .zipcodeSearchContainer > div:nth-child(4) { width: 20%; } .newLocPin { font-size: 50px; color: #fdcd00; } .zipCodeSubBtn { background-color: #000; color: #fdcd00; border: none; } /**Added by Tridip**/ * html .clearfix { height: 1%; } .clearfix { display: block; } .plpFacade { float: left; } .mainTitle { color: #000; font-family: "UniversLTW02-67BoldCn", "Arial Narrow", Arial, sans-serif; font-size: 41px; text-transform: uppercase; } .heading, .header-text, .registration-heading{color: #000;font-family: UniversLTW02-67BoldCn,"Arial Narrow",Arial,sans-serif;font-style: normal;text-transform: uppercase;font-weight: normal;} .firstHeading{font-size: 34px;} .secondHeading{font-size: 26px;} .thirdHeading{font-size: 21px;} .fourthHeading{font-size: 16px;} .popupHeading{font-size: 12px;} .univer-bold-text{font-weight:400;} .boldText{font-weight:bold;} .emailText{color:#006ecc;padding-top:10px;} .leftBannerTextWraper{color:#fff;font-family: "UniversLTW02-67BoldCn", "Arial Narrow", Arial, sans-serif;text-transform: uppercase;} .leftBannerTextWraper .leftBannerHighlText{font-size:41px;} .leftBannerTextWraper .leftBannerText{font-size:26px;} .simpleHeading{font-size: 16px;text-transform: none;} .information-text{font-family: sans-serif;font-size: 14px;color:#000;} .information-content{padding:5px 0px 10px 0px;} .grey-color-text{color:#999999;} .add-to-cart-content li:first-child .normal-text-style {font-size: 18px;} .normal-text-style{color: #000;font-family: UniversLTW02-67BoldCn,"Arial Narrow",Arial,sans-serif;font-style: normal;font-size: 16px;} .normal-bold-text{font-size:16px;margin-top:12px;} .normal-para-style{font-family: Arial, "Helvetica Neue", Helvetica, sans-serif; font-weight: normal; font-size: 12px; } .highlight-para-style{font-family: Arial, "Helvetica Neue", Helvetica, sans-serif; font-weight: normal; font-size: 14px; } .header_diverder { background-color: #ffca04; width: 100%; height: 4px; margin-bottom: 15px; } .modal_header_diverder{background-color: #cccccc; width: 100%; height: 2px;} .catPageSubHeader {height: 52px;line-height: 52px;} .single-label-text{font-family: "UniversLTW02-57Condense 723821","Arial Narrow",Arial,sans-serif;color:#565656;font-size:13px;} .showing-search-text{font-family: "UniversLTW02-57Condense 723821","Arial Narrow",Arial,sans-serif;color:#000;font-size:16px;} /**Forgot password style**/ .passResetFlContainer { width: 30%; } .sign_in_registration .align { padding: 0; } .topMessage { padding: 10px 0px 10px 0px; } /**Commonform elements**/ a.normal-link{color:#006ecc;} .input1 { height: 30px; margin: 5px 0px; padding: 8px; padding-left: .4em; padding-right: .4em; border: 1px solid #cccccc; background: #ffffff; font-family: Arial, "Helvetica Neue", Helvetica, sans-serif; font-weight: normal; font-size: 12px; border-radius: 0px; width: 100%; } .inputErrorStyle { height: 30px; margin: 5px 0px; padding: 8px; padding-left: .4em; padding-right: .4em; border: 1px solid #ff3e2a; background: #ffffff; font-family: Arial, "Helvetica Neue", Helvetica, sans-serif; font-weight: normal; font-size: 12px; border-radius: 0px; width: 100%; } .input2, .search_input { height: 44px; margin: 0px; padding: 10px; padding-left: .4em; padding-right: .4em; border: 0px solid #cccccc; background: #ffffff; font-family: Arial, "Helvetica Neue", Helvetica, sans-serif; font-weight: normal; font-size: 12px; border-radius: 0px; width: 100%; } .strongtext { font-weight: bold; } .spacerDiv { height: 10px; } .standard-link{color:#006ecc;} .learn-more-text a{color:#006ecc;} #geo-location-postal-code/* , #locationFld */{padding: 0 0.4em;} /**Check box and radio box related css**/ /*** custom checkboxes ***/ /**will be uncomment after new uncheck font*/ input[type=checkbox] { display:none; } input[type=checkbox] + label:before {font-family: font-icon;display: inline-block;} input[type=checkbox] + label:before { content: "";} input[type=checkbox] + label:before { letter-spacing: 10px;width:12px;height:12px;border: solid 1px #989898;background: #fff;display: inline-block;margin-right:8px;} input[type=checkbox]:checked + label:before { content: "\e900"; border:0px none;font-size: 14px;} input[type=checkbox]:checked + label:before { letter-spacing: 10px;color:#277BB7;} .sp_passwordURLContainer label {float:left; width:100%;} .sp_passwordURLContainer input[type=checkbox]:checked + label:before {margin-top:-4px; margin-right:10px;} .checkboxes.register-terms-container img{width:16px;padding-right:2px; float: left; margin-right: 5px; margin-top: 1px;} /*End here**/ input[type="radio"] {opacity: 0;} input[type='radio'] + label {background: url("../images/bcp/1280_RadialEmpty.png") no-repeat;background-size: 100%;height: 13px;width: 13px;display: inline-block;padding: 0 0 0 0px;} input[type='radio']:checked + label {background: url("../images/bcp/1280_RadialFull.png") no-repeat;background-size: 100%;height: 13px;width: 13px;display: inline-block;padding: 0 0 0 0px;} .button-black input[type="radio"] + label { background: rgba(0, 0, 0, 0) url("../images/bcp/1280_RadialEmpty.png") no-repeat scroll 0 0 / 100% auto; display: inline-block; height: 16px; padding: 0; width: 16px; } .button-black input[type="radio"]:checked + label {background: url("../images/bcp/1280_RadialBlack.png") no-repeat;background-size: 100%; background: rgba(0, 0, 0, 0) url("../images/bcp/1280_RadialBlack.png") no-repeat scroll 0 0 / 100% auto; display: inline-block; height: 16px; padding: 0; width: 16px; } .button-black{font-weight: bold;color: #777;font-size: 12px; } .select-buttons{font-size: 15px;font-weight: 400;} .shortRadioLbl{float:right;} #radio_choices input[type="radio"] {position: relative;left: 13px;top: 2px;} #radio_choices input[type='radio'] + i {background: url("../images/bcp/1280_RadialEmpty.png") no-repeat;background-size: 100%;height: 13px;width: 13px;display: inline-block;padding: 0 0 0 0px;} #radio_choices input[type='radio']:checked + i {background: url("../images/bcp/1280_RadialFull.png") no-repeat;background-size: 100%;height: 13px;width: 13px;display: inline-block;padding: 0 0 0 0px;} #radio_choices div label {padding-left: 5px;position: relative;top: -2px;} .radio-label-txt{padding-left:5px;} .aviRaioLbl{margin-left:-13px;} .registrationRadioLbl{margin-left:-28px;} .myAccountYesLbl{margin-left:-12px;} .radioText{padding-left:2px;} .topCatShortOpt{margin-top: 10px;} #WC_CheckoutLogon_FormInput_logonId{width:47%;} /* Start: BCPC-2716: Machine Sub-Category PLP - double colon displays between availability and contact dealer, the colon and todal price's circle is too closer */ .shortRadioPos{width:72%;float:right;margin-top: 3px;} /* End: BCPC-2716: Machine Sub-Category PLP - double colon displays between availability and contact dealer, the colon and todal price's circle is too closer */ .plpLblTxt{font-size: 13px;padding-left: 5px;padding-right: 19px;font-family: "UniversLTW02-57Condense 723821","Arial Narrow",Arial,sans-serif;} #content .collapsible, .categoryNavWidget.collapsible, .linkWidget.collapsible {padding: 0px;background-color: #fff;border-radius: 0px;transition: none;padding: 10px 0px;} #content .facetWidget.collapsible {padding: 10px 0px;} .facetSelect input[type='checkbox'], .showMore input[type='checkbox'] {opacity: 1 !important;} .facetSelect input[type='checkbox']:checked + label, .showMore input[type='checkbox']:checked + label {background: none !important;background-size: 100%;height: auto !important;width: auto !important;display: inline-block;padding: 0 0 0 5px;margin-left: 0px !important;} .facetSelect input[type='checkbox'] + label, .showMore input[type='checkbox'] + label {background: none !important;background-size: 100%;height: auto !important;width: auto !important;display: inline-block;padding: 0 0 0 5px;margin-left: 0px !important;} .compare_target[data-state="1"], .compare_target[data-state="2"] {background-color: transparent;} /*** custom select box ***/ select{padding:4px 23px 4px 4px;margin:0;background:#F5F5F5;color:#000;border:1px solid #cccccc;outline:none;display:inline-block;-webkit-appearance:none;-moz-appearance:none;appearance:none;cursor:pointer;width: 100%;-webkit-border-radius: 0px;-moz-border-radius: 0px;border-radius: 0px;font-size:12px;min-height:33px;} .dropdownWraper label{position:relative} .dropdownWraper label:after {content: "\e904";font-family: font-icon;font-size: 14px;color:#000;right:8px; top:0px;padding:0 0 2px;position:absolute;pointer-events:none;} .normal-dropdownWraper label{position:relative;} .shipping-billing-page .normal-dropdownWraper label{display:block;} .normal-dropdownWraper label:after{content: "\e943";font-family: font-icon;font-size: 8px;color:#000;right:15px; top:0px;padding:0 0 2px;position:absolute;pointer-events:none;} .shipping-billing-page .normal-dropdownWraper label:after{top:11px;} .catDealerAssociationContent .normal-dropdownWraper label:after{font-size:10px;padding-top:5px;color:#999;} .catDealerAssociationContent select{background-color:#fff;font-family: "UniversLTW02-57Condense 723821","Arial Narrow",Arial,sans-serif;color:#565656;font-size:13px;} .myAccountMarginRight .dijitButtonText:after{right: 18px;top: 33px;} .selectWrapper .dijitSelect .dijitArrowButtonContainer::after, .shopperActions .dropdown_primary > .drop div::after{content: "\e943";font-family: font-icon;font-size: 9px;color:#000;right:8px; top:10px;padding:0 0 2px;pointer-events:none;} select option{border-right: 2px solid #cccccc;padding:3px;} .dijitSelect{height: 31px;line-height: 30px;border-color: #cccccc;font-weight: normal;border-radius: 0px !important;padding-left: 5px;} .dijitReset{padding:0px 0px 0px 4px;} .inputField.dijitSelect .dijitArrowButtonContainer::before{content:"";} /**end here**/ /** Buttons Style**/ .button { color: #fff; font-style: normal; font-family: "UniversLTW02-67BoldCn", "Arial Narrow", Arial, sans-serif; font-size: 14pt; height: auto; line-height: 14px; padding: 14px; text-transform: uppercase; text-decoration: none; text-align: center; } /**** Primary Button section***/ .button_primary { background-color: #3f3f3f; border: 1px solid #000; } .omniproductpagecontainer .button_primary { background-color: #fff; border: 1px solid #000;border-radius: 4px; } .button_primary:hover { background-color: #000; color: #fff; text-decoration: none; } .omniproductpagecontainer .button_primary:hover { background-color: #EEE; text-decoration: none; } .button_primary_grey { background-color: #3f3f3f; border: 1px solid #000; display: block; } .button_primary_grey:hover { background-color: #000; color: #fff; text-decoration: none; } .button_primary > .button_text{padding:0px!important;} /**Yellow Primary Button section end**/ /**** Yellow Primary Button section***/ .button_primary_yellow { background-color: #ffcd11; border: 1px solid #ffdc58; color: #000; } .button_primary_yellow:hover { background-color: #ffd434; text-decoration: none; } /**Yellow Primary Button section end**/ /**** PLP yellow Button section***/ .button_primary_yellow.plp-addto-cart{font-size:16px;} /**** Primary Small Button section***/ .small_primary { padding: 10px 12px !important; } .savelist_Addcart{border: 0 solid !important;color: #000 !important;font-size: 12px !important;padding: 5px;} .savelist_Addcart:HOVER{color:#fff!important;} .saveListFooterButtton{width:90%;float:right;} .saveListEditBut{padding:5px 10px;width:100px;} .mobileEditLink{display:none;} .addrbook_header .button{background-color:#000;} /**Primary Small Button section end**/ /**** Secondary Button section***/ .button_secondary_light { background-color: #e6e6e6; border: 1px solid #bfbfbf; color: #000; } .button_secondary_light:hover { background-color: #565656; color: #fff; text-decoration: none; } /**Secondary Button section end**/ /**** Secondary Light Button section***/ .button_secondary{background-color:#6f6f6f;border: 1px solid #565656;} .button_secondary:hover{background-color:#565656;color:#fff;text-decoration:none;} .button_secondary2{background-color:#cccccc;border: 1px solid #cccccc;color:#3f3f47;} .button_secondary2:hover{background-color:#cccccc;color:#3f3f47;text-decoration:none;} .button_secondary_border_none{color:#FFF; background-color:#565656;} .button_secondary_border_none:hover{background-color:#3f3f3f;color:#FFF;text-decoration:none;} .button_secondary .button_text, .button_primary .button_text {font-size: 14pt!important;} /**Secondary Button section end**/ /**** Central Portal Button section***/ .button_centralPortal { background-color: #6f6f6f; border: 1px solid #000; } .button_centralPortal:hover { background-color: #000; color: #fff; text-decoration: none; } /**Central Portal Button section**/ /**** Next and previous Button section***/ .previousButton .arrow_button_text::before {content: "\e932";font-family: font-icon;font-size: 14px;display: block;float: left;font-weight: bold;margin-left: -15px;margin-top: 0px;width: 10px;font-size:16px;color:#000;padding-right:20px;} .button.button_secondary_light.previousButton:hover, .button.button_secondary_light.previousButton .arrow_button_text:hover{color:#fff;text-decoration: none;} .button.button_secondary_light.previousButton:hover .arrow_button_text::before { content: "\e932";font-family: font-icon;font-size: 14px; display: block; float: left; font-weight: bold; margin-left: -15px; margin-top: 0px; width: 10px; font-size:16px; color:#fff; padding-right:20px; } .button.button_secondary_light.previousButton, .previousButton.saveListBackButton{padding-left:25px;} .compare_back a{float: right;} .previousButton.saveListBackButton .arrow_button_text::before{color:#fff;} .nextButton .arrow_button_text::after { display: block; width: 10px; height: 14px; content: "\e929"; font-family: font-icon;font-size: 14px; margin-top: 1px; margin-right: 0px; float: right; font-weight: bold; font-size: 1em; } .button.button_primary.nextButton{padding-right:25px;} /**Next and previous Button section end**/ /**Requisition list toold bar**/ .toolbarButton{width:100%;} /**** Compare Button section***/ .compareButtonlinktext { background-color: #767676; border-radius: 0px; color: #ffffff; margin-left: 4px; float: right; padding: 5px 10px; text-decoration: none; font-size: 12px; line-height: 15px; text-transform: uppercase; } .compareButtonlinktext:hover { color: #ffffff; text-decoration: none; } .button_primary, .button_secondary, .button_primary_grey { color: #fff; } .flp__product-viewdetails .button.button_secondary, .recommended_product .product, .flp__container-allcontent .product .button.button_secondary{ color: #fff!important; } .omniproductpagecontainer .button_primary,.omniproductpagecontainer .button_secondary,.omniproductpagecontainer .button_primary_grey { color: #3f3f3f} /**Compare Button section end**/ /**Homepage banner section**/ .banner-innertext, .heroBannerHeading, .bannersection2, .bannersection3, .bannersection4Heading {font-family: "UniversLTW02-67BoldCn", "Arial Narrow", Arial, sans-serif;text-transform: uppercase;float: left;width: 100%;} .heroBannersection {height:315px;background-position:50% 50%; margin: 0px 0;padding: 20px 30px;box-sizing: border-box;float: left;width: 100%;background-repeat:no-repeat;} .fin-banner .heroBannersection{background-size:100% auto;} .gridLearnMoreCection {min-height:400px;max-height:400px;background-position:100% 50%; margin: 0px 0;padding: 0px 0px;box-sizing: border-box;float: left;width: 100%;background-repeat:no-repeat;border: 1px solid #e9e9e6;} .gridLearnMoreList{min-height:400px;max-height:400px;} .gridLearnMoreBut{position:relative;margin-top:320px;} .heroBannerTextWraper {width: auto;} .heroBannerHeading {font-size:3.5em;color:#fff;} .fin-banner-heading{font-size:2.8em;} .heroBannerBtn {font-family:"UniversLTW02-67BoldCn", "Arial Narrow", Arial, sans-serif;font-size: 2em;} .fin-banner-btn{font-size:1.3em;} .fin-banner-textWraper{vertical-align:bottom;padding-top:9px;} .heroBannerBtn a {text-align:center;} .heroBannerText {margin-bottom:40px;font-family:"UniversLTW02-67BoldCn", "Arial Narrow", Arial, sans-serif;font-size:1.5em;text-transform:uppercase;color:#fff;} .fin-banner-content{font-family:"UniversLTW02-57Condense 723821","Arial Narrow",Arial,sans-serif;font-size:1.2em;text-transform:none;color:#fff; float: left;} .bannersection2 {width: 100%;height: 550px;background: url("../images/bcp/espotImages/secondBannerBg.png") repeat 100% 50%;margin: 30px 0;padding: 5px 30px;box-sizing: border-box;color: #3f3f3f;text-align: center;} .bannersection2_header{font-size:2.88em;padding-top:35px;} .bannersection2_subheader{font-size:1.5em;padding-bottom: 20px;} .leftBannersection {background-position: 100% center;background-repeat: no-repeat;background-size: 100% auto;box-sizing: border-box;float: left;height: 200px;margin: 0;padding: 5px 10px;width: 100%;} .bannersectionType2.bannersection2 {height: 450px;background: url("../images/bcp/espotImages/secondBannerBg.jpg") repeat-x 100% 100% #f7ed38; } .bannersectionBox{height:252px; margin:45px auto;width: 100%; position: relative;} .bannersectionBoxText { position: absolute; width:100%; bottom:0; font-family: "UniversLTW02-67BoldCn","Arial Narrow",Arial,sans-serif; text-transform: uppercase; font-size:2em; color:#565656} .bannersectionBox img{max-width: 100%;} /* .sectioBox1{ background: url("../images/bcp/espotImages/1.png") no-repeat 50% 0;} .sectioBox2{ background: url("../images/bcp/espotImages/2.png") no-repeat 50% 0;} .sectioBox3{ background: url("../images/bcp/espotImages/3.png") no-repeat 50% 0;} */ /* .locateIcn{width: 80px;height: 180px;background: url("../images/bcp/locate-icon.png") no-repeat 0px 20px;display: table-cell;vertical-align: bottom;} li.selected .locateIcn{background-position:0px;} .buildIcn{width: 110px;height: 180px;background: url("../images/bcp/build-icon.png") no-repeat 0px 0px;display: table-cell;vertical-align: bottom;} li.selected .buildIcn{background-position:0px;} .orderIcn{width: 112px;height: 170px;background: url("../images/bcp/order-icon.png") no-repeat 0px 25px;display: table-cell;vertical-align: bottom;} li.selected .orderIcn{background-position:0px 55px;} .picupIcn{width: 112px;height: 169px;background: url("../images/bcp/picup-icon.png") no-repeat 0px 0px;display: table-cell;vertical-align: bottom;} li.selected .picupIcn{background-position:0px 32px;} .ownIcn{width: 120px;height: 166px;background: url("../images/bcp/ownIcon.png") no-repeat 0px 0px;display: table-cell;vertical-align: bottom;} li.selected .ownIcn{background-position:0px 32px;} .secondBanUl li{display: inline;border-bottom:3px solid #3f3f3f;padding:0px 55px 0px 55px;font-size: 1.3em;cursor: pointer;margin-right: -4px;} .secondBanUl li.selected{border-bottom:8px solid #3f3f3f;} .icnLbl {margin-top: -50px;position: relative;} .secondBanUl li.selected .icnLbl{margin-top: 0px;}*/ .tabContent{margin:auto;width:62%;padding-top:40px;} .icnNo{font-size:5.3em;font-family: "UniversLTW02-57Condense 723821","Arial Narrow",Arial,sans-serif;padding-right: 15px;text-align: right;} .bannersection2 .pull-right{float: right;padding-top: 25px;text-align: center;width: 91%;} .tabContentgenTxt{font-size:1.6em;font-family: "UniversLTW02-57Condense 723821","Arial Narrow",Arial,sans-serif;text-align: left;} .finMobileHeader{display:none;} .tabContentHeader {font-size: 2.1em;padding-top: 15px;} .txt-yellow-color{color:#ffcc01;} .shop-local-txt{font-size: 1em;font-family: "UniversLTW02-67BoldCn", "Arial Narrow", Arial, sans-serif;text-transform: uppercase;color:#fff;padding-top:10px;} .fin-banner{background-color:#3F3F3F;padding:20px;margin-top: 25px;margin-bottom:-20px;} .change-location-info.location-middle .icon-location-pin{font-size: 45px;} .change-location-info.location-middle{border:0px;margin-top: -15px;box-shadow: 2px 2px 5px #3f3f3f;background-color: #000;} .location-middle .input1, .location-middle .inputErrorStyle{font-size: 14px;font-family: "UniversLTW02-67BoldCn", "Arial Narrow", Arial, sans-serif;} #ariaMessage_ACCE_Label, #ariaMessage{display:none;height:0px;} /*.home-page-container a.prevPageButton, .home-page-container a.nextPageButton{display:none!important;}*/ .home-page-container .catPos > .container {background: #f2f2f2 none repeat scroll 0 0;} .home-page-container .catPos {background: #fff none repeat scroll 0 0;border: 1px solid #e9e9e6;border-radius: 0;} .home-page-container .carousel{margin-bottom:15px;} .home-page-container .carousel > .content > ul > li{padding:10px 0px;/* max-width: 25%; */} /*---- START: BCPC-3601:Buckets - Skid Steer Loader product tile should be in same height as other tiles ----*/ .home-page-container .catPos > .container > a{font-size: 1.4em!important;font-weight: 400;} /*---- END: BCPC-3601:Buckets - Skid Steer Loader product tile should be in same height as other tiles ----*/ .home-page-container .recommended .recc-heading1{font-size: 20px;font-family: "UniversLTW02-67BoldCn", "Arial Narrow", Arial, sans-serif;text-transform: uppercase;padding-top:10px;} .banner-Btn a, .heroBannerBtn a {padding: 10px 20px;background: #ffcc01;color: #000;text-transform: uppercase;} /*PLP marketing banner*/ .product_pageDesign_pageGroup .plpMarketingBanner1{display:none;} .plpMarketingBanner1 {height:159px;background: url("../images/bcp/espotImages/plpMarketingBanner.png") no-repeat 50% 50%;margin: 0px 0px 20px 0px;padding: 20px 30px;box-sizing: border-box;float: left;width: 100%;} .plpMarketingHeading, .plpMarketingTxt {margin-top: -12px;} #contactDealerInfo {padding: 0px;position: absolute;width: 500px;z-index: 9999;} #contactDealerInfo .close_acce{float:right;} #contactDealerInfo .dealer_header{width:auto;float:left;} #contactDealerInfo .contact-dealer-detail{float:left;} .contact-dealer-detail.xsell_min_height {padding: 10px 0px 0px 5px;} /* PDP page CSS */ div#widget_coordinate{margin-top: 20px;margin-bottom: 0!important;} .product_pageDesign_pageGroup div.namePartPriceContainer{border-bottom:0!important;font-family: "UniversLTW02-67BoldCn", "Arial Narrow", Arial, sans-serif;} .pdp_price_n_avail_container{display:flex;flex-direction:column;} .price_finance_container{display:flex;flex-direction:row;column-gap:30px;} @media only screen and (max-width: 992px) {.price_finance_container{display:flex;flex-direction:column;column-gap:0px;}} div#widget_breadcrumb {padding:10px 0;} div#widget_breadcrumb ul{} div#widget_breadcrumb > ul li{font-family: Arial, "Helvetica Neue", Helvetica, sans-serif;font-size: 14px;font-weight: normal;} div#widget_breadcrumb > ul li a{background:url('../images/breadcrumbIcon.png') no-repeat 100% 50%;padding-right: 23px;margin-right: 10px;color: #006ecc;} div#widget_breadcrumb > ul li.current{color: #000;} div#widget_breadcrumb > ul li span {display: none;} div.namePartPriceContainer > span.sku { font-size: 0.75em ;font-weight: bold;} div.namePartPriceContainer h1.main_header {font-family: "UniversLTW02-67BoldCn", "Arial Narrow", Arial, sans-serif;font-size: 2.9em ;color: #000;line-height: 42px ;} .product_pageDesign_pageGroup .catalogPageHeader .mainTitle{font-size: 18px;line-height: 17px;margin-bottom: 20px;} .product_pageDesign_pageGroup .catalogPageHeader .mainTitleMultiSKU{font-weight: bold;font-size: 12px;margin-right: 5px;line-height: 21px;} div.namePartPriceContainer h1.parentTitle{color: #000; font-family: "UniversLTW01-67BoldCn", "UniversLTW02-67BoldCn", "Arial Narrow", Arial, sans-serif; font-size: 18px; text-transform: uppercase;} .tab_header{width: 100%;margin: 0;display: table;border-spacing:0;max-width: 100%;table-layout: fixed;} .tab_header .tab_container{padding: 0;line-height: 64px;margin: 0;background: #e7e7e7;border: 0;display: table-cell; outline: none; border-right:solid 1px #fff;} .tab_header .tab_container > .contentRecommendationWidget{border: 0;font-family: "UniversLTW02-67BoldCn", "Arial Narrow", Arial, sans-serif;font-weight:normal;font-size: 1.4em ;border: 0!important;} .tab_header .tab_container.active_tab.focused_tab, .tab_header .tab_container.active_tab{background: #000000;color: #fff;} .tab_header .tab_container.active_tab > .contentRecommendationWidget:after{padding: 0 10px;font-family: "font-icon" !important;content:"\e943";position: absolute;bottom:25px;color: #000;left: 0;height: 0;right: 0;} .tab {border: 0px solid #e9e9e9;border-radius: 5px;margin-top: 0 !important;width: 100%;} .benefits img{width:100%;} .margtb20{margin: 20px 0;} .small-text-bold{font-family: "UniversLTW02-67BoldCn", "Arial Narrow", Arial, sans-serif;font-size: .8em ; text-transform: uppercase; display: inline-block; margin-bottom: 10px;} div.namePartPriceContainer{padding-bottom: 0;} .bdr-bottom-grey{border-bottom: solid 1px #ccc;margin-bottom: 10px;} .epp-icon {width: 55px !important;} .finance-my-order{margin: 10px 0; font-size: 13px;} .price-details{font-size: 14px;font-weight: bold;} .finance-my-order a{color:#006ecc} .x-smsll-text{font-size: 12px;} .greyBG{background: #f2f2f2;padding: 10px;} .greyBG span{ font-size: 15px; border-right: solid 1px #000; display: inline-block; font-weight: bold; padding-right: 10px; margin-right: 10px; } .bdr-bottom-grey2{border-bottom: solid 1px #525353;margin-bottom: 10px;} .item_spacer_10px{height: 5px!important;background: #fecc33;margin-bottom: 10px;} .text-type-1{font-family: "UniversLTW02-67BoldCn", "Arial Narrow", Arial, sans-serif;font-size: 1.2em;color: #999999;} .button { font-family: UniversLTW02-67BoldCn,"Arial Narrow",Arial,sans-serif; font-size: 14pt; font-style: normal; height: auto; text-decoration: none; text-transform: uppercase; display: block; font-weight: normal; } .button_primary2 { background-color: #fecc33; color: #000; border: 0; padding: 15px 14px; } /* CIRETAIL 493493 BEGIN */ :root { --cat-font-family-primary: Noto Sans, sans-serif; --cat-font-size-14: 0.875rem; --cat-line-height-20: 20px; --cat-font-weight-semibold: 600; --size-base-unit: 0.5rem; --cat-theme-color-button-background: #ffffff; --cat-theme-color-button-primary-background: #fecc33; --cat-theme-border-width: 1px; --cat-theme-color-button-border: #000000; --cat-theme-color-button-primary-border: #fecc33; --cat-theme-color-button-content: #000000; --cat-anim-fade-quick: 0.15s; --cat-anim-ease: ease; /* --cat-button-border-block-start-left-radius:2px; */ /* --cat-button-border-block-start-left-radius:1px; */ --cat-button-padding:10px; /* --cat-button-border-block-start-left-radius */ /* --cat-button-border-block-start-right-radius */ --cat-theme-border-radius:4px; /* --cat-button-border-block-end-right-radius */ /* --cat-button-border-block-end-left-radius */ --cat-theme-button-width:100%; } .button_newlf_primary { font-family: var(--cat-font-family-primary); font-size: var(--cat-font-size-14); line-height: var(--cat-line-height-20); font-weight: var(--cat-font-weight-semibold); display: inline-flex; justify-content: center; align-items: center; padding: var(--cat-button-padding, calc(var(--size-base-unit) * 1.125) calc(var(--size-base-unit) * 2)); margin: 0px; background-color: var(--cat-theme-color-button-primary-background); border-width: var(--cat-theme-border-width); border-style: solid; border-color: var(--cat-theme-color-button-primary-border); border-start-start-radius: var(--cat-button-border-block-start-left-radius, var(--cat-theme-border-radius)); border-start-end-radius: var(--cat-button-border-block-start-right-radius, var(--cat-theme-border-radius)); border-end-end-radius: var(--cat-button-border-block-end-right-radius, var(--cat-theme-border-radius)); border-end-start-radius: var(--cat-button-border-block-end-left-radius, var(--cat-theme-border-radius)); color: var(--cat-theme-color-button-content); width: var(--cat-theme-button-width, auto); text-decoration: none; cursor: pointer; transition: all var(--cat-anim-fade-quick) var(--cat-anim-ease); } .button_newlf { font-family: var(--cat-font-family-primary); font-size: var(--cat-font-size-14); line-height: var(--cat-line-height-20); font-weight: var(--cat-font-weight-semibold); display: inline-flex; justify-content: center; align-items: center; padding: var(--cat-button-padding, calc(var(--size-base-unit) * 1.125) calc(var(--size-base-unit) * 2)); margin: 0px; background-color: var(--cat-theme-color-button-background); border-width: var(--cat-theme-border-width); border-style: solid; border-color: var(--cat-theme-color-button-border); border-start-start-radius: var(--cat-button-border-block-start-left-radius, var(--cat-theme-border-radius)); border-start-end-radius: var(--cat-button-border-block-start-right-radius, var(--cat-theme-border-radius)); border-end-end-radius: var(--cat-button-border-block-end-right-radius, var(--cat-theme-border-radius)); border-end-start-radius: var(--cat-button-border-block-end-left-radius, var(--cat-theme-border-radius)); color: var(--cat-theme-color-button-content); width: var(--cat-theme-button-width, auto); text-decoration: none; cursor: pointer; transition: all var(--cat-anim-fade-quick) var(--cat-anim-ease); } /*CIRETAIL 493493 END*/ .catMsg.registeration__success-msg { min-height: 75px; display: table; margin: 25px 0; } .catMsg.registeration__success-msg .catMsgIcon { width: 87px; height: 87px; } .catMsg.registeration__success-msg .catMsgIcon:before { font-size: 60px; } .catMsg.registeration__success-msg .catMsgIconWrapper { position: static; width: 112px; background-color: #ffeb00!important; display: table-cell; } .catMsg.registeration__success-msg .catMsgText { padding:10px 20px; } .catMsg.registeration__success-msg .catMsgBody { width:100%; font-size: 14px; line-height: 16px; } @media (min-width: 769px){ .sign_in_registration .phone-column { max-width:94%; } } @media (max-width: 768px){ .phone-type__column .half_column { width:100% !important; } .registration__section--buttons { float: none; } .registration__section .button_primary_yellow, .registration__section .registration__section-buttons--ghost { max-width: 100%; } .registration__section--buttons .mrg-l-15 { margin-left:0; } .registration__section .button.registration__section-buttons--ghost { margin-top:15px; float:none; } a#shopcartCheckout { visibility: hidden; } } @media (max-width: 360px){ .phone-dropdown .dijitSelect span { width:45px; } } .button_primary2:hover {text-decoration: none;background-color: #fddc5e;} .button_primary3 { font-family: "UniversLTW02-57Condense 723821"; background-color: #f2f2f2; color: #000; border: 0; padding: 15px 14px; } .bg-none{background: none;} .warrantySection .warrantytextContainer::after { background: rgba(0, 0, 0, 0) url("../images/bcp/1280_Carousel_ForwardCaret.png") no-repeat scroll 0 3px / 10px 14px; content: ""; display: block; float: right; font-size: 1em; font-weight: bold; height: 20px; right: 10px; top: 13px; width: 10px; position: absolute; } .warrantySection .warrantytextContainer { color: #999999; font-family: "UniversLTW02-67BoldCn", "Arial Narrow", Arial, sans-serif; font-size: 1.4em; height: 40px; text-transform: uppercase; border-bottom: 1px solid #999999; line-height: 40px; position: relative; } .warrantySection .warrantytextContainer a { color: #444444; text-decoration: none; font-size: 0.6em; font-weight: normal; display: block; } .pdp-page-wraper .warrantySection .warrantytextContainer a {color:#3f3f3f;} .add-to-cart-popup{position: absolute;left:50%;transform: translate(-50%, -50%);width: 515px;top: 20px;z-index:9999;/* min-height: 250px; */background: #fff;margin: 0 auto;font-size: 14px;padding:15px;} .omniproductpagecontainer .add-to-cart-popup{transform: translate(-50%, -15%);} .omniproductpagecontainer .add-to-cart-popup{left:0%;} .product-list-container .add-to-cart-popup{left:35%;} .add-to-cart-popup img{width:100%;} .add-to-cart-popup .button_primary2 {font-size: 1.1em/* ;margin: 15px 0 0 0; */} .add-to-cart-popup .button_primary2.bg-none{color: #fff;} .dark-gey-bg{background: #3f3f3f;color: #fff;} /* 14-07-2017 Strat */ .omniproductpagecontainer .add-to-cart-popup.big-popUp{width: 650px;transform: translate(-50%, -112px);} .product-compare-body .add-to-cart-popup{transform: translate(-50%, 0px)} .product-compare-body .add-to-cart-popup.big-popUp{width: 650px;transform: translate(-50%, 0);} .omniproductpagecontainer .merchandisingAssociationWidget li.recpdbox{/* max-width: 25%!important; */} .omniproductpagecontainer .recommended_product .merchandisingAssociationWidget li.recpdbox{max-width:100%!important;} .recommended-box .grey-BG{padding:10px;padding-bottom:95px;position: relative;height:100%;margin-bottom: 10px;} .dark-gey-bg .row {padding: 0 10px;} .row.mrg-min-20{margin:0 -25px 0 -15px} .pd-tb-15.dark-gey-bg{margin: 0 -5px;} .recommended-headings{font-family: "UniversLTW02-67BoldCn","Arial Narrow",Arial,sans-serif;font-size: 1.3em;line-height: 21px;margin-bottom: 10px;text-transform: uppercase;color:#000;text-align: center;min-height: 43px;} .recommended-img{text-align: center;} .row.row-eq-height .recommended-box.recommended .grey-BG{background-image:url('../images/background/recommended.gif');background-repeat: no-repeat;background-position: 0 0;background-size: 26%;} .recommended-img img{width: 40px; background: #fff;} .recommended-log-desc p { font-size: 0.81em;} .recommended-epp-price-span { color: #3F3F3F;font-family: "UniversLTW02-67BoldCn","Arial Narrow",Arial,sans-serif;font-size: 1.1em;text-align: center;} .recommended-pos-bottom{bottom: 0;height: 95px;margin-left: -10px;padding: 0 15px;position: absolute;width: 100%;} /* 17-07-2017 end */ /** Start: BCPC-2102:Arrow overlaps with values selected in Find Your Machine modal **/ .select-machine-popup{ background: #3f3f3f none repeat scroll 0 0; font-size: 13px; left: 50%; padding-bottom: 20px; position: absolute; top:161px; transform: translate(-50%, -93px); width:70%; /** width: 60%; **/ z-index: 9999; } /*IE specific */ @media screen and (min-width:0\0) { .select-machine-popup{ left: 0px !important; transform: translate(20%, -93px) !important; } } .custom-dropdown .selectlabel input{ padding-right: 13px; } /** Start: BCPC-2102:Arrow overlaps with values selected in Find Your Machine modal **/ .select-machine-popup-title, .select-machine-popup-title h2{ color: #fff; } .select-machine-left-container{padding: 10px; background: #fff; height: 460px; } .select-machine-right-container{padding: 10px; height: 460px; color: #fff; } .select-breadcurm{ width: 100%; border-bottom: solid 1px #f2f2f2; padding-bottom: 10px; margin-bottom: 10px; } .select-breadcurm ul{ list-style-type: none; margin: 0; padding: 0; } .select-breadcurm ul li{ list-style-type: none; margin: 0; padding: 0; float: left; width: 25%; text-align: center; color: #cccccc; } .select-breadcurm ul li.active{ color: #000000; } .select-breadcurm .top-border{ height: 5px; margin: 1px 0; background: #f2f2f2; } .select-breadcurm li.active .top-border{ margin: 0; height: 7px; background: #fdcd00; } .num-latter span{ background: #cccccc none; border-radius: 10px; color: #fff; display: inline-block; font-family: arial; font-size: 10px; font-weight: bold; height: 18px; line-height: 18px; padding: 0; text-align: center; width: 18px; margin: 5px 0; } .select-breadcurm li.active .num-latter span{ background: #000000 none repeat scroll 0 0; } .select-thumb{margin: 5px 0;} .select-thumb img{ width: 100%; } .selectTypeContentsection {max-height: 270px;width: 100%;} .selectTypeContentsection img {max-height: 250px;width: auto;margin-left: auto;display: block;margin-right: auto;max-width: 100%;} .selectTypeTxt{text-align:center;} .pd-tb-15{ padding-top: 15px; padding-bottom: 10px; } .white-panel { background: #fff none repeat scroll 0 0; height: 100%; left: 0; position: absolute; top: 0; width: 100%; z-index: 10; display: none; } [id^="addToCartNoThanksEPPPopUp_"], [id*=" addToCartNoThanksEPPPopUp_"]{padding: 20px;} [id^="addToCartPopUp_"], [id*=" addToCartPopUp_"] {padding:15px 20px;} .add-to-cart-popup .close-pop-up{ color: #777 } [id^="addToCartNoThanksEPPPopUp_"], [id*=" addToCartNoThanksEPPPopUp_"] .bdr-bottom-grey, [id^="addToCartPopUp_"], [id*=" addToCartPopUp_"] .bdr-bottom-grey{margin-bottom: 15px;} .learn-more a.pd-tb-15{padding-bottom: 0;} .add-to-cart-popup .dark-gey-bg.pd-tb-15{ margin: 0 -5px; } .add-to-cart-popup .dark-gey-bg.pd-tb-15 .bdr-bottom-grey2{ margin-bottom: 25px } .gray-sec-heading1{ font-family: "UniversLTW02-67BoldCn","Arial Narrow",Arial,sans-serif; font-size: 1.2em; line-height:21px; text-transform: uppercase; margin-bottom: 10px; } .gray-sec-heading2{ font-size: 12px; font-weight: 400; line-height:21px; margin-bottom: 10px; } .add-to-cart-content{width: 99%;} .popup-bigger-text{ font-family: "UniversLTW02-57Condense 723821"; text-transform: uppercase; font-size: 16px; } .dark-gey-bg .col-md-7.col-xs-12 p{font-size: 16px;line-height: 34px;} .dark-gey-bg .gray-sec-heading1{ font-size: 2em; margin-bottom: 20px;} .dark-gey-bg .popup-bigger-text span{font-size: 24px;font-family: "UniversLTW02-67BoldCn";margin: 0 3px;} .popup-bigger-text span.currency-symbol{font-family: "UniversLTW02-57Condense 723821";font-size: 24px;margin: 0;} .add-to-cart-content ul, .add-to-cart-content ul li {min-width: 100%!important;font-size: 14px;list-style-type: none;} .product_listing_container > .grid_mode .add-to-cart-content ul li{padding-top: 0px;} .add-to-cart-content ul li{border-bottom: solid 1px #ccc;margin-bottom: 10px;} .add-to-cart-content ul li:last-child{border: 0!important;} .add-to-cart-content ul li:first-child{border-bottom: solid 1px #ccc;} .small-grey-text{font-size: 12px;color: #979797;font-weight: bold;} .add-to-cart-content ul li:last-child .small-grey-text{font-family: "UniversLTW02-57Condense 723821";font-size: 16px;} .add-to-cart-content li:first-child p{font-family: "UniversLTW02-67BoldCn";font-size: 16px;} .add-to-cart-content li:first-child .normal-text-style{font-size: 17px;} .add-to-cart-content li:first-child p.small-grey-text{font-size: 12px;} .add-to-cart-content li:first-child p.small-grey-text{font-family: "Arial Narrow",Arial,sans-serif;} .learn-more a{font-family: "UniversLTW02-57Condense 723821";font-size: 21px;display: block;padding-top: 10px;text-align: center;text-transform: uppercase;} .learn-more-text{padding-top: 10px;} .add-to-cart-popup .button_primary2.bg-none.colorBlack{color: #777777;} .m-t-30{margin-top: 30px!important;} .m-b-20{margin-bottom: 20px;} /* PDP Tab Css */ .tab-content-sections{padding-top: 50px;padding-left: 15px;padding-right: 15px;font-size: 14px;} .tab-content-sections .main-heading,.tab-content-sections .main-headings, div#widget_coordinate, div#widget_coordinate .content .coordinate_title, .pdp-tshirt-sections .coordinate_title{font-family: "UniversLTW02-67BoldCn","Arial Narrow",Arial,sans-serif;font-size: 24px;line-height: 24px;color: #000;margin-bottom: 20px;text-transform: uppercase;} .tab-content-sections p {font-size: 14px;line-height: 17px;} .tab-content-sections ul.text-ol-list, .tab-content-sections ul.text-ul-list{list-style-type: none;padding: 0;margin: 0 0 10px 0;} .tab-content-sections ul.text-ol-list li{list-style-type: initial;padding: 0;margin: 0 0 0 10px;line-height: 31px;} .tab-content-sections .dark-bg{margin-bottom: 1px;line-height: 50px;font-weight: bold;color: #fff;background: #3f3f3f;} .tab-content-sections .light-bg{margin-bottom: 1px;line-height: 50px;} .tab-content-sections .main-sub-heading2{ font-family: "UniversLTW02-67BoldCn","Arial Narrow",Arial,sans-serif; font-size: 14px; line-height:14px; border-bottom: 4px #000 solid; padding-bottom: 15px; margin-bottom: 15px; padding-left: 15px; } .specifications-label, .specifications-value{ padding-left: 15px; } .tab-content-sections ul.text-ul-list li{ list-style-type: none; padding: 0 0 0 10px; margin: 0 ; line-height: 50px; border-bottom: solid 1px #ccc; } .contentRecommendationWidget .financial-options{ color: #999999; font-family: "UniversLTW02-67BoldCn","Arial Narrow",Arial,sans-serif; font-weight: normal; height: 55px; } .contentRecommendationWidget .financial-options h2{ font-size: 18px; font-family: "UniversLTW02-57Condense 723821","Arial Narrow",Arial,sans-serif; color:#666; } .contentRecommendationWidget .financial-options span{ font-family: sans-serif; font-size: 14px; color: #666; } .contentRecommendationWidget .financial-options::after{ background:url("../images/bcp/1280_Carousel_ForwardCaret.png") no-repeat scroll 0 3px / 10px 14px; content: ""; display: block; float: right; font-size: 1em; font-weight: bold; height: 20px; margin-right: 10px; margin-top: -13px; width: 10px; } .close-position{ float: right; margin-top: 5px; font-size: 17px; color: #9a9691; cursor: pointer; } .requisitionListContent .sortDropdown ul li{height: auto;} .requisitionListContent .listSelect .scroll{padding: 0;height: auto;} .requisitionListContent .listSelect .newList{margin-left: 0;margin: 15px 0;} .requisitionListContent .listSelect .newList .input1{margin-top: 0;margin-bottom: 0;} .newList .sortDropdown{border:1px solid #ccc!important;border-top:0px!important;margin-top:-2px;} .brd-right{ border-right: solid 1px #ccc; } .requisitionListContent .listSelect .item, .requisitionListContent .listSelect .addNewListFooter{ border-bottom: 0; } .sortOption:hover { background-color: #f6f5f4; background-repeat: no-repeat; color: #545454!important; background-position: 0% 50%; } .private-icon{ background-image: url('../images/bcp/lock-icon.png')!important; padding-left: 30px;; background-position: 0% 50%; background-repeat: no-repeat; } .share-icon{ background-image: url('../images/bcp/share-icon.png')!important; padding-left: 30px; background-position: 0% 50%; background-repeat: no-repeat; } .disabbled,.disabbled:hover{background: #e5e3e0; color: #ffff; cursor: auto; border-color: #e5e3e0} .disabled,.disabled:hover{background: #e5e3e0; color: #fff; cursor: auto; border-color: #e5e3e0} div#widget_coordinate, div#widget_coordinate > .content > .coordinate_title{ width: 100%!important; } div#widget_coordinate .content .container_full_width_bundle{ width: 100%!important; max-width: 100%; float: none; display: block; background: none; padding: 0; } .widget_bundle_package_list .list_mode{ border: 0; } .omniproductpagecontainer .view-more{ float: right; background: #3f3f3f; padding:10px 15px; margin-top: 5px; } .omniproductpagecontainer .view-more a{ font-size: 17px; color: #fff; } .bundle_package_page .carousel.clip-true > .content{ margin-left: -15px; margin-right: -15px; } .tabButtonContainer{ margin-top: 20px; } .benefit_feature_content { font-size: 12px; color: #4d4d4d; } .pdp_feature { float: left; width: 100%; margin: 0 -15px; } .pdp_bottomBorder { border-bottom: 1px solid #ccc; display: inline; padding-bottom: 10px; } .pdp_bottomBorder .pdp_featureRight, .pdp_bottomBorder .pdp_featureLeft { box-sizing: border-box; display: inline-block; } .lowerSection { border-top: 1px solid #ccc; border-bottom: 1px solid #ccc; display: inline-block; } .pdp_featureLeft, .pdp_featureRight { display: inline-block; padding: 15px; width: 50%; float: left; box-sizing: border-box; box-sizing: border-box; } .pdp_featureLeft { vertical-align: top; } .pdp_featureRight img, .pdp_featureLeft img { width: 100%; } .pdp_feature h2 { font-family: "UniversLTW02-67BoldCn", "Arial Narrow", Arial, sans-serif; margin-bottom: 20px; text-transform: uppercase; font-size: 2em; color: #000; } .pdp_feature h5 { text-transform: uppercase; font-size: 1em; color: #666; padding: 10px 0px 10px 0px; } .pdp_feature ul { padding-left: 12px; } #displayDirectReplacementPart, [id^="displayDirectReplacementPart_"], [id*=" displayDirectReplacementPart_"] { padding: 5px; border: solid 1px #ccc; } .warnings{ background:url('../images/bcp/warning-icon.png') no-repeat 50% 50% #ffeb00; width: 55px; height: 60px; float: left; } .pdL0{ padding-left: 0; } .pdR0{ padding-right: 0; } .warning-wrapper{ margin-bottom: 15px; border: solid 1px #ffeb00; } .warnings-heading-text{ float: left; padding-left: 10px; padding-right: 10px; padding-bottom: 0px; padding-top: 1%; } .warnings-heading-text h3 { color: #383836; font-family: arial; font-size: 14px; margin: 3px 0; padding: 0; } .warnings-heading-text p { color: #70706f; font-size: 11px; margin: 0; padding: 0; } .warning-wrapper.mrg-t-15{display: flex;} .warning-wrapper.mrg-t-15 .warnings{height: auto} .pdp-addon{ } .pdp-addon .part-nmae, .pdp-addon .availability, .pdp-addon .quantity, .pdp-addon .price{ font-size: 12px; font-weight: bold; text-align:center; } .pdp-addon .part-nmae-text, .pdp-addon .availability-text, .pdp-addon .quantity-text, .pdp-addon .price-text{ font-size: 12px; color: #353535; text-align: center; } .pdp-addon .part-nmae-text a, .pdp-addon .availability-text a, .pdp-addon .price-text a{ color: #7aadd3; display: block; text-align: left; } .product-img img{ max-width: 100%; } .product-des{ font-size: 12px; } .product-des p span{ color:#969696; } .warning-wrapper a{ color: #71a7d0 } .warning-wrapper.warning-color-red{ border-color: #940000; } .warning-wrapper.warning-color-red .warnings{ background: #940000 url("../images/bcp/warning-icon2.png") no-repeat scroll 50% 50%; } /* pdp carausal */ /* .purejscarousel-btn {} .product{width: 100%;max-width:100%;} [data-tns-role="wrapper"]{padding:0 !important} [data-tns-role="wrapper"].ms-touch{overflow-x:scroll;overflow-y:hidden;-ms-overflow-style:none;-ms-scroll-chaining:none;-ms-scroll-snap-type:mandatory;-ms-scroll-snap-points-x:snapInterval(0%, 100%)} [data-tns-role="content"]{position:relative;-webkit-transition:all 0s;-moz-transition:all 0s;transition:all 0s} [data-controls], [data-action], [data-nav]{cursor:pointer;border-width:0;padding:0} [data-tns-hidden="x"]{overflow-x:hidden} [data-tns-hidden="y"]{overflow-y:hidden} .tns-fadeIn{opacity:1;filter:alpha(opacity=100);z-index:0} .tns-normal,.tns-fadeOut{opacity:0;filter:alpha(opacity=0);z-index:-1} [data-tns-role="controls"] { text-align: center; margin-bottom: 10px; } [data-tns-role="content"] img { width: 100%; } .lt-ie9 [data-controls] { line-height: 2.5em; } [data-action] { margin-top: 4px; font-size: 17px; vertical-align: middle; background: transparent; } button[disabled] { opacity: .5; cursor:auto !important; } [data-controls]{background: none;} [data-tns-role='nav'] { text-align: center; margin: 10px 0; display: none; } */ .purejscarousel-btn {} .product{width: 100%;max-width:100%;} .tns-outer{padding:0 !important} .tns-outer [hidden]{display:block !important} .tns-outer [aria-controls], .tns-outer [data-action]{cursor:pointer} .tns-outer.ms-touch{overflow-x:scroll;overflow-y:hidden;-ms-overflow-style:none;-ms-scroll-chaining:none;-ms-scroll-snap-type:mandatory;-ms-scroll-snap-points-x:snapInterval(0%, 100%)} .tns-slider{-webkit-transition:all 0s;-moz-transition:all 0s;transition:all 0s} .tns-slider>.tns-item{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box} .tns-horizontal.tns-subpixel{white-space:nowrap} .tns-horizontal.tns-subpixel>.tns-item{display:inline-block;vertical-align:top;white-space:normal} .tns-horizontal.tns-no-subpixel:after{content:'';display:table;clear:both} .tns-horizontal.tns-no-subpixel>.tns-item{float:left;margin-right:-100%} .tns-no-calc{position:relative;left:0} .tns-gallery{position:relative;left:0} .tns-gallery>.tns-item{position:absolute;left:-100%;-webkit-transition:opacity 0s;-moz-transition:opacity 0s;-webkit-transition:transform 0s, opacity 0s;-moz-transition:transform 0s, opacity 0s;transition:transform 0s, opacity 0s} .tns-lazy-img{-webkit-transition:opacity 0.6s;-moz-transition:opacity 0.6s;transition:opacity 0.6s;opacity:0.6} .tns-lazy-img.loaded{opacity:1}.tns-ah{-webkit-transition:height 0s;-moz-transition:height 0s;transition:height 0s} .tns-ovh{overflow:hidden} .tns-hdx{overflow-x:hidden} .tns-hdy{overflow-y:hidden} .tns-visually-hidden{position:absolute;left:-10000em} .tns-transparent{opacity:0;visibility:hidden} .tns-fadeIn{opacity:1;filter:alpha(opacity=100);z-index:0} .tns-normal,.tns-fadeOut{opacity:0;filter:alpha(opacity=0);z-index:-1} .tns-controls button{top:50%; margin-top:-25px;border: 0 none; box-shadow: none;color: #cccccc;cursor: pointer;font-family: "font-icon" !important;font-size: 25px;outline: medium none;position: absolute;width: 26px; height: 35px; z-index:1; background: none;} .tns-controls button[data-controls="next"]{ right: 0;} .tns-controls button[data-controls="prev"]{ left: 0;} .tns-controls button[data-controls="next"]:after {content: "\e929"; position: absolute; right: 0; top: 10px} .tns-controls button[data-controls="prev"]:after{content: "\e932";position: absolute; left: 0; top: 10px} .tns-nav {position: absolute;text-align: center;padding-right: 20px; height: 32px; z-index: 1; display: none; width:100% } .tns-nav button {display: inline-block;width: 9px;height: 9px;margin: 0 5px 5px;background: #cccccc; border: none; border: solid 2px #cccccc; padding: 0; /* float: left; */ } /* .tns-nav {text-align: center;display: none;} */ .tns-active,button[aria-selected="true"] { background: #fff; border: solid 2px #ffcd11 ; } .playbutton-wrapper { text-align: center; } .playbutton-wrapper button { height: 34px; padding: 0 10px; font-size: 14px; background: #fff; border-radius: 3px; border: 1px solid #ccc; cursor: pointer; } @media screen and (min-width: 992px){.thumb-slider-containner { width: 108%; margin-left: -4.5%;}} @media screen and (max-width: 992px){.carousel > .prevPageButton, .carousel > .nextPageButton { display: none!important;}} .thumb-slider-containner{position: relative; padding: 0 26px; overflow: hidden;} .alt_text {font-size: 12px;padding: 5px;text-align: center;} .tiny-slider,.slider{overflow:hidden;width: 460px;/* margin: 0 auto 20px auto!important; */} .tiny-content{position:relative;left:0;-webkit-transition:left 0s;transition:left 0s} .tiny-content:after{content:'';display:table;clear:both} .slide{float: left;width: 82px;padding: 0 5px;} .customize-tools { position: absolute; top: 22px; width: 100%; } .customize-tools .next, .customize-tools .prev{border: 0 none;box-shadow: none;color: #cccccc;cursor: pointer;font-family: "font-icon" !important;font-size: 25px;outline: medium none;position: absolute;width: 26px; height: 35px;} .customize-tools .prevbutton{left:-26px; content: "\e932";} .customize-tools .next {left:auto;right:26px!important; content: "\e929";} .customize-tools .next:after {content: "\e929";} .customize-tools .prev:after {content: "\e932";} @media screen and (-webkit-min-device-pixel-ratio:0) { .tiny-active,button[aria-selected="true"] { position: relative; } } .slide a {background: #e9e9e6;padding: 1px;display: block; position: relative;/* height:80px; */} .slide a.active{padding: 2px;background: #ffcd11;} .slide img{background: #fff none repeat scroll 0 0; display: block; font-size: 11px; height: 100%; /* max-height: 80px; */ min-height: 54px; text-align: center; width: 100%;} iframe#mobileVideoFrame{ display: block; position: absolute; top: 0; height: 296px; } /* .slide {max-width: 104px;} */ .thumbnailVideo_play_icon { background: transparent url("../images/responsive/play-btn.png") no-repeat scroll 0 0 / 30px 30px; float: left; height: 30px; left: 50%; margin-left: -15px; margin-top: -15px; position: absolute; top: 50%; width: 30px; } /* img#productMainImage{max-height: 432px;} */ .widget_product_image_viewer .image_container > img { float: none !important; height: auto; width:auto!important; max-height:100%!important; max-width: 100%; margin: 0 auto !important; /* position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%); */ } .image_container{ text-align:center; height: 435px; position: relative; text-align: center; } .product_main_video { height: 432px; width: 100%; } .pdpListPrice {float: left;padding-right: 10px;} .pdpPriceLabel {display: block;color: #767676;font-size: 12px;text-transform: uppercase;} .pdpOfferPrice {float: left;} .pdpListPrice .old_price {font-family: "UniversLTW02-67BoldCn", "Arial Narrow", Arial, sans-serif;font-size: 2em;color: #666;line-height: 1.2em;float: left;text-decoration: line-through;margin-right: 4px;} .pdpOfferPrice .price {font-family: "UniversLTW02-67BoldCn", "Arial Narrow", Arial, sans-serif;font-size: 2em;line-height: 1.2em;float: left;} .currencyCode{font-family: "UniversLTW02-57Condense 723821", "Arial Narrow", Arial, sans-serif;padding: 0px 0px 0px 3px;font-size: 1.8em;font-weight: 100;color: #666;float:left;} .carousel > .prevPageButton, .carousel > .nextPageButton {display: block;position: absolute;top: 50%;z-index: 1;width: 40px;height: 35px;margin-top: -21px;overflow: hidden;} .carousel > .prevPageButton {left: 10px;background: url("../images/bcp/btn-arrow-carousel-left.png") no-repeat 0 0;} .carousel > .nextPageButton {right: 10px;background: url("../images/bcp/btn-arrow-carousel-right.png") no-repeat 100% 0;} .merchandisingAssociationWidget.catalogEntryRecommendationWidget.carousel > .nextPageButton{right: -5px;} .merchandisingAssociationWidget.catalogEntryRecommendationWidget.carousel > .prevPageButton{left: -5px;} .carousel > .prevPageButton.hidden, .carousel > .nextPageButton.hidden {display: block;} .carousel > .prevPageButton:before, .carousel > .nextPageButton:before {display: block;position: absolute;top: -60px;} .carousel > .prevPageButton:before {left: -1px;} .carousel > .nextPageButton:before {left: -81px;} .product .product_image{float: left;width: 99%;min-height:200px;background-repeat: no-repeat;background-size: 100% auto;background-position: 5px 10px;} .product{padding: 0;} .home-page-container .product .product_image{min-height: 265px;} .product .recommended {float: left;width: 100%;color:black!important;} /* Start: BCPC-2048 : CI Retail: Change the font of part name inside recommended and popular attachment carousel (Modified font size) */ .recommended .recc-heading2{font-size: 11px;margin-bottom: 10px;padding:0 15px;font-family: "UniversLTW02-67BoldCn","Arial Narrow",Arial,sans-serif; /*text-overflow: ellipsis; white-space: nowrap; overflow: hidden;*/} .recommended .recc-heading1{font-size: 20px;margin-bottom: 10px;/*height: 40px;*/padding:0 15px;font-family: "UniversLTW02-67BoldCn","Arial Narrow",Arial,sans-serif; /* text-overflow: ellipsis; white-space: nowrap; overflow: hidden;*/ } /* End: BCPC-2048 : CI Retail: Change the font of part name inside recommended and popular attachment carousel */ /* Start: BCPC-2554 : Sizing issue in the recommended attachemnt carousel in machine PDP -PROD (UI) */ .recommended .product_info.productgridtitle{padding:15px 15px 0px 15px;display: block; height:90.6px !important;} /* End: BCPC-2554 : Sizing issue in the recommended attachemnt carousel in machine PDP -PROD (UI) */ .recommended .pdpListPriceLabel span{color: #777777;font-size: 12px;display: block;font-family: sans-serif;} /* Start: BCPC-2048 : CI Retail: Change the font of part name inside recommended and popular attachment carousel (Modified font size)*/ .recommended .pdpListPriceLabel span.price{color: #000;font-size: 20px!important;display: inline-block;font-family: "UniversLTW02-67BoldCn","Arial Narrow",Arial,sans-serif;} /* End: BCPC-2048 : CI Retail: Change the font of part name inside recommended and popular attachment carousel */ .recommended .pdpListPriceLabel span.price.noprice{font-size: 20px!important; margin:7px 0;} /* Start: BCPC-2048 : CI Retail: Change the font of part name inside recommended and popular attachment carousel (Modified font size)*/ .recommended .pdpListPriceLabel span.currencyCode{display: inline-block;margin-left: 2px;font-size: 20px!important;font-family: "UniversLTW02-57Condense 723821","Arial Narrow",Arial,sans-serif;float:none;} /* End: BCPC-2048 : CI Retail: Change the font of part name inside recommended and popular attachment carousel */ .home-page-container .recommended .pdpListPriceLabel span.currencyCode{margin:0px;} .pdp-page-wraper .price-loader{width:100%;float:left;margin-bottom: 0;} .small-text-unbold{font-family: "UniversLTW02-67BoldCn","Arial Narrow",Arial,sans-serif;font-size: 0.8em;margin-bottom: 10px;text-transform: uppercase;color:#777;} /**PLP page related changes**/ .productListingWidget > .header_bar > .title {margin-top: 15px;font-size: 12px;} .productListingWidget {border: 0px solid #e9e9e9 ;border-radius: 0px ;padding-bottom: 10px;width: 100%;} .productListingWidget > .header_bar {border-bottom: 2px solid #e9e9e9 ;padding: 0px 0px 10px 0px ;color: #000;} .product_listing_container > .grid_mode li{padding-top:20px;} #gridLearnMoreList{max-width:31.4%;} .productListingWidget > .header_bar .controls {font-weight: bold;} .productListingWidget > .header_bar .sorting_view_controls_container {float: left;} .grid {width: 100%;} .grid {margin: 0;padding: 0;list-style: none;} .grid > li {display: inline-block;vertical-align: top;} .facede-top{padding-bottom:5px;border-bottom:2px solid #e3e1e1;margin-top:-12px;} .grid_mode .product {padding: 0px;float: left;/* min-width: 280px; width: 280px;*/max-width: 96%; margin:0 2%!important;font-family: "UniversLTW02-67BoldCn", "Arial Narrow", Arial, sans-serif;display: flex;flex-direction: column;} .productgridtitle {background-color: #E9E9E6;display: table;} .grid_mode .product_image .image a {padding-top: 10px;} .grid_mode .compare_target {margin-bottom: 10px;margin-top:10px;padding: 7px 7px 7px 9px;width: 95%;} .widget_product_compare .compare_main .item .price-display-wraper .productdesc{font-family: "UniversLTW02-67BoldCn", "Arial Narrow", Arial, sans-serif;font-size: 14px;padding-bottom: 5px;} .replaceLabel{padding-left:7px;display: table-cell;height: 87px;vertical-align: middle;font-size:.84em;} .product-list-container .replaceLabel{ text-transform: uppercase; font-size: 16px; } .product {border: 1px solid #E9E9E6;float: left;border-bottom: 2px solid #E9E9E6;} .pointerStyle{cursor:pointer;cursor: hand;} .attachSubCategoryWraper .list_mode.grid .product_price .pointerStyle{cursor: default;} .list_mode.grid .productdesc a{color:#000;} .product_listing_container .list_mode .product > .product_info > .product_name, .list_mode .product_info > .product_name > a, .product_listing_container .grid_mode .product > .product_info > .product_name, .grid_mode .product_info > .product_name > a, .productgridtitle > .product_name > a {font-family: "UniversLTW02-67BoldCn", "Arial Narrow", Arial, sans-serif;font-size: 1.1555em;color: #000;text-decoration: none;padding-bottom: 2px;max-height: 39px;overflow: hidden;line-height: 19px;} .product_listing_container .grid_mode .product > .product_info > .product_name {box-sizing: border-box;display: table-cell;height: 57px;overflow: hidden;padding: 0 10px !important;vertical-align: middle;width: 100%;max-height: 60px;} .product_listing_container .grid_mode .product > .product_info > .product_name, .productgridtitle .product_name {padding-top: 14px;min-height: 23px;margin-left: -7px;} .product_image .image {display: block;height: auto;overflow: hidden;width: 100%;} .omniproductpagecontainer .list_mode .product_image .image {min-height: 220px;} .omniproductpagecontainer .recommended_product .list_mode .product_image .image a{text-align: center;} .omniproductpagecontainer .recommended_product .list_mode .product_image .image img {max-width: 200px; display: inline-block!important; min-height: 200px} /* .omniproductpagecontainer .recommended_product .list_mode .product_image .image {min-height: 270px;} */ .row.availabilityWraper .productdesc{padding-left: 0;} .grid_mode .availabilityWraper .productdesc{padding-left:7px;} .product > .product_image img {bottom: 0;display: block;left: 0;margin: auto;margin-top: 0px;} .product_info{font-family: "UniversLTW02-67BoldCn", "Arial Narrow", Arial, sans-serif;} .grid_mode .product-price{margin-top:auto;} .mobileAvailWraper{display:none;} .product_info .productDetailsContainer{padding-right:2px;} .productDetailsContainer .productdesccontent {width: auto;padding-left: 5px;color: #6f6f6f;} .productdesc.gridupcsection .productdesccontent {color: #6f6f6f;font-family: "UniversLTW02-57Condense 723821", "Arial Narrow", Arial, sans-serif;font-size:14px;line-height:20px;text-transform: uppercase;} .grid_mode .product .product_option.disabled {width: 92%;} .productdesc{line-height: 18px;padding-left: 7px;font-size:.84em;clear: both;} .grid_mode .price-display-wraper, .list_mode .price-display-wraper{margin:12px 0px 12px 0px;} .grid_mode .price-display-wraper{padding-left: 7px;font-size: 13.44px;line-height: 18px;clear: both;} .grid_mode .pdpPriceLabel, .list_mode .pdpPriceLabel{text-transform: uppercase;font-family: "Arial";font-size: 12px;color: #79797A;margin-bottom: -3px;} .grid_mode .price, .list_mode .price{font-size:22px;} .grid_mode .currencyCode, .list_mode .currencyCode{display:inline-block;font-size:16px;padding-top: 6px;} .grid_mode .product .product_image{background-position: 50% 0; background-size: auto 100%;} .plpSubHeader.heading.thirdHeading{text-transform:capitalize;} .list_mode .plpOfferPrice-wraper {display: inline-block;width: 40%;} .list_mode .plpListPrice-wraper {display: inline-block;width: 50%;} .attachSubCategoryWraper .list_mode .plpOfferPrice-wraper, .attachSubCategoryWraper .list_mode .plpListPrice-wraper{width:100%;} .price-with-discount .price.old_price{color:#ccc;text-decoration:line-through;} .productDetailsContainer .productdeschead {float: left;padding-right:3px;} .compare_target{font-weight: normal;} .compare_target > a {border-radius: 0px;float: right;padding: 5px 10px;} .grid_mode .compare_target > a {position: relative;margin: -7px 0px 0px 0px;} .compare_target .comparelabeltext {padding-left: 0px;position: relative;top: -1px;color: #000;} #content .collapsible:hover, .categoryNavWidget.collapsible:hover, .linkWidget.collapsible:hover{background-color: #fff;} .facetSelect li a {padding: 10px 0;color: #000} .product-list-container .facetWidget .clearAll{color:#777;right:0px;font-family:sans-serif;font-size:12px;font-weight: bold;line-height: 13px;} .product-list-container .facetWidget .clearAll .close{display:none;} #myAccountNavigationWidget .facetSelect li a {padding: 10px 0px;color: #777777;} #myAccountNavigationWidget .optionContainer{padding-left:13px;} #myAccountNavigationWidget .facetSelect li{text-transform:none;font-weight:normal;border-bottom:0px solid;font-size: 14px;} #myAccountNavigationWidget .facetSelect li:hover{background-color:#fff;} #myAccountNavigationWidget .optionContainer > .title{color:#565656;border-bottom:0px solid;font-size:16px;} #myAccountNavigationWidget .facetSelectContainer {border-bottom:1px solid #e3e1e1;} #orderHistoryResultsGrid .dojoxGridRow{padding:10px 0px!important;} .acnSummryPhon{padding-top:8px;border-top:1px solid #e3e1e1;} #signInBgLayer{background-color:#fff;width:100%;height:100%;position:absolute;left:0px;z-index:9999;top:0px;display: none;} #signInBgLayer .SignLoadingTxt{color:#000;font-size:14px;font-family: "UniversLTW02-57Condense 723821","Arial Narrow",Arial,sans-serif;font-weight: normal;padding-top: 54%;text-align: center;vertical-align: middle;} .product-list-container .facetSelect li a {color: #999;font-family: "UniversLTW02-57Condense 723821","Arial Narrow",Arial,sans-serif;font-size: 14px;} .mobileCatergoryName, .mobileCatalogPageHeader .rightArrowWraper{display:none;} .facetSelect.dropdownWraper li{padding:10px 0px 10px 0px!important;} .product-list-container .search_facet_category .facetSelect.dropdownWraper li{padding:10px 0px 10px 0px!important;} .search_facet_category .facetSelect.dropdownWraper li{padding:10px 0px 10px 20px!important;background-color: #fff;} .list_mode .compare_target > a {position: relative;margin: -5px 0px 0px 0px;float:right;} .grid_mode .product .product_option .button.primary {line-height: 22px;padding: 3px 0px 0px 0px;width: 99%;} .disabled .button.primary {display: inline-block;background-image: linear-gradient(#e5e3e0, #e5e3e0);border-radius: 0px;min-width: 0px;max-width: 100%;line-height:17px;padding:15px 14px ; text-align: center;border: 0px solid #e6e6e6;color: #fff;cursor: default;pointer-events: none;font-size:1.2em;} .disabled .button.primary .button_text {color: #cccccc;font-size: 16pt;margin-top: 8px;font-weight: 400;} div.namePartPriceContainer h1.main_header {font-family: "UniversLTW02-67BoldCn", "Arial Narrow", Arial, sans-serif;font-size: 2.9em;color: #000;line-height: 42px;} .available .header, .product_listing_container .list_mode .product > .available .header, #widget_package_summary > .left_border > .right_border > .content > .item > .available .header {font-size: 12px;font-weight: bold;padding-left: 7px;} .product_info .product_option div {margin-left: 8px;} .grid_mode .product_price {padding: 10px 0px 10px 7px;clear:both;color:#000;font-size:18px;font-family: "UniversLTW02-57Condense 723821","Arial Narrow",Arial,sans-serif;} .cart-button-container{margin-top:10px;} .grid_mode .sublist {max-width: auto;padding-left: 0px;} .hideText {font-size: 0px;color: #fff;} .noDisplay{display:none;} .optionContainer .arrow:before {content: "" !important;} .optionContainer .arrow {display: block;content: "";width: 15px;height: 10px;background: url('../images/bcp/TopArrowimages.png') 0 0 no-repeat;background-size: 100% 100%;margin-top: 5px;margin-right: 0px;float: right;font-weight: bold;font-size: 1em;float: right;} .optionContainer .arrow_collapsed {display: block;content: "";width: 15px;height: 10px;background: url('../images/bcp/downArrowimages.png') 0 0 no-repeat;background-size: 100% 100%;margin-top: 5px;margin-right: 0px;float: right;font-weight: bold;font-size: 1em;float: right;} #productsFacets .optionContainer {border-radius: 0;border-bottom: 2px solid #e3e1e1;padding-bottom:10px;} .facetSelect.dropdownWraper li{border-bottom:0px solid;} ul.facetSelect li div.facetCountContainer{color:#565656;} #productsFacets .optionContainer > .title {border-bottom: 0px solid #000;} .optionContainer > .title {height: 40px;color: #000000;line-height: 21px;word-wrap: break-word;margin: 10px 1px 0 1px;padding: 0px 0px;border-radius: 0px 0px 0 0;background: #ffffff;background: -webkit-gradient(linear, left top, left bottom, from(#FFFFFF), to(#FFFFFF));-ms-filter: progid:DXImageTransform.Microsoft.Gradient(startColorStr='#FFFFFF', endColorStr='#ffffff');cursor: pointer;border-bottom: 1px solid #e3e1e1;border-top: 0px solid #e3e1e1 !important;font-family: "UniversLTW02-67BoldCn", "Arial Narrow", Arial, sans-serif;font-size: 1em;text-transform: uppercase;overflow: hidden;font-weight: normal;} #container_MyAccountDisplayB2B .optionContainer > .title, #myAccountNavigationWidget .optionContainer > .title{line-height:40px;} #container_MyAccountDisplayB2B .optionContainer .arrow, #container_MyAccountDisplayB2B .optionContainer .arrow_collapsed, #myAccountNavigationWidget .optionContainer .arrow, #myAccountNavigationWidget .optionContainer .arrow_collapsed{margin-top: 13px;} #productsFacets .facetSelect li {border-bottom: 0px solid #000;font-weight: normal !important;} .controlBar .pageControl {display: inline-block;position: static;left: auto;right: auto;bottom: auto;vertical-align: middle;} .pageControl > a {display: inline-block;vertical-align: top;} .paging_controls > * {font-size: 0;display: inline-block;} .paging_controls .header {margin: 0px 0px 0px 0px;} .paging_controls > .invisible {visibility: visible;pointer-events: none;cursor: not-allowed;height: 21px;} .paging_controls {width: auto;display: table;padding-left: 10px;margin-top:5px;} .mobileTitleWraper{display:none;} .productListingWidget #orderByDropdown, .productListingWidget .orderByDropdown {margin-right: 10px !important;border:none;background-color: transparent;} .selectWrapperPageSize {margin-right: 05px !important;} .paging_controls a.right_arrow { background: transparent url("../images/bcp/1280_Pagination_ForwardButton.png") no-repeat scroll 0 0; background-size: 60% 80%; background-position: center; background-repeat: no-repeat; height: 21px; width: 30px; margin-left: 0px; /*display: table-cell;*/ } .paging_controls a.left_arrow, .prev-arrow-peg { background: transparent url("../images/bcp/1280_Pagination_BackButton.png") no-repeat scroll 0 0; background-size: 60% 80%; background-position: left; background-repeat: no-repeat; height: 21px; width: 30px; margin-left: 0px; /*display: table-cell;*/ } .paging_controls > .invisible_none {cursor: not-allowed;} .paging_controls a img {display: none;} .controlBar > .pageControlWrapper {display: inline-block;vertical-align: middle;} .pageControlButton, .pageControlMenu > .closeButton {display: none;} .controlBar .pageControl.number > a {width: 22px;margin: 0 2px;background-color: #ffffff;border: 0px solid #a0a0a0;border-radius: 0px;color: #006ECC;font-size: 12px;text-align: center;opacity: 1;line-height:20px;} .controlBar .pageControl.number > a.selected {background-color: #cccccc;border-color: #cccccc;color: #000;opacity: 1;line-height:19px;} .controlBar .pageControl.number > a:hover {background-color: #e6e6e6;border-color: #e6e6e6;color: #000;opacity: 1;} .productListingWidget > .header_bar .controls .view_controls {float: right !important; margin-top: 5px;} .mobile-filter{display:none;} .sorting_controls > span, .sorting_controls > span > label, .view_controls > span, .sorting_controls > span > label, .mobile-filter > span > label{vertical-align: middle;color: #000;font-family: "UniversLTW02-67BoldCn", "Arial Narrow", Arial, sans-serif;font-weight: normal ;font-size: 12px;padding-top:3px;} .sorting_view_controls_container {padding-right: 0px !important;} #productsFacets .facetSelect li:hover {background-color: #fff;} .facetSelectContainer {-webkit-border-radius: 0 0 0px 0px;border-radius: 0 0 0px 0px;-moz-border-radius: 0 0 0px 0px;} .facetSelect li {line-height: 25px;text-transform: uppercase;padding: 10px 10%;font-size: 10pt;font-weight: bold;} .facetSelect li:hover {background-color: #f0f0f0;} /*.facetSelect li::after {display: block;content: "";width: 8px;height: 14px;background: url('../images/bcp/1280_Carousel_ForwardCaret.png') 0 0 no-repeat;background-size: 100% 100%;margin-top: -18px;margin-right: -25px;float: right;font-weight: bold;font-size: 1em;}*/ .range_input.plprange{width:35%!important;margin:10px 0px 10px 0px;border-radius: 0} /*Error section**/ .signinErrMsgWraper{padding-bottom:10px;} .errMsgContainer{max-height:70px;height:55px;border:2px solid #940000;overflow:hidden;} .errMsgContainer .msgIcnSection{width:15%;font-size:35px;color:#fff;height:100%;text-align: center;float:left;background-color:#940000;padding-top:5px;} .errMsgContainer .msgTxtSection{width:85%;font-size:12px;float:right;padding:5px;overflow:hidden;color:#565656;} .text-Error{font-weight: bold;font-size: 14px;color:#FF0000;} #errorPage .myaccount_header, .titleheader .popuptitle {font-family: "UniversLTW02-67BoldCn", "Arial Narrow", Arial, sans-serif;text-transform: uppercase;font-size: 1.6em;background-color: #fff !important;border-width: 0px 0px 0px !important;color: #000;padding: 0px !important;} #errorPage, .titleheader {border-bottom: 3px solid #f8ad05;} .titleheader {margin: auto;padding: 5px;width: 95%;} .popupheader {background-color: #f5f6f7;border-bottom: 1px solid #edeff0;font-family: "UniversLTW02-67BoldCn", "Arial Narrow", Arial, sans-serif;font-size: 14px;padding: 7px 10px 9px !important;} .headtitle {color: #fff;} .generic_error_container{width:100%!important;} .generic_error_container .content {border: solid 0px #e5e5e5 !important;padding-top: 15px;} .shoptCartUpdateLink {line-height: 25px;color: #006ecc !important;} .shoptCartUpdateLink:hover {text-decoration: underline;} .facedeSpcLi, .facedeSpcLi:hover{background-color:#fff!important;} .widget_product_compare > .middle > .left_border, .widget_product_compare > .middle > .left_border > .right_border {padding-left: 0px !important;padding-right: 0px !important;} .widget_product_compare > .top > .middle, .widget_product_compare > .bottom > .middle {height: 0px !important;} .widget_product_compare > .middle > .left_border > .right_border > .content .zebra {background-color: #f2f2f2 !important;} .widget_product_compare .middle, .compare_main .item img {width: 100%;} .compare_main {color: #000;} .widget_product_compare > .middle > .left_border > .right_border > .content > .compare_main .row {min-height: 40px !important;padding-top: 5px;} .widget_product_compare > .middle > .left_border > .right_border > .content .row:hover {background-color: #cccccc !important;} .widget_product_compare > .middle > .left_border > .right_border > .content .row.height_spacing_top:hover {background-color: #fff !important;} .widget_product_compare > .middle > .left_border > .right_border > .content > .compare_main .row > .heading {color: #000 !important;font-family: Arial, sans-serif;} .widget_product_compare .row .item a {color: #006ecc!important;} .widget_product_compare .item .button.button_secondary{color:#fff!important;} .widget_product_compare .item .button.button_secondary:hover{text-decoration:none!important;} .widget_product_compare .row .item a span{color: #000!important;font-size:10px;padding-right:2px;} .widget_product_compare .row .item a:hover span{text-decoration:none;} .widget_product_compare > .middle > .left_border > .right_border > .content > .compare_main .row .remove{width:auto!important;} .compare_main .pdpOfferPrice, .compare_main .pdpListPrice {width:100%;} .compare_main a.button.button_primary2{color:#000!important;} .compare_main .currencyCode{padding-top:8px;} .compare_main .productdesc{font-size:12px;padding:0px;} .compare_main .pdpOfferPrice .price{padding-right: 3px;line-height: normal;margin-bottom: 5px;} /**Dojo overrighing**/ .dijitSelectLabel {color: #565656;} .orderBySelect .dijitSelectLabel{font-family: "UniversLTW02-57Condense 723821", "Arial Narrow", Arial, sans-serif;color:#000;font-size:13px;} .selectWrapper {position: relative;display: inline-block;background-color: transparent;border: 1px solid #e9e9e9!important;border-radius: 0px !important;height: 39px;} .orderByDropdown.selectWrapper, .selectWrapper.selectWrapperPageSize{border: 0px solid !important;} .errMsgStyle {color: red;font-size: 11px;line-height: 10px;} #newListPublicPrivateDropdown .dijitSelect{width: 100%;} /**modal popup style**/ .modalPopup {background: rgba(0, 0, 0, 0) url("../images/bcp/transp-bg.png") no-repeat scroll 0 0 / 100% 100%;min-height: 100%!important;left: 0px!important;outline: 0 none;position: absolute;top: 0px!important;width: 100%!important;z-index: 9999;} .modalPopup_bar{overflow-x: hidden;} .modalPopup .dijitDialogTitleBar{display:none;} .modalPopup_dialog {padding-top: 5px;padding-bottom: 20px;} .modalPopup .dijitDialogPaneContent{z-index: 99999;width:440px !important;height:auto !important;min-height:200px;background-color: #fff;position: fixed!important;margin-left: 35%;margin-top: 10%;overflow: hidden!important;} /* #widget_contact_dealer_popup.modalPopup .dijitDialogPaneContent, #widget_nonparticipating_dealer_popup.modalPopup .dijitDialogPaneContent{width:380px!important;} */ #widget_contact_dealer_popup.modalPopup .close-pop-up {font-size: 11px;right: 12px;top:6px;} #widget_contact_dealer_popup.modalPopup .dijitDialogPaneContent .button_primary {padding: 10px 7px !important;} #widget_contact_dealer_popup.modalPopup .title h2{font-size:18px;} #nodealerInfoDisplay_Message .title h2{line-height:24px;height: 50px;} .dealer_header, .modalPopup .title h2 {color: #000;font-family: "UniversLTW02-67BoldCn","Arial Narrow",Arial,sans-serif;font-size: 22px;height: 38px;line-height: 38px;padding: 0;text-transform: uppercase; margin-top:5px; line-height: 22px;} #modalPopup_dialog .modalMainContainer h2#modalPopup_Title{width:95%} .modalPopup_content{padding-bottom:10px;padding-top:10px;font-size:14px;} .modal_button_container a{color:#fff;} .close-wrapper{width:30px;float:right;cursor:pointer;} .modalContentLeft, .modalContentRight{width:50%;float:left;clear:all;} .modalContentRight{padding-left:10px;} .modalPopup .close-pop-up {color: #999999;font-size: 14px;right: 18px;} #modalPopup_dialog .modalMainContainer .close-pop-up {right: 8px;} .remember-container{padding:15px 0px 20px 5px;font-family: "UniversLTW02-67BoldCn","Arial Narrow",Arial,sans-serif;font-size: 14px;} .modalPopup .button_primary {margin-top: 5px;padding: 8px 0 7px;} .dijitDialogPaneContent .button_container {margin-top: 0px !important;} .dijitDialogPaneContent .button_primary {padding: 6px 7px !important;} .dijitDialogPaneContent .button_secondary {padding: 0px 7px !important;} .modalPopup.terms-modal-popup .dijitDialogPaneContent{width:560px!important;max-height:500px;margin-left: 50%;/* margin-top: 0%; */transform: translate(-50%, 0%);} .modalMainContainer{padding:0px 20px 0px 20px;} #widget_enter_location_popup, #widget_confirm_location_popup, #widget_contact_dealer_popup{z-index:9999!important; } /**Checkout section**/ #orderItemDisplay{padding: 15px 0;} #checkout_crumb {margin-left: 0px;padding-bottom: 35px;} #checkout_crumb .crumb {padding-top: 20px;width: 100%;margin: auto;} #checkout_crumb .crumb .step_arrow {display: none;} #checkout_crumb .crumb a {color: #000;} #checkout_crumb ul.checkout_crumb_list {list-style: none;display: table;table-layout: fixed;width: 100%;float: left;} #checkout_crumb ul.checkout_crumb_list li {display: table-cell;} #checkout_crumb ul.checkout_crumb_list li.crumbElementActive, #checkout_crumb ul.checkout_crumb_list li.crumbElementOff {padding-top: 5px;border-top: 5px solid #f2f2f2;text-align: center;} #checkout_crumb ul.checkout_crumb_list li.crumbElementOn {padding-top: 5px;border-top: 7px solid #f8ad05;text-align: center;} #checkout_crumb ul.checkout_crumb_list li.crumbElementOn {border-top: 7px solid #fdcd00 !important;position: relative;top: -1px;} #RequisitionList_list_table .toolbar, #RequisitionListItems_table .toolbar {width: 100%; position: relative;} #RequisitionListItems_table .toolbar #RequisitionListItemAddForm #formButton_RequisitionListItemAddForm {padding: 5px 14px;} #RequisitionList_list_table .tableHeader, #RequisitionListItems_table .tableHeader {background-color: #fff !important;border-bottom: 1px solid #999999;text-align: left;} #RequisitionList_list_table .tableHeader, #RequisitionListItems_table .tableHeader {background-color: #fff !important;border-bottom: 1px solid #999999;text-align: left;} #RequisitionList_list_table .tableHeader .columnheaderTxt{color:#006ecc;font-family: "UniversLTW02-57Condense 723821";} #RequisitionList_list_table .tableHeader .cell{font-size:14px;font-family: "UniversLTW02-57Condense 723821";font-weight:normal;} /* #RequisitionListItems_table_content .tableHeader div.col-md-2:FIRST-CHILD, #RequisitionListAddToCartForm .withPreviewImage div.col-md-2:FIRST-CHILD{width:5%!important;} #RequisitionListAddToCartForm .withPreviewImage div.col-md-2:FIRST-CHILD a{color:#565656;font-weight:bold;} #RequisitionListItems_table_content .tableHeader .col-md-2, #RequisitionListAddToCartForm .withPreviewImage div.col-md-2{width:18.6%!important;} #RequisitionListItems_table_content .tableHeader div.col-md-2:LAST-CHILD{color:#fff!important;} */ .listTable{border: 0!important;} .listTable .actions {white-space: nowrap;} .listTable .toolbar .newList, .listTable .toolbar .uploadList {width:100%;} .listTable .toolbar {background: #fff; padding: 0;margin-bottom: 30px;} .listTable .toolbar #skuAdd {width: 100%;} .listTable .toolbar #quantityAdd {width: 43%;text-align: center;} .listTable .toolbar label{font-size:12px;font-weight:bold;} .checkoutCreateNewTxt{list-style: outside none disc;padding-left:11px;} .listTable #RequisitionListItemAddForm #formButton_RequisitionListItemAddForm{width:50%;float:right;} #RequisitionListItems_table .toolbar #RequisitionListItemAddForm #formButton_RequisitionListItemAddForm.add-button{ margin-top: 5px; padding: 6px 14px;} #orderItemDisplay .listTable .toolbar {background: #fff; padding: 0;margin-bottom: 0px;} .new_shop_import{ float: right; margin-top: 15px; } .new_shop_import ul{ margin: 0; padding: 0; list-style-type: none; } .new_shop_import ul li{ margin: 0; padding: 0; list-style-type: none; float: left; width: auto; height: 24px; margin:0 20px; text-align:center; } .new_shop_import ul li a{ display:inline-block; } .new_shop_import ul li a.product-icon{ font-size: 21px; color: #000; } .cart-page-subheading, .finanical-data .header{ color: #000; font-family: "UniversLTW02-67BoldCn","Arial Narrow",Arial,sans-serif; font-size:20px; margin-bottom: 15px; text-transform: uppercase; } .cart-page-subheading3{ color: #565656; font-family: "UniversLTW02-67BoldCn","Arial Narrow",Arial,sans-serif; font-size:17px; margin-bottom: 15px; text-transform: uppercase; } .select-options{ width: 90%; } .select-options, .update-cart-info-btn{ margin-bottom: 15px; } .cart-page-subheading2{ color: #000; font-family: "UniversLTW02-67BoldCn","Arial Narrow",Arial,sans-serif; font-size:24px; margin-bottom: 15px; text-transform: uppercase; } .cart-sub-total #order_total{ width: 100%; } .shipping_address.shipping_billing_address_block{ font-size: 14px; font-family: Arial, "Helvetica Neue", Helvetica, sans-serif !important; margin: 15px 0; } .shipping_address.shipping_billing_address_block .title{ font-weight: bold; } .cart-sub-total #order_total td{ width: 50%; } .product-thumb-with-info { width: 100%; float: left; margin-bottom: 15px; } #order_details .product-descriptions{ /* float: left; width: 255px!important; */ } .product-descriptions p a.remove-link { color: #006ecc; font-family: sans-serif; font-size: 15px; } .order-summary-page .product-descriptions{ width: 295px } .body_row{ font-family: "UniversLTW02-57Condense 723821"; font-size: 15px; } .item-quantity input, #order_details .QTY{ width: 100%!important; } .item-quantity input{ border: solid 1px #d0d0d0; background: #fff; padding: 5px; text-align: center; } .product-name{ font-family: "UniversLTW02-67BoldCn","Arial Narrow",Arial,sans-serif; font-size: 1.5em; color: #000; text-transform: uppercase; line-height: 26px; } .product-descriptions .sku-no{ font-size: 1.2em; } .reusable-object{ margin-bottom: 20px; } .product-thumb, #order_details .product-descriptions{ width: 100%!important; } .product-thumb .img-container{ border: 1px solid #ccc; height: 100%; margin-bottom: 5px; width: 100%; display: inline-block; } .product-remove-item{ float: left; /* width: 40px; */ } .product-remove-item a { color: #989898; display: block; font-size: 16px; /* margin-top: 73px; */ text-align: center; } .product-remove-item a:hover{ text-decoration: none; } .shopping_cart_box{ min-width: 100%; } .save-to-list{ margin: 0 40px; } .save-to-list .bdr-bottom-grey{margin-bottom: 0} .save-to-list p { padding: 15px 0; margin-bottom: 0; } .save-to-list a{ color:#006ecc; } .availability{ } .requisitionListBox .addRequisitionList .button, .OrderItemMoveToRequisitionLists .requisitionListBox .addRequisitionList .button{ width: 100%; max-width: 100%; } #order_details .each,#order_details .total { width: 100%; text-align: left; } #order_details .align_right, .each, .total { padding-top:0; text-align: left; } #order_details .each,#order_details .total, #shoppingCart_tableCell_each, #shoppingCart_tableCell_total{ text-align: center; } .avail_padding.cart-availability-table{ width: 100%; } .contact_dealer_informations{ border: solid 1px #ccc; padding: 5px; } #order_details .item-quantity input{ font-size: 16px !important; } .close-link{float: right;} .createTableList .input_field, .createTableList .inputField{width: 100%!important;border-radius: 0;} .uploadTableList .uploadForm .formContents {background: #fff none repeat scroll 0 0 !important;} .uploadTableList #fileNameBox {background-color: #fff !important;width: 200px !important;height: 35px;color: #000 !important;} .actionDropdown.active {position: absolute;border-radius: 0;font-size: 12px;box-shadow: none;box-shadow: 4px 4px 4px #999;margin-right: 18px;margin-top: -5px;} .actionDropdown.active .actionItem{border-bottom: 0;} .omnishoppingcart #box{margin-top: 15px;} .header_row{height: 21px;color: #000;} #RequisitionListAddToCartForm input{width:40%;text-align:center;} .shopping-cart-page .save-to-list .warrantySection{border-color: #f3f3f3;} .shopping-cart-page #order_details .bdr-bottom-grey{border-bottom: solid 2px #e9e9e6;} .m-b-0{margin-bottom: 0;} .shopping-cart-page .pick-up-information-main-container .container .row:nth-child(2) .col-md-3.col-xs-12:nth-child(2) p ~p{ margin: 0 } .container #storeHours p ~p{ margin: 0 } .listTable .toolbar #quantityAdd { margin-top: 5px; } .shipping-billing-page .grey-bg #catSBEspotPinstripe .contentRecommendationWidget{ margin-bottom: 10px; font-size: 13px; } .shopping-cart-page .pick-up-information-main-container{ background: none; padding-top: 0; margin: 0; } #shoppingCart_tableCell_productName{ color: #000; font-family: "UniversLTW02-67BoldCn","Arial Narrow",Arial,sans-serif; font-size: 20px; margin-bottom: 15px; text-transform: uppercase; text-align: left; } .body_row.type2 .product-thumb, .body_row.type4 .product-thumb{ width: 63%!important; } .body_row.type3 .product-thumb{ max-width: 172px; } .body_row .availability{ margin-top:60px ; text-align: right;} /*#shoppingCart_tableCell_total, #order_details .total{ text-align: right;}*/ .body_row .availability .contact_dealer_print{ font-size: 11px; font-family: sans-serif; text-align: right;} .body_row .availability .mobile-headings{ text-transform: uppercase; font-weight: bold;} .fixedcatpage{ background: #f2f2f2; padding: 15px; position: absolute; top: -225px; z-index: 9; right: -300px; width: 300px; float: right; } .fixedcatpage .button{ font-size: 18px;} .totalsPrices{} .order-total-details .smalltext, .totalsPrices .smalltext{ font-family: sans-serif; font-size: 11px;} .totalsPrices .bigPriceText, .order-total-details .price,.order-total-details .currency-text{ font-family: UniversLTW02-67BoldCn,"Arial Narrow",Arial,sans-serif; font-size: 14pt; } .sfl__drop-down{ overflow: auto; height: 200px; } .shopping-cart-page .product-thumb p { font-family: sans-serif; font-size: 11px; text-align: left; } .shopping-cart-page .product-remove-item a { color: #000; font-size: 13px; text-align: center; } .shopping-cart-page .product-remove-item span ~ span { color: #006ecc; margin-left: 20px; display: inline-block; text-transform: uppercase; } .shopping-cart-page .mobilesections .product-name{margin-top:0!important} .shopping-cart-page .mobilesections .quantity_section{padding-top:5px} .body_row .mobilesections .availability{text-align: left;} /* billing page */ .billing-page-box{font-size: 12px;} .billing-page-box.rightHoursSection .hoursValue span{word-spacing:10px;} .billing-page-box .box-title, .box-title2{color: #565656;font-family: "UniversLTW02-67BoldCn","Arial Narrow",Arial,sans-serif;font-size: 15px;margin-bottom: 15px;text-transform: uppercase;} .billing_address_container { width: 100%!important; max-width: 100%!important; min-width: 100%!important; } .drop_down_billing{ margin-bottom: 15px; } #poNumber,#promoCode,#catfinacneNumber{ border: 1px solid #ccc; height: 50px; width: 100%; background: #fff; font-size: 12px; padding: 0 10px; } #storeHours p span{ float: right; font-weight: bold; } .grey-bg{ background: #f2f2f2; font-size: 14px } #billing_summary, .billing_summary, .billing_address, .billing_method, #billing_method{ padding-right: 0; } .p-tb-10{ padding-top: 10px; padding-bottom: 10px; } .button_footer_line .button_primary2{ margin: 0; }.promo-small-text{ font-size: 12px; margin: 10px 0; } .billing_method .drop_down_billing, .billing_address_container .drop_down_billing{ height: 100%; padding: 5px; } .billing_method .card_info .col1, .billing_method .card_info{ width: 100%; }.billing_method .card_info{display: block} .finanical-data{ background: #fff none repeat scroll 0 0; border: 1px solid #ccc; left: 50%; margin-bottom: 0; /* margin-left: -200px; */ margin-right: auto; max-width: 500px; padding: 20px; position: fixed; top: 50%; width: 100%; z-index: 9999; /* margin-top: -100px; */ transform: translate(-50%, -50%); } #widget_catfinacne_popup{ z-index: 9999!important;} .finanical-data .catfinancecircle{ margin-bottom: 20px; } .finanical-data .catfinancebox{ min-height: 100px } .yellow-bdr{ height: 6px; background: #faca11; } .grey-bdr{ height: 6px; border-top: 1px #fff solid; border-bottom: 1px #fff solid; background: #f2f2f2; } .custome-row{ /* margin-top: 10px; margin-bottom: 10px; */ margin: 10px 0.5%; width: 95%; } .epp-finance .row .col-xs-4{border-right: solid 1px #ccc;min-height: 100px;} .epp-finance .row .col-xs-4:last-child {border: 0 none;} #aviContinueButtonContainer.button_container{margin: 0;} #widget_avi_popup{z-index:9999!important;} div.widget_site_popup > .middle > .content_left_border > .content_right_border {border: 0px solid rgba(71, 71, 71, 0.5)!important;} .catfinancecircle{margin: 0 auto;} #addressVerificationApplyBtn.button_primary2{margin-bottom: 0;} .shopping-cart-page #order_total .bdr-bottom-grey{display: none;} .m-t-20{margin-top: 20px} .bdr-left{border-left: solid 1px #e9e9e6;} .existing-user input{width: 100%;border: solid 1px #cccccc;padding: 5px;height: 35px;} .existing-user p a, .myaccount_link{color: #0573d1;} .row-wraper .bdr-bottom-grey {border-bottom: 2px solid #ccc;} .row-wraper .warrantySection{border-color: #ccc;} #order_details .QTY, .row-wraper .availability, .row-wraper .total, .row-wraper .each{ font-family: "UniversLTW02-57Condense 723821" !important; } .row-wraper .total, .row-wraper .each{font-size: 19px;} #OrderConfirmPagingDisplay .row-wraper .total, #OrderConfirmPagingDisplay .row-wraper .each, #OrderConfirmPagingDisplay .row-wraper .availability{font-size: 17px;} #OrderConfirmPagingDisplay .product-descriptions{width: 170px!important} .row-wraper .total, .shopping-cart-page .row-wraper .price{/*font-weight: bold;*/} .shopping-cart-page .row-wraper .total{font-weight: normal;} .button_footer_line{float:none; padding-top: 0;} #addnew_content_footer .button_footer_line{margin-left:-20px;} #addnew_content_footer .button_footer_line .left{width:43%;} .requisitionListsContShopButton{cursor: pointer;} .requisitionListContent .productAdded {border-bottom: 0px solid #ddd;border-left: 0px solid #ddd;border-right: 0px solid #ddd;} .requisitionListContent .productAdded .product img {height: 95px;} .requisitionListContent .productAdded .product .productTitle {font-size: 16px;} .requisitionListContent h1.requitionListAddedHeader{font-size:2em;} .button.button_secondary span { margin: 0 !important; padding: 0 !important; display: block; line-height: 17px; } .pd11{ padding: 11px; } .product-names, .total-price, .each-price, #order_details .qty{ text-align: center } .order-summary-page #order_details .product-thumb, .order-confirmation-page #order_details .product-thumb{ /* width: 202px !important; */} .order-confirmation-page .confirmation-message .reference-number{color: #000;font-family: "UniversLTW02-67BoldCn","Arial Narrow",Arial,sans-serif;font-size: 20px;margin-bottom:10px;} .order-confirmation-page .confimationMessageSection{margin-top:-15px;margin-left:-15px;} .order-confirmation-page .confimationMessageSection p{margin: 0px;} .order-summary-page #order_details .item-quantity, .order-summary-page #order_details .price, .order-confirmation-page #order_details .item-quantity, .order-confirmation-page #order_details .price {color: #4d4d4d!important} .order-summary-page #order_details .contact_dealer_print td, .order-confirmation-page #order_details .contact_dealer_print td{ border-bottom: 0!important; color: #444; } /* .shopping-cart-page .pick-up-information-main-container .cart-page-subheading{ border-bottom: 1px solid #e9e9e6; margin-bottom: 10px; padding-bottom: 10px; } */ /* #order_details .epp-row .product-descriptions {width: 440px!important;} */ #order_details .epp-row .tooltipIconContainer {display: inline-block} /* Order Summary page */ .pick-up-information-main-container{ background: #f2f2f2; padding: 20px 0; margin: 20px 0; } .pick-up-information-main-container .cart-page-subheading,.pick-up-information-main-container .bdr-bottom-grey{ margin-bottom: 5px; } .smalltxt{ font-size: 12px; } .pick-up-address-time{ font-size: 12px; } .order-total-details{ width: 100%; font-family: "UniversLTW02-57Condense 723821"; font-size: 15px; line-height: 21px; color: #6b6b6b; margin-bottom: 15px; } .order-total-details .bdr-bottom-grey{ margin-top: 10px; border-bottom: solid 2px #000; } .order-total-details .col-xs-6.total_details{ padding-left:30px; } .order-total-details .col-xs-6.total_figures{ text-align: right; padding-right:30px; color: #000; } .currency-text { color: #6b6b6b; } .order-total-details .col-xs-6.total_figures .price{color:#000;} .order-total-details .total-row, .shopping-cart-page .subtotal-row{ font-size: 21px; } .confirmation-message{ margin-top: 20px; font-size: 13px; margin-left:0px; } .shopping-cart-page #shopCartHeaderFieldUpdateButton{margin-top: 10px;} .shopping-cart-page .newList .newList{ float: none; width: 100%; margin-bottom: 10px; } .shopping-cart-page .newList .sortingDropdown{ width: 100%; margin-bottom: 15px; margin-left: 0; padding: 0; border-radius: 0; background: none; border: 0; } .shopping-cart-page .newList .container1 { margin: 10px 0; } .shopping-cart-page #newListDropdown5, .shopping-cart-page #newListDropdownSFL{margin-top: 0;} .cart-item__price{ font-size: 16px; font-family: "UniversLTW02-67BoldCn", "Arial Narrow", Arial, sans-serif; color:#565656; white-space: nowrap; /*BCPC-4145*/ } .finance-applications{ border: solid 1px #e4e4e4; background: #f5f5f5; padding: 5px; } /* .shopping-cart-page #checkout_crumb .crumb{padding-top: 0;} */ /**Home page section**/ .home-category-header{margin-top:20px;} .home-category-header h2, .home-category-header h1, .home-category-header h5 {font-family: "UniversLTW02-67BoldCn", "Arial Narrow", Arial, sans-serif;color: #000 !important;font-weight: normal;} .home-category-header h2 {font-size: 1.4em;margin-top: 7px;clear: both;text-transform: uppercase;} .home-category-header h1 {font-size: 2.4em;clear: both;text-transform: uppercase;} .home-category-header h5 {font-size:16px;clear: both;font-family: "UniversLTW02-57Condense 723821","Arial Narrow",Arial,sans-serif;} .blank-row{display:none;} .carousel.clip-true > .content {overflow: hidden; margin: 0 -10px} /* .carousel {position: relative;} */ .carousel > h2 {position: relative;z-index: 1;margin: 0;padding: 0 50px 10px 10px;color: #010f1c;font-weight: inherit;} .carousel > .content > ul > li {display: inline-block;vertical-align: top;white-space: normal; float: left; padding:0px 15px 20px } .carousel > .content > ul > li.hidden {visibility: hidden;} .carousel .left_espot.centered {margin: 0 5px;} .omnihomepldata .carousel > h2 {padding: 0px 50px 10px 0px;} .omnihomepldata .catalogEntryRecommendationWidget .titleItems {padding-left: 0px;} .omnihomepldata .catalogEntryRecommendationWidget .product {/* min-width: 250px; max-width:250px;*/padding:0px; margin: 0 10px; width: 90%} .catalogEntryRecommendationWidget .product_name {box-sizing: border-box;width: 100%;overflow: hidden;display: table-cell;vertical-align: middle;height: 54px;padding: 0 10px !important} .catalogEntryRecommendationWidget .product_price {color: #000000;font-size: 18px;min-height: 54px;padding: 15px 0px 0px 10px;background-color:#f2f2f2;} .omnihomepagecontainer .catalogEntryRecommendationWidget .product_price {padding: 15px 0px 0px 10px !important;clear: both;} .omnihomepldata .product_info > .product_name > a {color: #000;font-size: 21px;line-height: 21px;} .price.pending.price {line-height: 50px;} .omnihomepldata .price{font-size: 1.2em;font-weight: 400;} .copy-right-txt{float:right;} /**MyAccount related**/ #box .contentline {border: none;} #box .body, #box_1 .body {border: 0px !important;width: 100%;padding:0px!important;} form .column input.inputField, .sign_in_registration form .column input.inputField, #AddressForm .column .dijitSelect{width: 85%;} .inputField:FOCUS{border:1px solid #006ecc;} .column.single-left-column{min-width:100%;} .column.single-left-column .inputField {width: 42.5% !important;} .column.single-right-column{min-width:50%;float:right;} .column.single-right-column .inputField {width: 85% !important;} .half_column {width: 40%;display: inline-block;} .space-heading-row{padding-top:10px;padding-bottom:10px;} .left-spacing{margin-left:10px;} #searchBasedNavigation_widget_ACCE_Label{display:none;} #Register select, #Register .dijitSelect{max-width:85%;background:#fff;height:31px;} .register-terms-container{padding:40px 0px 40px 0px;} .register-terms-container .required-field{float:none;} .radio-grp-container{margin:20px 0px 20px 0px;} .radio-grp-container.button-black {margin: 0px;} form .column_label, .sign_in_registration form .column_label, form span.Street_2, .sign_in_registration form span.Street_2, .challengeQuestionTxt {font-weight: bold;font-size: 12px;color: #000;height: auto;padding-bottom: 3px;padding-top: 3px;} form .required-field, .sign_in_registration form .required-field {padding-top: 0;} .equipments-text .main-heading{border-bottom: 4px #000 solid;padding-bottom: 15px;} .requisitionListBox.warrantySection .warrantytextContainer{border-bottom: 0;} .requisitionListContent input[type="text"], .requisitionListContent input[type="password"] {border: 1px solid #ccc;border-radius: 0px;font-size: 13px;margin-bottom: 15px;padding: 7px 5px;width: 100%;} .newList .sortDropdown {border-radius: 0 !important;left: 0;position: absolute;width: 100% !important;height: 100%!important} .requisitionListContent.popup .listSelect .newList .sortingDropdown{width: 100%;margin-bottom:5px;border: solid 1px #dad7d2;position: relative;border-radius: 0px;background: #f6f5f4;height: 31px;padding-left: 5px;} .requisitionListContent.popup .listSelect .sortDropdown{border-bottom: 0;height: 55px;} /*--START: BCPC-3762: UI : Existing save list drop down is sticky not able to scroll down */ .requisitionListContent.popup .listSelect .sortDropdown ul {background: #fff; max-height: 162px; overflow: auto;} /*--END: BCPC-3762: UI : Existing save list drop down is sticky not able to scroll down */ .requisitionListContent.popup .listSelect .sortDropdown ul li {border-bottom: 1px solid #898989;color: #545454;font-size: 12px;height:auto;line-height: 16px;list-style: outside none none;padding: 5px 0 5px 32px; background-position: 5px 50%; position: relative} .requisitionListContent.popup{left: 50%;margin: 0 auto 0 -330px;width: 660px;padding: 15px; z-index: 9999} .requisitionListContent h1 {background-color: none !important;color: #000;font-family: "UniversLTW02-67BoldCn","Arial Narrow",Arial,sans-serif;font-size: 2.4em;line-height:25px;padding: 0 0 10px 0 ;border-bottom: solid 1px #d9d6d2;} .requisitionListContent .listSelect{border: 0px;} .requisitionListContent.popup .product {border: 0px solid #E9E9E6;float: none;} .requisitionListContent .saveButton {width: 90%;} .requisitionListContent .productAdded .product img {padding-right: 10px;} .requisitionListContent.popup .listSelect .sortDropdown ul li input[type="radio"] { background: red none repeat scroll 0 0; box-sizing: border-box; height: 26px; left: 0; padding: 0; position: absolute; top: 0; width: 100%; } .requisitionListContent.popup .listSelect .sortDropdown ul li input[type="radio"] + label{float: right; margin-right: 5px; display: none;} .requisitionListContent.popup .listSelect .sortDropdown ul li input[type="radio"]:checked + label { display: inline-block;} #uploadListDropdown::before {display: block;content: "\e943";font-family: font-icon;margin-top: -22px;float: right;font-weight: bold;font-size: 1.35em;} #container_MyAccountDisplayB2B #newListDropdown::before {display: block;content: "\e943";font-family: font-icon;margin-top: -22px;float: right;font-weight: bold;font-size: 1.35em;} .addrbook_header {padding-top: 20px; display: block} .address-dropdown{margin-top:0px; padding: 9px;} #container_MyAccountDisplayB2B #RequisitionList_list_table .omniLightButton:hover, #container_MyAccountDisplayB2B #RequisitionList_list_table .clicked, #container_MyAccountDisplayB2B #SavedOrderList_list_table .clicked {background-color: #000;} #container_MyAccountDisplayB2B #RequisitionList_list_table .gearLink, #RequisitionListItemTable_Widget .listTable .cell a.gearLink{font-size:24px;color:#000;} #RequisitionListItemTable_Widget .listTable .cell a.gearLink{padding-left:30px;} #RequisitionListItemTable_Widget .withPreviewImage img{width:100%;margin-top: -20px;} #container_MyAccountDisplayB2B #RequisitionList_list_table .gearLink.clicked{background-color: #fff;} #total_breakdown {padding: 5px 27px 10px 0;} #total_breakdown #order_total {min-width: 330px;font-family: "UniversLTW02-57Condense 723821","Arial Narrow",Arial,sans-serif;font-size:13px;} #total_breakdown #order_total .total_details {line-height: 20px;padding-left: 20px;text-align: left;} #total_breakdown #order_total .total_figures {font-family: "UniversLTW02-57Condense 723821","Arial Narrow",Arial,sans-serif;font-size: 13px;} #total_breakdown #order_total .total_figures.total-value{color:#000;font-size:18px;} #total_breakdown #order_total .order_total{font-size:18px;} .row.regis-comp-section{padding-bottom: 20px;} .border-2-style{border-bottom:2px solid #000;} .total-divider{padding:5px 0px 5px 0px;} .top-button{padding-right:20px;} .print-text{padding-top:40px;} #billing_summary .billing_address, .billing_summary .billing_address {width:auto;} .billing_address, .shipping_address_nester, .shipping_address, .shipping_address_content, .description_fixedwidth, #shipping {line-height: 15px;} #catSBEspotPinstripe{margin-top: 10px;} #FileUpload > span {display: block;font-size: 13px;margin-top: 5px;} #order_details .th_align_left_normal, #order_details td {border-bottom: 2px solid #e5e5e5 !important;} #cart-availability-table-forSummary_Confirmation_page tr td{border-bottom: 0px solid #e5e5e5 !important;font-size: 18px;padding: 0px;} .availability #cart-empty-table td{border:0px!important;} #shipping {width: 100%;} .shipping_billing_img_padding {overflow: hidden !important;} #uploadListDropdown{right:15px!important;} #uploadListDropdown, #newListDropdown {width: 250px;top: 4px;background-color: #fff;border: 1px solid #e5e5e5;} .toolbarDropdown {border-bottom-left-radius: 0px !important;border-bottom-right-radius: 0px !important;border-top-left-radius: 0px !important;border-top-left-radius: 5px;box-shadow: 0 0 0 0 rgba(191, 191, 191, 0.75) !important;display: none;font-size: 12px;margin-top: 36px;padding: 15px;position: absolute;z-index: 10;} #orderItemDisplay .toolbarDropdown {margin-top: 0; top: 16px;} .order_status_table .price {font-size: 12px;color: #000;font-family: Arial, "Helvetica Neue", Helvetica, sans-serif !important;white-space: nowrap;} .order_status_table .column_heading th.li {color: #000;padding-bottom: 5px;padding-top: 3px;font-weight: 600;font-size:12px;text-align: left;} .order_status_table .column_heading th.li.total_price_column_1{text-align:center;} .order_status_table tr td.li{text-align:left;} .order_status_table tr td.li.totalPriceValue{text-align:right;} .recentHistoryLbl{margin-top:5px;} .personInfoLeftSide{border-right:2px solid #ccc;} .personalInformationWraper .form_2column .column{min-width: 100%;} .personalInformationWraper form .column input.inputField, .personalInformationWraper .column input.inputField{width:95%;} .personalInformationWraper .column .dijitSelect, .personalInformationWraper #Register select, .personalInformationWraper #Register .dijitSelect{max-width:95%;} .personalInformationWraper .column.single-left-column .inputField{width:95%!important;} .personalInformationWraper .space-heading-row{padding-top:0px;} .personalInfoRequireText{padding-top:35px;} .re-order-button{padding:8px 20px;font-size:14pt;} .dojoxGridRow .dojoxGridRowTable .re-order-button{width:88%;float:right;} .dojoxGridRow .dojoxGridRowTable .dojoxGridCell a{color:#006ecc;} .order_status_table .ul .li{padding:10px 0px;font-size:12px;} div#PreviouslyProcessed{padding-right:0px;} .order_status_table .price {white-space: nowrap;} .order_status_table .order_number_column_1, .order_status_table .purchase_order_column_1, .order_status_table .order_date_column_1 {width: 20%;} .border-header{border-bottom:1px solid #cccccc;padding:10px 0px 5px 0px;} .order_details_my_account, .info-section{padding:10px 0px 5px 0px;} .orderPickupWrapper{background-color:#f2f2f2;padding-left:5px;} .myaccount_subheader, .checkout_subheader {background: none;border: 0px;width: 100%;float: left;padding: 0px !important;} .button-right-wrapper{width:88%;margin-left:-13px;} .button-cancel-link {color: #006ecc;padding-top: 20px;} .button-cancel-link .button_text {padding-right: 38px;padding-top: 10px;} #content .collapsible > h3::before, .categoryNavWidget.collapsible > h3::before, .linkWidget.collapsible > h3::before {display:none;} #content .collapsible[aria-expanded="false"] > h3::before, .categoryNavWidget.collapsible[aria-expanded="false"] > h3::before, .linkWidget.collapsible[aria-expanded="false"] > h3::before{display:none;} #content .collapsible > h3, .categoryNavWidget.collapsible > h3, .linkWidget.collapsible > h3{padding:10px 14px;font-family: "UniversLTW02-67BoldCn","Arial Narrow",Arial,sans-serif;text-transform: uppercase;border-bottom: 1px solid #e3e1e1;font-size:1.2em;} .order_status_table .row{border-bottom:1px solid #e5e5e5;} /* search result list view page */ ul.list_mode li {width: 100% !important;border-bottom: 2px solid #e9e9e9;padding-bottom: 20px !important;min-height: auto !important;padding-top: 10px !important;} .product_listing_container .list_mode .product {display: table;position: relative;border: 0px solid #E9E9E6;width: 100%;padding: 0px 0px 10px 0px !important;float: left;} .product_listing_container .list_mode .product > .product_image { display: table-cell !important; height: auto !important; margin: 0 !important; position: relative !important; top: 0 !important; vertical-align: top; width: 220px!important; } .list_mode .product_image img{top:0px;} .product_listing_container .list_mode .productdesc {padding: 0px !important;} .product_listing_container .list_mode .product_info { vertical-align: top; width: 70%!important; display: table-cell; float: none !important; padding-right: 10px; padding-left: 10px; box-sizing: border-box; } .productListingWidget .product_listing_container.attachSubCategoryWraper .list_mode .product_info{width: 50%!important;} .productListingWidget .product_listing_container.attachSubCategoryWraper .list_mode .productPriceContainer{ vertical-align: top; width: 25%!important; display: table-cell; float: none !important; padding-right: 10px; padding-left: 10px; box-sizing: border-box; } .productListingWidget .product_listing_container.attachSubCategoryWraper .list_mode .productPriceContainer .product_price{ margin-top:85px; } .pdmoredetailscontainer{padding-top:20px;} .product_listing_container .list_mode .product_info .productDetailsContainer .product_description.productdesc { padding: 4px 0px 4px 0px !important; } .product_listing_container .list_mode .product .compare_target { bottom: -23px; float: left; left: 0; position: absolute; vertical-align: bottom; width:100%; } .product_listing_container .list_mode .product > .product_info > .product_price {padding-top: 14px;clear: both;color:#000!important;font-weight:normal;font-size:16px!important;} .product_listing_container .list_mode .product > .product_info > .product_name, .list_mode .product_info > .product_name > a { line-height: 22px !important; padding: 3px 0px !important; max-height: 100%; overflow: visible; } .list_mode .product_info > .product_name > a:hover, .grid_mode .product_info > .product_name > a:hover { text-decoration: none !important; } .product_listing_container .list_mode .product > .product_info > .not_available {color: #000000;font-style: normal !important;} /* check out page */ .container_content_rightsidebar.shop_cart > .left_column, .container_content_rightsidebar > .right_column { width: 100% !important; max-width: 100% !important; } @media (max-width: 359px) and (min-width: 320px){ a#newListButton2:lang(es){ position: relative; bottom: 25px; left: 155px; } } @media (max-width: 372px) and (min-width: 360px){ a#newListButton2:lang(es){ position: relative; bottom: 25px; left: 170px; } } @media (max-width: 395px) and (min-width: 360px){ a#newListButton2:lang(fr){ position: relative; bottom: 25px; left: 210px; } } @media (max-width: 355px) and (min-width: 320px){ a#newListButton2:lang(fr){ position: relative; bottom: 25px; left: 177px; } a#newListButton1.product-icon:lang(fr) { margin-left: -20px; } } .shopping-cart-page #box .headingtext.heading_shop_new a.normal-link, .listTable .toolbar #newListButton{ color: #006ecc; } #orderItemDisplay{margin: 0!important;padding: 0!important;} /** Common error message popup **/ .dijitTooltipContainer { background-color: #fff; border: 2px solid #ff0000; border-radius: 0px; color: #ff0000; font-size: 12px; height: auto; line-height: 21px; padding: 10px; position: absolute; text-align: left; width: 431px; font-weight:bold; } .dijitTooltipContainer:after, .dijitTooltipContainer:before{ right: 100%; top: 0; border: solid transparent; content: " "; height: 0; width: 0; position: absolute; pointer-events: none; } /*---- START: BCPC-2781:Billing Page - The promo code link's error message is not pointing to the center ----*/ .dijitTooltipContainer:after { /* border-color: rgba(255, 0, 0); */ border-right-color: #ffffff; border-width: 13px; margin-top: 5px; } .dijitTooltipContainer:before { /* border-color: rgba(255, 0, 0); */ border-right-color: #ff0000; border-width: 15px; margin-top: 3px; } /*---- END: BCPC-2781:Billing Page - The promo code link's error message is not pointing to the center ----*/ .dijitTooltipRight {margin-top: -20px;} .dijitTooltipConnector {display:none;} #alert.spanacce{display:none;} .fieldErrorStyle{border:1px solid #ff0000;} .fieldValidStyle{border:1px solid #ccc;} /** Loader related css **/ @keyframes loading{ 0% {opacity: 1; background:#F2F2F2;} 25% {opacity: 1;background:#ffcc01;} 29% {opacity: 1;background:#F2F2F2} 100% {opacity: 1;background:#F2F2F2} } .square{height: 10px;width:10px;background:#E9E9E6; margin:0 5px 5px 0; float:left; animation: loading 2s linear infinite reverse;} .flat-container {padding-left: 2px;} .flat-container > .square{animation: loading 1s linear infinite;} .clear{clear:both;} .square:nth-child(1){animation-delay: .75s;} .square:nth-child(2){animation-delay: 1s;} .square:nth-child(3){animation-delay: .5s;} .square:nth-child(4){animation-delay: 0.25s;} .flat-container > .square:nth-child(1){animation-delay: 0.2s;} .flat-container > .square:nth-child(2){animation-delay: 0.4s;} .flat-container > .square:nth-child(3){animation-delay: 0.6s;} .flat-container > .square:nth-child(4){animation-delay: 0.8s;} .flat-container > .square:nth-child(5){animation-delay: 1s;} .price-loader {margin: auto;width: 50%;} .flp__container-allcontent .price-loader {margin: auto;width: 100%;display: flex;flex-direction: column;padding-bottom: 10px;} .flp__container-allcontent .avail_container {padding-top: 0px;} .flp__container-allcontent .msrpprice__price {padding-top:5px;font-size: 24px;} .priceLoaderText {color: #777777;font-family: "UniversLTW02-57Condense 723821","Arial Narrow",Arial,sans-serif;font-size: 14px;padding: 5px 0px 7px;} #progress_bar_dialog.dijitDialog{border:0px solid #fff;height:0px;width:0px;z-index:999999!important;} #progress_bar_dialog .dijitDialogTitleBar{display:none!important;} /***End loader**/ .contact-us-page .inputRow, .contact-us-page .drop_down_checkout,.inputRow{ border-radius: 0!important; margin: 5px 0; width: 100%; border: 1px solid #bfbfbf; border-radius: 5px; font-size: 12px; padding: 6px; height: 35px; margin-bottom: 10px; background: #fff; } .text-area{ border-radius: 0!important; margin: 5px 0; width: 100%; border: 1px solid #bfbfbf; border-radius: 5px; font-size: 12px; padding: 6px; height: 50px; background: #fff; } .dealer-branch-informations{ border: solid 1px #c6c3bd; } .dealer-branch-informations .contact-no{ line-height: 17px!important; } .dealer-branch-informations .dealear-sub-heading{ font-family: "UniversLTW02-67BoldCn","Arial Narrow",Arial,sans-serif; font-size:1.3em; font-weight: normal; } .dealer-branch-informations .dealear-sub-heading2{ font-size: 1.3em } .dealear-heading{ font-family: "UniversLTW02-67BoldCn","Arial Narrow",Arial,sans-serif; font-size: 1.5em; color: #000; background: #f6f6f5; padding: 5px 10px; text-transform: uppercase; } .dealear-box{ padding: 2px 10px; font-size: 12px; } .dealear-sub-heading{ font-weight: bold; font-size: 13px; } .light-blue-color{ color:#0090b1; } .dealear-box .contact-no{ font-size: 1.4em } .dealear-sub-heading2{ font-family: "UniversLTW02-67BoldCn","Arial Narrow",Arial,sans-serif; font-size: 1.4em; text-transform: uppercase; } .service-offered .dealear-box p { margin-bottom: 5px; } .dealer-contact-options{ margin-left: 10px; padding: 0; list-style-type: none; } .dealer-contact-options li{margin: 10px 0;padding: 0;list-style-type: none;} .dealer-contact-options a{color: #47a4cc;} .dealer-contact-options a span{ margin-right: 10px; display: inline-block; font-size: 20px; color: #6c6a66; float: left; line-height: 21px } .hours-oprations{margin: 0;padding: 0;} .hours-oprations li{margin: 1px 0;padding: 0;} .hours-oprations li span{float: right;} .contactdealer-info{width: auto !important;display:none;position:absolute;z-index:10;margin: 0 0 0 3px;padding:0;border-bottom:1px solid;} .contact_dealer_info{background:#FFF;border:1px solid #cccccc;position: absolute;width: 350px;color:#000;line-height:150%;font-size:13px;margin-left:-3px;z-index:99;padding:5px;} /* uaer registration page */ #passwordHelpPopup, #userNameHelpPopup{background: #fff none repeat scroll 0 0;border: 1px solid #c8c8c8;padding: 20px;position: absolute;right: -260px;top: -50%;width: 340px;z-index: 9;} #passwordHelpPopup{margin-top: -25px;} #userNameHelpPopup{margin-top: 20px;} #passwordHelpPopup .arrow, #userNameHelpPopup .arrow{border-color: transparent #c8c8c8;left: -10px;margin-top: -18px;position: absolute;top: 50%;display: none;} #passwordHelpPopup ol ul.circleList{list-style-type: circle;padding-left:1.2em;} #passwordHelpPopup ol ul.squareList{list-style-type: square;padding-left:2.2em;} .greenTickPos{position: absolute;margin-left:-5px;margin-top:-3px!important;} .sisMatchTitle{color: #000;font-family: "UniversLTW02-67BoldCn","Arial Narrow",Arial,sans-serif;font-size: 20px;text-transform: uppercase;padding-bottom: 5px;border-bottom: solid 2px #fdcd00;margin-bottom: 10px;} .sisMatchContent { background: #ffffff; margin-left: 202px; margin-top: -92px; display: none; position: absolute; border: 1px solid #ccc; z-index: 999; } .fbeMatchContent { background: #ffffff; margin-left: 10px; margin-top: -52px; display: none; padding: 22px; width: 200px; position: absolute; border: 1px solid #ccc; z-index: 999; background-color: white; } .sisMatchContent span, .fbeMatchContent span { margin-top: 0px; margin-bottom: 0px; } .sisMatchContent:after, .sisMatchContent:before, .fbeMatchContent:after, .fbeMatchContent:before { right: 100%; top: 45%; border: solid transparent; content: ''; position: absolute; } .sisMatchContent:after, .fbeMatchContent:after { border-color: rgba(255, 255, 255, 0); border-right-color: #fff; border-width: 10px; margin-top: -10px; } .sisMatchContent:before, .fbeMatchContent:before { border-color: rgba(0, 0, 0, 0); border-right-color: #ccc; border-width: 11px; margin-top: -11px; } .showMore {color: #006ecc !important; line-height:26px !important;padding: 5px 0 0 0 !important;} .facetSelectContainer .facetSelectedHighlight {color: #000 !important;} .facetSelect .checkBox {margin: 2px 5px 0 0 !important;border: 1px solid #989898 !important;background-color: #fff !important;} .facetSelect li input:checked + a .checkBox > .checkmark, input:checked ~ .checkBox > .checkmarkMulti, .showMore input[type='checkbox']:checked {background: rgba(0, 0, 0, 0) url("../images/bcp/1280_CheckboxFull.png") no-repeat scroll 0 0 / 10px 10px !important;background-color: #217BBA;} .catEntryGrid_border{border-bottom: 0 dotted #c9c9c9;} .contact_dealer_print td{border-bottom:0px solid;} .shopping-cart-page .fbeMatchContent{ margin-top: -10px; width: 475px;} .shopping-cart-page .sisMatchContent::after, .shopping-cart-page .sisMatchContent::before, .shopping-cart-page .fbeMatchContent::after, .shopping-cart-page .fbeMatchContent::before{top: 20px;} /**Mobile overlay related css**/ .overlay { height: 83%; width: 0; position: fixed; z-index: 1; top: 85px; left: 0; background-color: rgb(255,255,255); background-color: rgba(255, 255, 255, 255); overflow-x: hidden; overflow-y: hidden; transition: 0.5s; border-top:1px solid #f2f2f2; } .overlay-content {position: relative;} ul#FilterTabList li.tablinks, ul#categoryMobileFilterTabList li.tablinks, ul#MobileFilterTabList li.tablinks{padding:10px;background-color:#f2f2f2;color:#000;display: inline-block;width:32.2%;text-transform: uppercase;font-size:11px;font-family: "UniversLTW02-67BoldCn","Arial Narrow",Arial,sans-serif;border-bottom:1px solid #f2f2f2;} ul#categoryMobileFilterTabList li.tablinks{width:49.2%;text-align: center;} ul#FilterTabList li.tablinks.selected, ul#categoryMobileFilterTabList li.tablinks.selected{background-color:#fff;} .filterContent{padding-left:10px;} ul#FilterTabList li.tablinks.sortTab{width:100%;text-align: center;} .mobileControler{display:none;} ul#MobileFilterTabList li{cursor: pointer;} .mobileControler .tablinks > .tabText a::after{content: "\e943";font-family: font-icon;font-size: 9px;color:#000;right:8px; top:10px;pointer-events:none;float: right;} .error-message {color: #ff0000;font-size: 13px;font-weight: bold;margin-top: 10px;text-align: center;} /* shiping biliing */ div.widget_site_popup > .middle > .content_left_border > .content_right_border > .content .header span {font-weight: bold;} div.widget_site_popup > .middle > .content_left_border > .content_right_border > .content .selectors{padding: 15px 20px!important;} div.widget_site_popup > .middle > .content_left_border > .content_right_border > .content .footer .button_container{min-width: 120px;margin-right: 0!important;padding: 0 10px;line-height: 15px !important;} div.widget_site_popup > .middle > .content_left_border > .content_right_border > .content .footer .button_container .button_primary{float: none!important;margin-left: 0!important;} div.widget_site_popup > .middle > .content_left_border > .content_right_border > .content .footer{margin-top: 0!important;} #removePOAttachmentDialog{z-index: 9999!important;} #container_MyAccountDisplayB2B .form_2column .column{min-height: 68px;} .product_listing_container li .col-md-12.col-xs-12{position: static;} .registration-popup{padding: 15px;} .registration-popup .scrolable-content h2 {color: #000;font-family: "UniversLTW02-67BoldCn","Arial Narrow",Arial,sans-serif;font-size: 22px;text-transform: uppercase;margin-bottom: 0;} .registration-popup .p {margin-bottom: 20px;} .registration-popup .topMessage {padding-bottom: 10px;padding-top: 0;} .registration-popup .modalPopup_content{padding-top: 0;} .registration-popup #tc_content{height: 120px;overflow-x: hidden;overflow-y: scroll;} .store_message > .content > .message .message_text{margin-left: 0px!important;line-height: 22px!important;text-align: left!important;padding-bottom: 20px;padding-top: 10px;} span.message-fail-icn{background: rgba(0, 0, 0, 0) url("../images/bcp/unsucessfullimages.png") repeat-x;height: 50px;width: 50px;background-size: cover;margin-left:42%;} /*** Style only related for IE **********/ @media (-ms-high-contrast: none), (-ms-high-contrast: active) { #orderBy_dropdown > #orderBy_menu > table tr td, .orderBySelectMenu > table tr td, #orderByContent_dropdown > #orderByContent_menu > table tr td, #pageSize_dropdown > #pageSize_menu > table tr td, .pageSizeSelectMenu > table tr td, div[id^="attrValue_"] > div[id^="attrValue_"] > table tr td, div[id^="attrName_"] > div[id^="attrName_"] > table tr td { padding-left:10px; } .orderBySelectMenu{background-color:#fff;} .orderBySelectMenu table.dijitMenuTable{margin-left: 10px; z-index: 9999;} Select { /*background: linear-gradient(45deg, transparent 50%, #999 50%), linear-gradient(135deg, #999 50%, transparent 50%), linear-gradient(to right, #fff, #fff); background-position: calc(100% - 21px) calc(1em + 3px), calc(100% - 16px) calc(1em + 3px), 100% 0;*/ background-size: 6px 6px, 6px 6px, 2.5em 2.5em; background-repeat: no-repeat; /* styling and reset */ border: 1px solid #cccccc; font: 300 1em/100% "Helvetica Neue", Arial, sans-serif; line-height: 1.5em; padding: 0.5em 3.5em 0.5em 1em; /* reset */ border-radius: 0; margin: 0; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; -webkit-appearance: none; -moz-appearance: none; appearance: none !important; } .categoryDropdown{padding:4px 23px 4px 4px;margin:0;background:#F5F5F5;color:#000;border:1px solid #cccccc;outline:none;display:inline-block;-webkit-appearance:none;-moz-appearance:none;appearance:none;cursor:pointer;width: 100%;-webkit-border-radius: 0px;-moz-border-radius: 0px;border-radius: 0px;font-size:12px;height:34px;} .categoryDropdown option{padding:15px 10px;border:1px solid #cccccc;} select::-ms-expand {display: none;} .product_listing_container .grid_mode .product > .product_info{min-height:5px;margin-bottom: 5px;} } #removePOAttachmentDialog{z-index: 9999!important;} #CatPasswordVerifyForm #passwordHelpPopup {margin-top: 10px;} #catfinance #catfinanceInputWrapper {position: relative;} #catfinance #catfinanceTooltipIcon {position: absolute;right:-5px;top: 8px;} #catfinance #displayCatFinInfo {/* margin-left: 305px;margin-top: -97px; */} #catfinance #catfinacneNumber {position: relative;} #catfinanceInputWrapper2{ margin-bottom: 15px; width: 93%} .widget_product_compare{position: relative;} .widget_product_compare .add-to-cart-popup{ transform: translate(-50%, -15%);} .promotion_used{font-weight:bold;} .promotion_used p {margin-top:10px;} .promotion_used p a{color:#006ECC; font-width:normal;} .promotion_used p a span{color:#989898; font-size:10px; margin-right:3px;} .toolbarDropdown.active{background: none; border: none;} #selectedListNameInput{position:relative} #selectedListNameInput .dropdownArrow {position: absolute; right: 0;} h3.not-available-heading{ font-family: UniversLTW02-67BoldCn,"Arial Narrow",Arial,sans-serif; font-size: 12pt; color: #000; margin-bottom: 5px; text-transform: uppercase; } p.not-available-content{ font-family: "UniversLTW02-57Condense 723821","Arial Narrow",Arial,sans-serif; font-size: 15px; color: #000; } #termsAndConditionsModal .contentRecommendationWidget h2 { text-transform: uppercase; font-family: "UniversLTW02-67BoldCn", "Arial Narrow", Arial, sans-serif; font-size: 22px; margin: 15px 0; } #termsAndConditionsModal .contentRecommendationWidget h1{ font-family: "UniversLTW02-67BoldCn", "Arial Narrow", Arial, sans-serif; padding-bottom: 20px !important; border-bottom: 2px solid #ffcd11; font-size: 40px; text-transform: uppercase; margin-bottom: 15px; } #termsAndConditionsModal .contentRecommendationWidget .header_diverder{ display: none; } a.button.whiteBG {background: none; color: #858585; text-align: right;} /**Chat related css**/ iframe#embedded-frame{display: block!important;} .five9-chatPrompt {bottom: 33px;position: fixed;right: 250px;} /**End Chat related css**/ @media screen and (min-width: 768px){ /* .locateIcn:hover{background-position:0px;} .locateIcn:hover div.icnLbl{margin-top: 0px;} .buildIcn:hover{background-position:0px;} .buildIcn:hover div.icnLbl{margin-top: 0px;} .orderIcn:hover{background-position:0px 55px;} .orderIcn:hover div.icnLbl{margin-top: 0px;} .picupIcn:hover{background-position:0px 32px;} .picupIcn:hover div.icnLbl{margin-top: 0px;} .ownIcn:hover{background-position:0px 32px;} .ownIcn:hover div.icnLbl{margin-top: 0px;} */ /* Start: BCPC-2053 Grey background of images in QA1 */ .productListingWidget .product_listing_container > ul.grid_mode.grid li{width: 33%; max-width:32%!important;} /* End: BCPC-2053 Grey background of images in QA1 */ .productListingWidget .product_listing_container.attachCategoryWraper > ul.grid_mode.grid li{max-width:32%!important;} } @media (min-width: 769px)and (max-width: 991px){ #selectMachineDiv{width:45%;float:right;margin-top: -10px;} } .username_password_validated_image {background-repeat: no-repeat !important;overflow: hidden !important;background-image: url('../images/UserName_Password_Active.jpg') !important;background-position: 99.6% !important;} .upDownArrowsInactive {height: 5px;color: #cccccc;} #orderHistoryResultsGrid .dojoxGridSortNode .upDownArrowsInactive, .myAccountMarginRight #upDownArrowsInactiveContainerLast{display:none;} #orderHistoryResultsGrid .dojoxGridMasterHeader{margin-top:10px;} #orderHistoryResultsGrid .dojoxGridPaginatorStep{margin-top:5px;} #upDownArrowsInactiveContainer {display: none;} .upDownArrowsInactiveInner {display: inline-block;position: absolute;top: 2px;margin-left: 2px;} .warrantyreturn-popup {background: #fff none repeat scroll 0 0;font-size: 13px;left: 50%;padding: 20px;position: fixed;top: 50%;width: 440px;z-index: 9999;transform: translate(-50%, -50%);} #centered_single_column_form {width: auto;} .shippingBillingEditAddr #centered_single_column_form_footer{padding-right:0px;} .shipBilCheckContainer{margin-top:10px;} .shippingBillingEditAddr select{background-color: #fff;} .pageSizeOrdHist {margin: auto;padding: 5px 8px 0 2px;text-align: center;width: 42px;} #orderApprovalPageUploadAttachment a {margin-bottom: 15px;} .add-attachments-epp{ background: #f2f2f2 none repeat scroll 0 0; margin: 0 15px 5px; padding: 20px 0 10px; } .add-attachments-epp .normal-text-style{ text-transform: uppercase } .add-attachments-epp .mid-grey-text { font-family: "UniversLTW02-57Condense 723821"!important; color: #979797; } .add-attachments-epp .button_primary2{ padding: 13px 14px; } .mrg-b-5{margin-bottom: 5px;} .requisitionListContent input[type="text"], .requisitionListContent input[type="password"] { max-width: 100%!important } .greyBG2 { background: #f2f2f2 none repeat scroll 0 0; padding: 15px 0; margin: 0 15px; } .shopcart_pagination{ float: right; width: auto; margin-bottom: 20px; line-height: 21px; } .prev-arrow-peg,.next-arrow-peg { background: transparent url("../images/bcp/1280_Pagination_BackButton.png") no-repeat scroll 0 0; background-size: 18px 18px; background-position: left; background-repeat: no-repeat; height: 21px; width: 18px; margin-right: 10px; float: left; } .next-arrow-peg { background: transparent url("../images/bcp/1280_Pagination_ForwardButton.png") no-repeat ; background-size: 18px 18px; background-position: left; background-repeat: no-repeat; height: 21px; margin-left: 10px; width: 18px; float: left; } .tabFixed{position: fixed; z-index: 9999; top: 0; left: auto; max-width: 1180px; /* margin:0 15px; */} .plpcounttext{float:right;} .plpnametext{width:80%;float: left;} div.font-icon.icon-list-view, div.font-icon.icon-grid-view{background-color: #fecc33;color: #000;font-size: 24px; border-top:solid 1px #000} a.font-icon.icon-list-view, a.font-icon.icon-grid-view{background-color: #fff;color: #000;font-size: 24px; border-top:solid 1px #000} .pdpdefineAttrWraper{width:100%;max-width: 100%;padding-top: 10px;} .pdpdefineAttrWraper .heading{font-family: sans-serif;font-size: 12px!important;color:#000!important;text-transform: none!important;width:8%;float:left;text-align: right;margin-right: 3px;} .linkgreyBg{background-color: #ffcc00; float: left; font-size: 14px; line-height: 17px; margin-top: 4px; padding: 7px 10px; color: #000;} /*#section_findyourmachine .linkgreyBg{ color: #fff; background-color: #f7c630; border: medium none; border-radius: 4px; box-shadow: 0 0 0 1px #27496d inset; *box-shadow: inset 0 0 0 1px #f7c630,0 2px 2px #193047;* color: #000; padding: 4px 8px; } #section_findyourmachine .linkgreyBg:hover { box-shadow: inset 0 0 0 1px #f7c630,0 4px 4px #193047; }*/ .shpLbl{padding-right:0px;} .selectMachineSubtitle{color: #fff;font-family: "UniversLTW02-57Condense 723821", "Arial Narrow", Arial, sans-serif;font-style: normal;font-size: 20px;padding-bottom:5px;} .selectFldLbl{font-family: sans-serif;font-weight: bold;font-size:14px;} .custom-dropdown{position: relative;width: 100%;} .custom-dropdown .selectlabel{background: #fff;border: solid 1px #cccbcb;} .custom-dropdown .selectlabel.disabled{background: #e6e6e6; } .custom-dropdown .selectlabel a{ display: block; color: #000000; text-decoration: none; padding: 10px; } .custom-dropdown .selectlabel input { background-repeat: no-repeat; background-position: 0 0; background-size: 30px auto; /* text-indent: 35px; */ width: 100%; display:block; border:none; cursor: pointer; } .custom-dropdown .selectlabel.disabled input{background: #e6e6e6; cursor: auto; background-image:none!important; text-indent: 0!important} .custom-dropdown .selectlabel a::after { color: #000; content: "\e943"; font-family: font-icon; font-size: 12px; padding: 0 0 2px; pointer-events: none; position: absolute; right: 10px; top: 10px } .custom-dropdown .selectlabel.disabled a{ color: #cccccc; cursor: auto; } .custom-dropdown .options{ display: none; position: absolute; width: 100%; background: #fff; z-index: 9; max-height: 290px; overflow-y: auto; } .custom-dropdown .options ul{ list-style-type: none; padding: 0; margin: 0; border-top: solid 1px #cccbcb; } .custom-dropdown .options ul li{ list-style-type: none; padding: 0 10px; margin: 0; cursor: pointer; /* height: 30px; */ border-bottom: solid 1px #cccbcb; line-height: 35px; color: #000; } .custom-dropdown .options ul li img , .custom-dropdown .selectlabel a img{max-width: 30px;margin-top: 5px;float: left;margin-right: 5px;max-height: 30px;} .custom-dropdown .selectlabel a img{position: relative;top: -10px;} .mobile-grey-bg .heading {line-height: 40px;} #selectMachineDiv .addedContent {float:left;line-height: 40px;} #selectMachineDiv .heading img{padding-right:5px;height: 30px;width:auto; margin-left: 5px; margin-right: 5px; margin-top: 7px; float: left; max-width: 40px;} #selectMachineDiv .storeLocatorQuickLinkChangeDealer{padding-left:5px;} #selectMachineDiv .pdnamesection{height: 30px;max-width: 150px;overflow: hidden;text-overflow: ellipsis;white-space: nowrap; float: left;} #selectMachineDiv .heading .sethgt{vertical-align:top;} .single-epp-name{font-family: "UniversLTW02-67BoldCn","Arial Narrow",Arial,sans-serif;font-size: 1.4em;line-height: 21px!important} .single-epp-img{width:100%} .recommended-log-desc2 p{font-size: .90em} .noDataMsgDiv{border:1px solid #ccc;padding: 10px;color: #565656;font-family: "UniversLTW02-57Condense 723821", "Arial Narrow", Arial, sans-serif;font-style: normal;font-size: 18px;vertical-align: top} .noDataMsgWraper{min-height: 318px;padding-top: 15px;} .noDataMsgDiv a{color:#006ecc;} .attachSubCategoryWraper .grid_mode.grid img.hidden{display:block!important;} .attachSubCategoryWraper .grid_mode.grid #gridLearnMoreList img.hidden{display:none!important;} .attachSubCategoryWraper .grid_mode.grid img{width:auto;height:210px;margin: auto;} .new-tooltip-main-container{margin-top: 38px;/* position: relative; */float: left;} .select-machine-right-container .row{position:relative;} .new-tooltip-container{background: #fff;left: 50%;padding: 10px;position: absolute;right: 50%;transform: translate(-50%);width: 95%;z-index: 9;color: #000;top: 50px;display: none;} .new-tooltip-container .selectTypeContentsection img{max-width: 100%;} .new-tooltip-container .catFinanceTooltipClose{float: left;margin-top: 0!important;margin-right: 0;} .new-tooltip-container .info-toparrow::after {color: #fff;content: "";font-family: font-icon;font-size: 12px;padding: 0 0 2px;pointer-events: none;position: absolute;right: 5px;top: -14px;transform: rotate(-180deg);} .new-tooltip-container a {display: block;min-height: 20px;} .open-tool-tip.disabled{cursor: auto;background: none;} .cart-header-pos{margin-top: -35px;padding-bottom: 40px;padding-right:30px;} .order-details-epp .fbeMatchContent{ margin-left: 0!important; } .apr-message p {font-family: "UniversLTW02-67BoldCn","Arial Narrow",Arial,sans-serif;font-size: 13px;} .apr-message{height:10px;line-height:10px;} .pdficn{width: 20px;height: 20px;background: url("../images/bcp/file-pdf-icn.png") no-repeat 0px 20px;background-size: 100% 100%;background-position: center;float: left;} .attachment a{padding-left:3px;} .viewContactDelaer #contactDealerInfo{position: relative; padding: 0; width: 100%; margin: 0} .viewContactDelaer #contactDealerInfo .contact_dealer_info {width: 100%; margin-left: 0;} .viewContactDelaer #contactDealerInfo .dealer_header{width: 100%; float: none;font-size: 17px;} .pdpwarnming-text p{font-size: 12px; margin-bottom:5px;} .acceptTermsCheckBox{float: left;} #widget_showMoreAttachment_popup_bar .modalPopup_bar .row.modalMainContainer{padding:0} #widget_showMoreAttachment_popup_bar .modalPopup_dialog{padding:0} #widget_showMoreAttachment_popup_bar .warning-wrapper.mrg-t-15{margin-top:0; margin-bottom: 0;} #widget_showMoreAttachment_popup_bar .warnings-heading-text{padding-right:20px; padding-bottom:10px;} #widget_showMoreAttachment_popup_bar .warnings-heading-text h3{ font-size:15px; margin-top:5px;} #widget_showMoreAttachment_popup_bar .warning-wrapper a { background: #000 none repeat scroll 0 0; color: #fff; font-size: 13px; padding: 5px 25px; } #widget_showMoreAttachment_popup_bar .modalPopup .close-pop-up{right:21px;} #widget_showMoreAttachment_popup_bar .dijitDialogPaneContent{min-height:auto} /*** Style related to dropdown to hide border in case only one item in the selectbox******/ .selectNoBorder { appearance: none !important; -webkit-appearance: none !important; -moz-appearance: none !important; background: rgba(0, 0, 0, 0) none repeat scroll 0 0 !important; border: medium none !important; pointer-events: none; margin-top:-4px; } /* Guest registration */ #guestRegistrationModal { background: #fff; padding: 15px; width: 700px;} #ajaxLocationDialogBrowser{position: absolute; z-index: 9999!important; min-width: 300px;} #guestRegistrationModal .inputField{width: 100%; height: 33px;} #guestRegistrationModal .error_msg{font-size: 10px; padding-bottom: 0;} #guestRegistrationModal .button_primary{ padding: 14px!important;} #guestRegistrationModal .guestRegFormRow{ float: left; width: 50%; padding: 0 5px;} #guestRegistrationModal .spanacce{display: none;} #guestRegistrationModal select{ margin-top:5px; } #guestRegistrationModal .column.guestRegFormCol {position: relative;} #guestRegistrationModal #passwordHelpPopup{ margin-top: 0; right: -127% } #guestRegistrationModal .sisMatchContent::after, #guestRegistrationModal .sisMatchContent::before, #guestRegistrationModal .fbeMatchContent::after, #guestRegistrationModal .fbeMatchContent::before{ top: 21%; } #guestContactInfoForm .inputField{width: 100%} #guestContactInfoForm .register-terms-container.pd0 {padding: 0} #shipping div.free_gifts_block{width: 100%} .list_mode.grid li .contact_dealer_info { margin-left: 0; min-width: 269px; right: -1px; width: 100%; } .confirmation-message .contentRecommendationWidget, #shipping .contentRecommendationWidget{margin-bottom: 20px;} .confirmation-message .WC_CheckoutLogonf_div_registration_header, #shipping .WC_CheckoutLogonf_div_registration_header{ font-weight: bold; margin:10px 0; } .confirmation-message .WC_CheckoutLogonf_div_registration_content ul, #shipping .WC_CheckoutLogonf_div_registration_content ul{ padding-left: 15px; margin-bottom: 10px; } .confirmation-message .WC_CheckoutLogonf_div_registration_content ul li, #shipping .WC_CheckoutLogonf_div_registration_content ul li{ padding-left: 10px; line-height: 19px; list-style-type: circle; } .scrollable-height {height: 200px; overflow-y: auto;} /* start PDP Tshirt */ /*BCPC - 1789*/ .productDetailTable .row.entry:hover { padding-bottom: 5px; background-color: #CCC; } .tshirt-table-row input[type="radio"]+ label { color: #ccc; font-style: italic; } .tshirt-table-row input[type=radio]:checked + label { color: #f00; font-style: normal; } /*BCPC - 1789*/ .tshirt-filter{ margin: 0; padding: 0; font-family: arial; font-size: 12px; } .tshirt-filter ul{ margin: 0; padding: 0; list-style-type: none; display: block; width: 100%;} .tshirt-filter ul:last-child {border-top: solid 2px #cccccc; background: #f2f2f2;/* padding-top: 5px; */} .tshirt-filter ul li{margin: 0; padding: 5px 0; list-style-type: none; float: left; font-size: 13px; font-weight: bold; min-height:20px; color: #5a5665; /* border-bottom: solid 1px red; */} .tshirt-filter ul li:nth-child(3){ margin-right: 0; } .tshirt-filter ul li:nth-child(2){ } .tshirt-filter select{background: #fff; padding-right: 15px; margin-top: 0;padding-right: 15px;} .tshirt-filter .normal-dropdownWraper label::after{right: 10px; /* top:10px; */} .tshirt-filter .normal-dropdownWraper { display: inline-block; min-width: 50px; width: 95%} .tshirt-main-table{border-top: solid 1px #ccc; border-left: solid 1px #ccc;} .tshirt-table-header{} .tshirt-table-header{ margin: 0; padding: 0; border-bottom: solid 1px #ccc; border-right: solid 1px #ccc;} .tshirt-table-header ul{ margin: 0; padding: 0; list-style-type: none} .tshirt-table-header ul li { padding: 10px 5px; min-height: 44px; } .tshirt-table-body{ max-height: 230px; overflow-y: auto; } .tshirt-table-row{ position: relative; } .tshirt-table-row .registrationRadioLbl{margin-left: -13px!important; float: left; margin-top: 2px; margin-right: 5px;} .tshirt-table-row input[type="radio"]{ float: left; margin-top: 2px} .tshirt-table-row{ margin: 0; padding: 0; color: #000; } .tshirt-table-row ul{ margin: 0!important; padding: 0; list-style-type: none; float: left; width: 100%; border-bottom: solid 1px #ccc!important; border-right: solid 1px #ccc;} .tshirt-table-row ul li, .tshirt-table-header ul li{margin: 0; padding: 0; list-style-type: none; display: table-cell; vertical-align: middle; font-size: 13px;padding: 5px; /* border-bottom: solid 1px red; */} .tshirt-table-row ul.selected-row{ background: #f5f5f5; } .tshirt-table-row .older-price {color: #a6a5a5; text-decoration: line-through;} .tshirt-table-row ul li .cell{ padding: 0;} .tshirt-table-row ul li:nth-child(1), .tshirt-filter ul li:nth-child(1){ width:80px;} .tshirt-table-header ul li:nth-child(1){ width:110px; } /* .tshirt-table-row ul li:nth-child(1) span{ float: left; } */ .tshirt-table-row ul li:nth-child(1) span .tshirt-table-row ul li:nth-child(1) strong{ float: left; } .tshirt-table-row ul li:nth-child(3), .tshirt-filter ul li:nth-child(2), .tshirt-table-header ul li:nth-child(2), .tshirt-table-row ul li:nth-child(4), .tshirt-filter ul li:nth-child(3), .tshirt-table-row ul li:nth-child(5), .tshirt-filter ul li:nth-child(4){ width: 128px; } .tshirt-table-row ul li:nth-child(6), .tshirt-filter ul li:nth-child(5){ width: 95px} .tshirt-table-row .expandedContent { border-top: 1px solid #777;/*BCPC - 1789*/ float: left; margin: 0 2%; width:96%; padding-bottom: 10px;} .tshirt-table-row .expandedContent ul { border-bottom: 1px solid #777 !important;/*BCPC - 1789*/ border-left: 1px solid #777;/*1789*/ border-right: 1px solid #777;/*1789*/ } .tshirt-table-row ul li:nth-child(4), .tshirt-table-row ul li:nth-child(5){padding: 5px 10px;} .tshirt-table-row .expandedContent li { padding: 5px!important; float: left; width: 25%!important; border-left: 1px solid #777;/*1789*/ font-size: 12px; max-width: 133px; } .tshirt-table-row .expandedContent ul li:nth-child(1){ border-left: 0; } .warnings2 { width: 20px; height: 17px; float: left; margin-right: 10px;} .warnings2 a{ background:url('../images/bcp/warnings2.png') no-repeat 50% 50% ; display: block; height: 17px; width: 20px; } .tshirt-warining-message{ background: #fff; padding: 10px 17px; font-size: 12px; position: absolute; border: solid 1px #e7e7e7; box-shadow: 5px 5px 5px #999999; /* top:0px; */ /* width: 90%; */ right: 0; /* left: -100px; */ z-index: 9; /* left: 120px; */ min-height: 44px; width: 350px; margin-left: -175px; margin-top: -70px; } .tshirt-warining-message .up-arrow { border-color: #fff transparent; border-width: 10px 10px 0; left: 50%; position: absolute; top: 100%; /* transform: rotate(90deg); */ } .pdp-tshirt-sections .button_primary2{ padding: 11px 14px; } .pdp-tshirt-sections .button_primary2.dissabled {background:#e2e2e2; color: #fff; cursor: auto;} li.cleartext a { color: #2677c4; line-height: 37px; white-space: nowrap;} .accordiaon-dropDownButton span.font-icon { display: inline-block; transform: rotate(90deg); margin-left: 5px; margin-top: 2px; } .tshirt-table-row.selected{ background: #CCC; }/*BCPC - 1789*/ /*.tshirt-table-row.expanded .accordiaon-dropDownButton span.font-icon{ transform: rotate(-90deg);} .sub-hed-info{ margin: 5px 0; margin-top: 10px;} .sub-hed-info ul{ margin:0; padding: 0; list-style-type: none} .sub-hed-info ul li{ margin:0; padding: 0; list-style-type: none; font-size: 12px; color: #190000; line-height: 21px;} .sub-hed-info ul li .disp-labels{ font-weight: bold; display: inline-block; margin-right: 5px;} .tshirt-table-row.clearfix.expanded .row-eq-height.entry.full.row {border-bottom: 0!important; border-right: 0 !important} .tshirt-table-row.clearfix.expanded { border-bottom: solid 1px #ccc; border-right: solid 1px #ccc; } */ .tshirt-table-row.expanded{ background: #CCC; }/*BCPC - 1789*/ .tshirt-table-row.expanded .accordiaon-dropDownButton span.font-icon{ transform: rotate(-90deg);} .sub-hed-info{ margin: 5px 0; margin-top: 10px;} .sub-hed-info ul{ margin:0; padding: 0; list-style-type: none} .sub-hed-info ul li{ margin:0; padding: 0; list-style-type: none; font-size: 12px; color: #190000; line-height: 21px;} .sub-hed-info ul li .disp-labels{ font-weight: bold; display: inline-block; margin-right: 5px;} .tshirt-table-row.clearfix.expanded .row-eq-height.entry.full.row {border-bottom: 0!important; border-right: 0 !important} .tshirt-table-row.clearfix.expanded{ border-bottom: solid 1px #ccc; border-right: solid 1px #ccc; } .pdp-tshirt-sections { margin-bottom: 10px; } .table-price.visible-md.visible-lg{text-align: right;} /* End PDP Tshirt */ .acc-showmylist{padding:10px 0; background:#f2f2f2;} .hidelistview{display: none;} .cat-finance p { font-size: 13px; } .cat-finance h2 { font-size: 1.2em; margin-bottom: 10px; text-decoration: underline; } .finance-images { margin: 15px 0; text-align: center; } .cat-finance li { font-size: 13px; list-style-type: initial; } .cat-finance a { color: #006ecc; text-decoration: underline; } .home-page-container .carousel > .prevPageButton, .carousel > .nextPageButton { top: 50%; } .home-page-container .carousel > .prevPageButton { background: rgba(0, 0, 0, 0) url("../images/bcp/btn-arrow-carousel-left.png") no-repeat scroll 0 0; left: -24px; } .home-page-container .carousel { margin-bottom: 15px; position: relative; } .home-page-container .carousel > .nextPageButton { background: rgba(0, 0, 0, 0) url("../images/bcp/btn-arrow-carousel-right.png") no-repeat scroll 100% 0; right: -10px; } /* 06-11-2017 */ #newListPublicPrivateDropdown .dijitSelect {min-width: 100%} #orderBy_dropdown > #orderBy_menu > table, .orderBySelectMenu > table, #orderByContent_dropdown > #orderByContent_menu > table { margin-left: -4px; min-width: 105%; } .secondBanUl li{ float: left; width: 25%;border-bottom:3px solid #3f3f3f; padding-bottom: 5px; font-size: 1.3em;} .secondBanUl li.tablinks.selected {border-bottom:8px solid #3f3f3f;} .secondBanUl li div.mobIcnPos{ width:124px; background: url('../images/bcp/icons/build-icon.png') no-repeat; margin: 0 auto } .secondBanUl li .mobIcnPos .icnLbl {padding-top: 145px; padding-bottom: 32px;} .secondBanUl li.tablinks.selected .icnLbl {padding-bottom: 0} .secondBanUl li.tablinks.selected .mobIcnPos{margin-top: 32px; background-position: 50% 20%;} .secondBanUl li div.mobIcnPos.locateIcn{ background-image: url('../images/bcp/icons/locate-icon.png') } .secondBanUl li div.mobIcnPos.buildIcn{ background-image: url('../images/bcp/icons/build-icon.png') } .secondBanUl li div.mobIcnPos.orderIcn{ background-image: url('../images/bcp/icons/order-icon.png') } .secondBanUl li div.mobIcnPos.picupIcn{ background-image: url('../images/bcp/icons/picup-icon.png') } .secondBanUl li div.mobIcnPos.ownIcn { background-image: url('../images/bcp/icons/ownIcon.png') } /* #productSlot56 .item_spacer_7px{ display:none;} */ .warrantySection .finance-my-order a, .normalAnchor a, .pdp-table-bundle-ktit-heading a{ color: #006ecc; font-size:14px; font-family: sans-serif!important; text-transform: none; } .warrantySection .finance-my-order { margin:0; margin-top:10px; line-height: 17px;} .guest-user-breadcrumbs{ position: absolute; top: 85px; width: 100%; z-index: 999;} .guest-user-breadcrumbs-sub-container{position: absolute; width:100%; margin-left: -25px} .guest-user-breadcrumbs-sub-container ul { margin: 0; padding: 0; list-style-type: none;} .guest-user-breadcrumbs-sub-container ul li { margin: 0; padding: 0; list-style-type: none; float: left; width:33%; padding: 7px 0;} .guest-user-breadcrumbs-sub-container ul li .breadcrumbs-arrow{ background:#cccccc; height: 20px;} .guest-user-breadcrumbs-sub-container ul li.active .breadcrumbs-arrow{ background:#ffcc00; } .guest-user-breadcrumbs-sub-container ul li .breadcrumbs-arrow .font-icon.icon-right-arrow { color: #f2f2f2; display: inline-block; float: right; font-size: 25px; margin-right: -13px; margin-top: -2px; position: relative; } .guest-user-breadcrumbs-sub-container ul li .breadcrumbs-arrow .font-icon.icon-up-arrow { color:#ccc; float: right; font-size: 22px; margin-right: -20px; margin-top: -1px; position: relative; transform: rotate(90deg); } .guest-user-breadcrumbs-sub-container ul li.active .breadcrumbs-arrow .font-icon.icon-up-arrow{ color:#ffcc00; } .breadcrumbs-text { font-size: 13px; text-transform: capitalize; display: block; text-align: center; } .guest-user-breadcrumbs-sub-container ul li.active .breadcrumbs-text{ font-weight: bold;} .breadcrumbs-text a{color:#267ac8; font-weight: normal;} .approve_msg_center{ color: red; margin-bottom: 25px; display: block; font-size: 15px; } #pdpViewMoreButton{text-align: right} /************* 23 Nov 2017 order-summary-page */ .order-summary-page #order_details .product-descriptions, .order-confirmation-page #order_details .product-descriptions { float: left; width: 255px !important; } .order-summary-page .product-thumb, .order-confirmation-page .product-thumb, .order-details-myaccount-page .product-thumb { float: left; height: 162px !important; margin-right: 15px; margin-top: 20px; width: 162px !important; } .order-summary-page .body_row .availability , .order-confirmation-page .body_row .availability, .order-confirmation-page .body_row .product-descriptions, .order-details-myaccount-page .body_row .availability{ margin-top: 45px !important; text-align: left; } .order-summary-page #order_details .each, .order-summary-page #order_details .total, .order-summary-page #shoppingCart_tableCell_each, .order-summary-page #shoppingCart_tableCell_total, .order-confirmation-page #order_details .each, .order-confirmation-page #order_details .total, .order-confirmation-page #shoppingCart_tableCell_each, .order-confirmation-page #shoppingCart_tableCell_total, .order-confirmation-page #order_details .QTY, .order-details-myaccount-page #order_details .each, .order-details-myaccount-page #order_details .total, .order-details-myaccount-page #shoppingCart_tableCell_each, .order-details-myaccount-page #shoppingCart_tableCell_total, .order-details-myaccount-page #order_details .QTY{ text-align: center; margin-top: 45px !important; } .order-details-myaccount-page #order_details .product-descriptions { float: left; width: 161px !important; margin-top: 45px; } .order-summary-page .product-name{ margin-top:20px;} .order-summary-page #order_details .QTY { margin-top: 45px; } .fixedcat {margin: 0; padding-left: 30px;} .row.entry.withPreviewImage .cell{ padding:25px 0 0 0 !important; font-size: 16px; } .row.entry.withPreviewImage { margin-left: -15px; margin-right: -15px;} .first-half { width: 4% !important; } .second-half{ width: 12% !important; } .withPreviewImage .quantityP .cell{ padding-top:15px} .listTable .toolbar #toolbarButton1{ float: none; margin:0} #RequisitionListItems_table_content .saveListFooterButtton{float: none; margin:0; width: 100%} .withPreviewImage .productnames, .withPreviewImage .availabilities, .withPreviewImage .unit-price, .withPreviewImage .total-price{ font-family: "UniversLTW02-57Condense 723821" !important;} .withPreviewImage .productnames{font-weight: bold} .withPreviewImage .cell a {color:#000; } #editRequisitionListInfo .input_field{ width: 100%; border-radius: 0;} .plp-page-wraper .product-list-container .contentRecommendationWidget img{ width: 100%;} .finance-hero{ margin-bottom:20px; font-size: 13px; } .finance-payment a{ color: #006ecc; font-size:13px; } .finance-payment li{ list-style-type:none; margin: 15px 0; line-height: 33px; } .finance-payment span{ margin-left:10px; color:#565656; font-size:13px; } .finance-payment img{ max-width: 30px; } .finance-content{ font-size:13px; } .finance-box{ background: #e9e9e6 none repeat scroll 0 0; padding: 30px; } .finance-icon{ margin: 0 auto; max-width: 60px; width: 100%; } .finance-icon img {width: 100%;} .finance-steps{ font-size:25px; font-weight:normal; text-transform:uppercase; font-family: UniversLTW02-67BoldCn,"Arial Narrow",Arial,sans-serif; line-height:40px; margin-bottom:25px; } .finance-step-no{ float: left; font-size: 3em; height: 59px; line-height: 40px; padding-right: 20px; } .finance-step-text { font-size: 14px; line-height: 17px; } .requestQuotePopUpDialog-form-middele-section { background: #f2f2f2 none repeat scroll 0 0; margin-top: 5px; padding: 20px 0; } .requestQuotePopUpDialog-form-middele-section .row-fluid .span6 label,.requestQuotePopUpDialog-form-middele-section .row-fluid .span12 label, .requestQuotePopUpDialog-form-middele-section .row-fluid .span3 label { display: block; margin-bottom: 5px; } .requestQuotePopUpDialog-form-middele-section .row-fluid .span12 .required, .requestQuotePopUpDialog-form-middele-section .row-fluid .span6 .required{color:#000} .requestQuotePopUpDialog-form-middele-section .row-fluid .span6 .required, .requestQuotePopUpDialog-form-middele-section .row-fluid .span12 input[type="text"].required, .requestQuotePopUpDialog-form-middele-section .row-fluid .span3 .required, .requestQuotePopUpDialog-form-middele-section .row-fluid .span12 .required, .requestQuotePopUpDialog-form-middele-section .row-fluid .span6 input[type="text"] { border: 1px solid #ccc; display: block; height: 30px; margin: 7px 0; width: 100%; color:#000; text-indent: 5px; } .requestQuotePopUpDialog-form-middele-section .header-row .span12 { color:#000; font-size:18px; height:auto; line-height:23px; padding:20px 0px 10px 0px ; } #requestQuotePopUpDialog.modalPopup .dijitDialogPaneContent, #requestProductPopUpDialog.modalPopup .dijitDialogPaneContent{position: relative!important;width: 575px !important; margin-left: 27%; margin-top: 4%; } #requestQuotePopUpDialog_bar .modalPopup_dialog{padding-bottom: 0;} .modalPopup_dialog .row-fluid .span12 legend{ width:100%;} #requestQuotePopUpDialog_bar legend{margin:10px 0} #requestQuotePopUpDialog_bar #submitBtn{background-color: #fecc33; border: 0 none; font-family:UniversLTW02-67BoldCn,"Arial Narrow",Arial,sans-serif; color: #000; padding: 15px 14px;} #requestQuotePopUpDialog_bar input[type="radio"]{ display: block; } #requestQuotePopUpDialog_bar input[type="radio"] + i { background: rgba(0, 0, 0, 0) url("../images/bcp/1280_RadialEmpty.png") no-repeat scroll 0 0 / 100% auto; display: inline-block; height: 13px; padding: 0; width: 13px; margin-right: 5px; } #requestQuotePopUpDialog_bar input[type="radio"]:checked + i { background: rgba(0, 0, 0, 0) url("../images/bcp/1280_RadialFull.png") no-repeat scroll 0 0 / 100% auto; display: inline-block; height: 13px; padding: 0; width: 13px; margin-right: 5px; } #requestQuotePopUpDialog.modalPopup .dijitDialogPaneContent .row-fluid legend { width:100%} .register-popup a, .register-popup a:hover {color:#000!important} .register-popup span.location-icons{ margin-top: 4px;width: 14px; margin-bottom: 10px;} .register-popup a.button.button_secondary_light:hover{color:#fff!important} .Popup_content2 .catPageSubHeader2{ color: #000; font-family: "UniversLTW02-67BoldCn","Arial Narrow",Arial,sans-serif; font-size: 16px; line-height:20px; padding: 0; text-transform: uppercase;} .Popup_content2 ul {margin:0; padding:0; list-style-type:none;} .Popup_content2 ul li {margin:7px 0; padding:0; list-style-type:none;} .Popup_content2 ul li span {color:#009a4d;} /*---- START: BCPC-2494: FLP: click get the details link, the X is overlapping with the header text in the pop up form ----*/ #requestQuotePopUpDialog_bar .title h2 { color: #000; font-family: "UniversLTW02-67BoldCn","Arial Narrow",Arial,sans-serif; font-size: 22px; height: auto; line-height: 27px; padding: 0 15px 0 0; text-transform: uppercase; } /*---- END: BCPC-2494: FLP: click get the details link, the X is overlapping with the header text in the pop up form ----*/ #requestQuotePopUpDialog_bar .header-row h2 { font-family: "UniversLTW02-67BoldCn","Arial Narrow",Arial,sans-serif; font-size: 22px; } #requestQuotePopUpDialog_bar label.radio { display: inline-block!important; width: 165px; margin-bottom: 15px!important; } #widget_confirm_location_popup_pdp .field p {font-size:12px;} #widget_confirm_location_popup_pdp .field .location-icons{margin-right: 3px;margin-top: 5px;float: none; margin-left: 3px;} .financeespot{margin:10px 0; font-family: "UniversLTW02-57Condense 723821";} .recpdbox .product img { display: block; margin: 10px auto; } .recpdbox .product img::after { clear: both; content: ""; display: block; font-size: 0; height: 0; overflow: hidden; visibility: hidden; } .recpdbox .product a { display: block; margin: 10px; } .recpdbox .product .button.button_secondary { color:#FFF; } .pdp-info-icon {} .pdp-info-icon .tooltipIconContainer{position: absolute;top:11px; right:-10px; } .pdp-info-icon .fbeMatchContent{width:400px; right: 0; margin: 0; border-radius: 5px; } .pdp-info-icon .sisMatchContent::before, .pdp-info-icon .fbeMatchContent::before { width: 0; height: 0; border-left: 10px solid transparent; border-right: 10px solid transparent; border-bottom: 10px solid #ccc; right: 8px; top: -10px; } .pdp-info-icon .sisMatchContent::after, .pdp-info-icon .fbeMatchContent::after { width: 0; height: 0; border-left: 10px solid transparent; border-right: 10px solid transparent; border-bottom: 10px solid #fff; right: 8px; top: -9px; } #zipcode_info{position: absolute; right:5px; top:5px;} #zipcode_info .new-tooltip-container {width: 200px; font-size: 13px; border-radius: 5px; top: 30px;border:solid 1px #ccc;} #zipcode_info .new-tooltip-container .info-toparrow::after{right: 94px;} .zipcode-field .button {font-size: 14px;} #selectMachineDiv .container {margin-top:2px} .sorting_controls.desktopControler.topCatShortOpt .shortRadioPos > input { left: -15px; position: relative; } .tab-content-sections .recpdbox .product > a { height: 269px; overflow: hidden; } .omniproductpagecontainer .tab-content-sections .recpdbox{width:25%} .requestInfoPopUpDialog-form-middele-section { background: #f2f2f2 none repeat scroll 0 0; margin-top: 5px; padding: 20px 0; } .requestInfoPopUpDialog-form-middele-section .row-fluid .span6 label,.requestInfoPopUpDialog-form-middele-section .row-fluid .span12 label, .requestInfoPopUpDialog-form-middele-section .row-fluid .span3 label { display: block; margin-bottom: 5px; } .requestInfoPopUpDialog-form-middele-section .row-fluid .span12 .required, .requestInfoPopUpDialog-form-middele-section .row-fluid .span6 .required{color:#000} .requestInfoPopUpDialog-form-middele-section .row-fluid .span6 .required, .requestInfoPopUpDialog-form-middele-section .row-fluid .span12 input[type="text"].required, .requestInfoPopUpDialog-form-middele-section .row-fluid .span3 .required, .requestInfoPopUpDialog-form-middele-section .row-fluid .span12 input[type="email"].required, .requestInfoPopUpDialog-form-middele-section .row-fluid .span12 input[type="tel"].required{ border: 1px solid #ccc; display: block; height: 30px; margin: 7px 0; width: 100%; color:#000; text-indent: 5px; } .requestInfoPopUpDialog-form-middele-section .header-row .span12 { color:#000; font-size:18px; height:auto; line-height:23px; padding:20px 0px 10px 0px ; } #requestInfoPopUpDialog.modalPopup .dijitDialogPaneContent{position: relative!important;width: 575px !important; margin-left: 27%; margin-top: 4%; } #requestInfoPopUpDialog_bar .modalPopup_dialog{padding-bottom: 0;} #requestInfoPopUpDialog_bar legend{margin:10px 0} #requestInfoPopUpDialog_bar #submitBtn{background-color: #fecc33; border: 0 none; font-family:UniversLTW02-67BoldCn,"Arial Narrow",Arial,sans-serif; color: #000; padding: 15px 14px;} #requestInfoPopUpDialog_bar input[type="radio"]{ display: block; } #requestInfoPopUpDialog_bar input[type="radio"] + i { background: rgba(0, 0, 0, 0) url("../images/bcp/1280_RadialEmpty.png") no-repeat scroll 0 0 / 100% auto; display: inline-block; height: 13px; padding: 0; width: 13px; margin-right: 5px; } #requestInfoPopUpDialog_bar input[type="radio"]:checked + i { background: rgba(0, 0, 0, 0) url("../images/bcp/1280_RadialFull.png") no-repeat scroll 0 0 / 100% auto; display: inline-block; height: 13px; padding: 0; width: 13px; margin-right: 5px; } #requestInfoPopUpDialog.modalPopup .dijitDialogPaneContent .row-fluid legend { width:100%} /*---- START: BCPC-2494: FLP: click get the details link, the X is overlapping with the header text in the pop up form ----*/ #requestInfoPopUpDialog_bar .title h2 { color: #000; font-family: "UniversLTW02-67BoldCn","Arial Narrow",Arial,sans-serif; font-size: 22px; height: auto; line-height: 27px; padding: 0 15px 0 0; text-transform: uppercase; } /*---- END: BCPC-2494: FLP: click get the details link, the X is overlapping with the header text in the pop up form ----*/ #requestInfoPopUpDialog_bar .header-row h2 { font-family: "UniversLTW02-67BoldCn","Arial Narrow",Arial,sans-serif; font-size: 22px; } #requestInfoPopUpDialog_bar label.radio { display: inline-block!important; width: 195px; margin-bottom: 15px!important; } /*PDP bundle and kit table */ .pdp-table-bundle-ktit .tshirt-table-body{ max-height: 100%!important; overflow:visible} /*-- START: BCPC-3206: TST2&INT2 IE: Hammer bundle PDP is broken --*/ .pdp-table-bundle-ktit .tshirt-table-row ul li, .pdp-table-bundle-ktit .tshirt-table-header ul li{ display: inline-block; line-height: 30px; float: left; } /*-- END: BCPC-3206: TST2&INT2 IE: Hammer bundle PDP is broken --*/ .tshirt-table-row ul li:nth-child(1) span{ float: left; } .pdp-table-bundle-ktit .tshirt-table-header ul li:nth-child(1){ width:20%; } .pdp-table-bundle-ktit .tshirt-table-header ul li:nth-child(2){ width:40%; } .pdp-table-bundle-ktit .tshirt-table-header ul li:nth-child(3){ width:20%; } .pdp-table-bundle-ktit .tshirt-table-header ul li:nth-child(4){ width:20%; } .pdp-table-bundle-ktit .tshirt-table-row ul li:nth-child(1){ width:20%; } .pdp-table-bundle-ktit .tshirt-table-row ul li:nth-child(2){ width:40%;} .pdp-table-bundle-ktit .tshirt-table-row ul li:nth-child(3){ width:20%;} .pdp-table-bundle-ktit .tshirt-table-row ul li:nth-child(4){ width:20%;} .pdp-table-bundle-ktit .pic-thumbnail{width:50px} .pdp-table-bundle-ktit .pic-thumbnail img{width:100%} .pdp-table-bundle-ktit .pro-quntity{width:70px; margin-left:50px;} .pdp-table-bundle-ktit .pro-quntity, .pdp-table-bundle-ktit .tshirt-table-row ul li:nth-child(2), .pdp-table-bundle-ktit .tshirt-table-row ul li:nth-child(3), .pdp-table-bundle-ktit .tshirt-table-row ul li:nth-child(4){ padding-top:10px} .pdp-table-bundle-ktit .tshirt-table-row ul li:nth-child(1) span{float: none} .pdp-table-bundle-ktit .accordiaon-dropDownButton.pull-left { margin-left: -40px; } .pdp-table-bundle-ktit-mobile{ font-family: sans-serif; font-size: 13px; line-height: 17px;} .pdp-table-bundle-ktit-mobile .heading-name, #KitAndBundleTotalPriceLI{font-family: "UniversLTW02-67BoldCn","Arial Narrow",Arial,sans-serif; font-size: 19px; line-height: 21px; } .pdp-table-bundle-ktit .tshirt-table-row .expandedContent{margin:0; border: 0; line-height: 17px;width:100%; } .pdp-table-bundle-ktit .tshirt-table-row .expandedContent ul, .pdp-table-bundle-ktit .tshirt-table-row .expandedContent ul li{line-height:17px;max-width:100%; border: 0!important; float: none !important; width: 100%!important;margin:0!important; padding:0!important} .pdp-table-bundle-ktit .tshirt-table-row.expanded{background: none} .fixed-btn-container { background:#f1f1f1 none repeat scroll 0 0; bottom:0; left:0; position:fixed; width:100%; z-index:-9; opacity:1; /* transition: 1s ease;*/ height: 0; } .fixed-btn-container.animationV #contactDealerInfoBottom{ margin-top:-180px !important; } .animationV{ z-index:9999; opacity:1; padding:20px; /*transition: 1s ease;*/ height: auto; } .pdp-table-bundle-ktit .tshirt-table-header, .pdp-table-bundle-ktit .tshirt-table-row ul{border-right:0; color:#677079} .pdp-table-bundle-ktit{ padding:10px; border: 1px solid #ccc !important;} .pdp-table-bundle-ktit .tshirt-table-header{border-width: 2px;font-family: "UniversLTW02-67BoldCn","Arial Narrow",Arial,sans-serif; color:#677079} .pdp-table-bundle-ktit .tshirt-main-table {border:0;} .visible-md.visible-lg.pro-quntity input{ border: 1px solid #c6c6c4; height: 28px; text-align: center; width: 80%; } .pdp-table-bundle-ktit .quantityValueBtn { border: 1px solid #d2d2d2; margin: 0 8px; } .pdp-table-bundle-ktit .quantityIncDec{ border: 1px solid #d2d2d2; background: none; } .pdp-table-bundle-ktit .quantityIncDec span{ line-height: 44px;} .pdp-table-bundle-ktit .quantityIncDec,.pdp-table-bundle-ktit .quantityValueBtn{height:44px;} .pdp-table-bundle-ktit .inputValue{height:39px;} #machine_detail_popup.warrantyreturn-popup{padding:0} #machine_detail_popup.finance__modal-popup{padding:0}/* BCPC-1850 */ #priceToggleDropdownMobile input[type="radio"], #mobilePLPSort input[type="radio"]{ position: absolute; top: 3px; } .pdp-table-bundle-ktit #updateComponentBtn{display: inline-block;} .pdp-table-bundle-ktit .tshirt-table-row.clearfix:last-child ul { border: 0 none !important; } .productListingWidget > .header_bar .pagination_present{min-height: 100%} .omniproductpagecontainer .recommended_product .content{margin:0!important} .grey-BG.dissabledArea{ color: #ccc; } .grey-BG.dissabledArea .recommended-epp-price-span { color: #ccc; } .grey-BG.dissabledArea .recommended-pos-bottom p {text-align: center;} .grey-BG.dissabledArea .recommended-img img{opacity: .3} .grey-BG .recommended-pos-bottom a { color: #000; } #productSlot56 .clear_float~.item_spacer_7px{display:none} /****** testimonial ****************/ .homepage-testimonial{ background: #ffcd01; margin: 30px 0; padding: 20px; height:520px;} .homepage-testimonial h3 { font-family: "UniversLTW02-67BoldCn","Arial Narrow",Arial,sans-serif; font-size: 2.88em; height: 125px; margin: 90px auto 0px auto; overflow: hidden; text-align: left; width: 80%; } .user-name-pic{margin: 60px 0;} .user-name-heading{ font-family: "UniversLTW02-67BoldCn","Arial Narrow",Arial,sans-serif; font-size: 1.88em; } .user-designation{ font-family: "UniversLTW02-57Condense 723821","Arial Narrow",Arial,sans-serif; font-size: 1.6em; text-align: left} .user-picture img {max-width: 100%;} .thumbnail-video{position: relative; width:100%; max-width: 480px; margin: 0 auto;} .thumbnai-video img{width:100%!important} .testimonial-shot-descriptions{font-family: "UniversLTW02-67BoldCn","Arial Narrow",Arial,sans-serif; font-size: 1em; margin:15px 0;} .product .testimonial-shot-descriptions{ margin:15px 10px;} .attachSubCategoryWraper .grid_mode.grid .thumbnail-video img{max-width:100%} .testimonial-shot-descriptions a{color:#006ecc; text-transform: uppercase;padding-right: 5px;} .thumbnail-video a { display: block; } .thumbnail-video img{ width:100%} .testimonial-popup { background: #fff none repeat scroll 0 0; height: auto; position: fixed; top: 0; width: 600px; z-index: 9999; transform: translate(-50%,-50%); left: 50%; top: 50%; font-family: "UniversLTW02-67BoldCn", "Arial Narrow", Arial, sans-serif; } .testimonial-popup iframe{display:block; width:100%} .testimonial-title{width:100%; float: left; background: #42403f; color:#fff; padding:10px} .testimonial-title p{width:90%; float: left; margin:0;} .staticTestimonial{padding:10px; background: #ffcc00; float: left;width: 100%; height:100%;} .us-metric{ font-family: "UniversLTW02-57Condense 723821","Arial Narrow",Arial,sans-serif; font-size: 24px; text-align: right; text-transform: uppercase; float: right; margin-bottom: 15px; } .us-metric a {border:solid 1px #e5e5e4; padding:5px 10px;display: inline-block; background: #fff; color:#000; float: left} .us-metric a.active {background: #000; color:#fff; border:solid 1px #000; } /*BCPC-1993*/ .us-metric-machine { /* font-size: 24px; */ font-family: "UniversLTW02-67BoldCn", "Arial Narrow", Arial, sans-serif; text-align: right; text-transform: uppercase; float: right; margin-right: 16px; /* margin-bottom: 15px; height: 50px;*/ } .us-metric-machine a.active { background: #3f3f3f; color: #fff; border: solid 1px #3f3f3f; min-width: 75px; width: auto; text-align: center; } .us-metric-machine a { border: solid 1px #e5e5e4; padding: 2px 10px; display: inline-block; background: #fff; color: #565656; float: left; min-width: 75px; width: auto; text-align: center; font-size: 14px; } /*end BCPC-1993*/ /*Start BCPC-2126*/ .us-metric-machine-attach{ margin-top: -13px; margin-right: 1px; } .attach-title{ margin-top: 62px!important; } /*End BCPC-2126*/ .lang__metric-button-sp {width: 220px;} .lang__metric-button-fr {width: 274px;} .pdp-page-wraper #contactDealerInfo{top: 45px; width: 100%!important; background: none!important; border: 0!important; left: 0; } .pdp-page-wraper .contact_dealer_info { background: #FFF; border: 1px solid #cccccc; position: absolute; width: 90%; color: #000; line-height: 150%; font-size: 13px; margin-left: 0px; z-index: 99; padding: 5px; left: 5%; } .grid_mode .product .product_image{background: none!important} .pdp-info-icon .tooltipIconContainer{right:10px;} .pdp-info-icon .button{width:96%!important} .row .pdp-info-icon .wd100{width:100%!important} .registration-popup div#tc_modal ~ br { display: none; } /********* carausal-tab ************/ .omniproductpagecontainer .carausal-tab{margin:0;} .carausal-tab{ padding-bottom: 10px; margin: 0 26px 5px 26px; font-family: "UniversLTW02-67BoldCn","Arial Narrow",Arial,sans-serif; font-size: 16px; } .carausal-tab ul{ margin-left:5px; border-bottom: solid 1px #656f6f; } .carausal-tab ul li{ margin: 0; padding: 0; float: left; } .carausal-tab ul li a{ text-transform: uppercase; padding: 10px; line-height: 21px; display: block; margin-right:10px; padding-left: 0; color:#656f6f; } .carausal-tab ul li a.active{ border-bottom:solid 5px #656f6f; } .promotional-banner{margin:0 15px; border-top: solid 1px #ffffff;} .promotional-banner h1{ color: #fff; float: left; font-family: "UniversLTW02-67BoldCn","Arial Narrow",Arial,sans-serif; font-size: 2em; line-height: 37px; margin: 10px 0; text-transform: uppercase; } .top-left-nav ul li ul li a.button,.mobile-menu-container ul li a.button{ font-family: UniversLTW02-67BoldCn,"Arial Narrow",Arial,sans-serif !important; font-size: 14pt !important; text-transform: uppercase !important; padding:14px !important; color:#000; } .product .promotional-banner { background: #000 none repeat scroll 0 0; border-top: 0 none; margin: 0; padding: 5px; position: relative; min-height: 370px; } .product .promotional-banner .product-price{ position: absolute; width: 100%; bottom: 0; left: 0; } .product .promotional-banner img{ height: auto!important; max-width: 100%;} .ask-here{ width:70%; margin:0 auto;} .product .promotional-banner h1{margin:0;} .product .promotional-banner .button_primary2{ margin-bottom: 30px; } @media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) { #plpscrollcontent .grid_mode .product { display: block !important} } /* Bundle grouping shopingcart page */ .bundle-components-shoping-cart h3 { color: #000; font-family: "UniversLTW02-67BoldCn","Arial Narrow",Arial,sans-serif; font-size: 22px; line-height: 26px; text-transform: uppercase; } .bundle-components{border:none; margin:15px 0; color:#777} .bundle-components .tshirt-table-body {height:100%; max-height:100%} .bundle-components .tshirt-table-header{border-right:0; border-bottom:2px solid #ccc;} .bundle-components .tshirt-table-row ul{border-right:0} .bundle-components-shoping-cart h3 a span{ display: inline-block; padding: 0 10px; transform: rotate(90deg); } .bundle-components-shoping-cart h3 a.active span{ display: inline-block; padding: 0 10px; transform: rotate(-90deg); } .bundle-components-shoping-cart .bundle-components .tshirt-table-row ul li img { max-width: 105px; border:solid 1px #ccc; } .bundle-hideDetails{ text-transform: uppercase; color:#2778b7; float:right;} .bundle-showDetails{ text-transform: uppercase; color:#2778b7; float:right;} .bundle-components .tshirt-table-header ul li{ font-family:"UniversLTW02-67BoldCn","Arial Narrow",Arial,sans-serif; } .bundle-components .tshirt-table-header ul li, .bundle-components .tshirt-table-row ul li{ display: inline-block; min-height: 20px; border-right:solid 0px red; color:#777; padding: 10px 0 5px; } .bundle-components .tshirt-table-header ul li:nth-child(1), .bundle-components .tshirt-table-row ul li:nth-child(1) { width: 15%; } .bundle-components .tshirt-table-header ul li:nth-child(2), .bundle-components .tshirt-table-row ul li:nth-child(2) { width: 5%; } .bundle-components .tshirt-table-header ul li:nth-child(3), .bundle-components .tshirt-table-row ul li:nth-child(3) { width: 35%; text-transform: uppercase; } .bundle-components .tshirt-table-header ul li:nth-child(4), .bundle-components .tshirt-table-row ul li:nth-child(4) { width: 15%; } .bundle-components .tshirt-table-header ul li:nth-child(5), .bundle-components .tshirt-table-row ul li:nth-child(5) { width: 15%; } .bundle-components .tshirt-table-header ul li:nth-child(6), .bundle-components .tshirt-table-row ul li:nth-child(6) { width: 15%; } .table-row-text{ display: table-cell; height: 105px; vertical-align: middle; } .bundle-components-shoping-cart{width:100%; float: left;} .partnumber-uppercase{text-transform: uppercase;} .zipcode-uppercase{font-size: 11px; font-family: Arial,sans-serif;text-transform: uppercase;} .component-group-header-shopcart { background: #e9e9e6; font-weight: bold; height: 33px; margin-bottom: 7px; padding-left: 10px; padding-top: 5px; text-transform: uppercase; } .product.borderzero{border:0!important;} .component_total_price { float: right; font-weight: bold; padding-top: 10px; text-transform: uppercase; } .component_total_price .price{ font-size:19px; font-weight:bold; padding-left:10px; } .footer2-margin-bottom{ margin-bottom: 100px;} /*---- Start : BCPC-1756 - ----*/ .namePartPriceContainer .cathr{ border-color:#fecc33 !important; border-width: 0px 0 3px !important; } .pdp__page_heading{ /* border-bottom: 1px solid #999999; */ display: inline-block; width: 100%; } .pdp__page_heading_no_border{ display: inline-block; width: 100%; } .pdp__price_header-finance{ font-size: 14px; float: right; } .pdp__price_header-finance a{ color: #006ECC !important; } @media only screen and (max-width: 992px) { .price_avail_inner_loader{display: flex;flex-direction: column;} } @media only screen and (min-width: 992px) { .price_avail_inner_loader{display: flex;flex-direction: row;flex-wrap: wrap;width: 100%; column-gap: 100px;} } .pdp__addpackage-container{ background-color: #f2f2f2; height: 200px; padding: 20px; } .pdp__addpackage-title{ } .pdp__savetolist{ width: 45%; padding-right: 15px; margin-bottom: 15px; } .pdp__requestinfo{ width: 47%; float: left; margin-bottom: 10px; } .header-contact-infostyle{ font-family: sans-serif; font-size: 12px !important; float: right; } .header__contact-val{ float: left; color: #006ECC !important; border-right: 1px solid #000; } .header__contact-text{ } .pdp__spec-container{ height: auto; } .header__border{ } .pdp__spec-info{ overflow: hidden; width: 100%; text-align: center; } .pdp__spec-rocapacity{ float: left; display: inline-block; width: 50%; border-right: 1px solid #000; word-wrap: break-word; } .pdp__spec-Gpower{ width: 50%; display: inline-block; word-wrap: break-word; } .pdp__Gpower-title{ font-size:12px; } .pdp__rocapacity-title{ font-size: 12px; } .pdp__spec-desc{ font-size: 70%; } .pdp__see-all-spec{ display: flex; justify-content: center; } .pdp__spec-desc{ margin: 20px 0 0 20px } .pdp__rocapacity-value, .pdp__Gpower-value{ font-family: "UniversLTW02-67BoldCn", "Arial Narrow", Arial, sans-serif; font-size: 30px; color: #000; line-height: 42px; } /*---- End : BCPC-1756 ----*/ /*---- Start : BCPC-1787 - CI Retail: Mobile flow grouping in cart ----*/ @media (max-width: 991px) { .eppHeadingMobile{ background-color: #f3f3f3; width: 100%; height: 100%; margin-bottom: 5px; } .eppHeadingTextMobile{ font-family: "UniversLTW02-57Condense 723821"; font-weight: bold; font-size: 15px; color: #000; text-transform: uppercase; padding: 6px 10px; margin-bottom: 0px; } } /*---- End : BCPC-1787 - CI Retail: Mobile flow grouping in cart ----*/ /*---- Start : BCPC-1850- CI Retail: MachinePDP_Finance_ModalWindow ----*/ #finance__modal{} .finance__modal-popup { background: #fff none repeat scroll 0 0; font-size: 13px; left: 50%; padding: 20px; position: fixed; top: 50%; width: 640px; z-index: 9999; transform: translate(-50%, -50%); filter: blur(0px); } .finance__modal-text{ font-family: "UniversLTW02-57Condense 723821"; color: #000; font-size: 13px; } .finance__modal-text-title { color: #000; font-family: "UniversLTW02-67BoldCn", "Arial Narrow", Arial, sans-serif; font-size: 41px; } .finance__modal-sub-title { color: #565656; font-family: "UniversLTW02-67BoldCn", "Arial Narrow", Arial, sans-serif; font-size: 20px; line-height: 18px; margin-bottom: 18px; } .finance__modal-hr{ margin-top: 26px; margin-bottom: 20px; height: 5px!important; background: #fecc33; } .finance__modal-button { margin: 0px 24%; margin-top:40px; background-color:#CCC!important; text-transform: uppercase; color:#000; } .finance__modal-button:hover{ color:#000; } .finance__modal-text-normal { font-size: 12px; } .finance__modal-text-normal { text-transform: none!important; } .finance__modal-text-small-box{ width: 250px; margin-left: 45px; line-height: 12px; margin-bottom: 16px;/*mobile*/ } .finance__modal-text-small { color: #565656; font-weight: bold; } .finance__modal-icon { margin-left: 8px; margin-bottom: 20px; } a.finance__modal-icon { font-family: "UniversLTW02-57Condense 723821" !important; font-weight:bold; font-size: 14px; color:#2677b7; border:none; } a.finance__modal-link { color:#2677b7; } a.finance__modal-popup-link { color:#2677b7!important; font-size: 13px!important; font-weight: normal!important; font-family: sans-serif; } .finance__modal-details { /* margin: 0px 32%;*/ color: #565656; margin-top: 10px; line-height: 14px;/*mobile*/ } .finance__modal-close-pop-up{color:#CCC;} .finance__modal-close-pop-up span {font-weight:bold;} /*---- end : BCPC-1850 - CI Retail: MachinePDP_Finance_ModalWindow ----*/ .save-cart { width: 100%; background: #333; position: relative; opacity: 0; display: none; } .save-cart__content { padding-top: 50px; padding-bottom: 50px; text-align: left; } .save-cart__opt-in-wrapper input[type='checkbox'] + label:before { font-family: "font-icon" !important; content: "\e916" !important; font-size: 18px; color: #fff; background: white; border: none; /* padding: 0 5px 0 0; */ border: 2px solid white; line-height: 16px; width: 17px; height: 17px; } .save-cart__opt-in-wrapper input[type='checkbox']:checked + label:before { font-family: "font-icon" !important; content: "\e900" !important; font-size: 18px; color: #fecc33; background: #333; border: none; /* padding: 0 5px 0 0; */ border: 2px solid #fecc33; line-height: 16px; width: 17px; height: 17px; } .save-cart__opt-in:hover { cursor: pointer; } .save-cart__title { font-size: 40px; color: white; font-family: "UniversLTW02-67BoldCn","Arial Narrow",Arial,sans-serif; text-align: left; } .save-cart__description { font-family: "UniversLTW02-57Condense 723821", "Arial Narrow",Arial,sans-serif; color: #ccc; font-size: 16px; text-transform: uppercase; margin-top: 5px; } .save-cart__form{ position: relative; margin-top: 40px; } .save-cart__input { height: 35px; } .save-cart__submit { height: 35px; padding: 10px 5px 0px 5px; margin-top: 5px; } .save-cart__opt-in-wrapper { color: #ccc; } .save-cart__opt-in-description{ margin-top: 10px !important; } .save-cart__close { position: absolute; top: 20px; right: 30px; height: 10px; width: 10px; } .save-cart__close:hover{ cursor: pointer; } .save-cart__close:before { font-family: "font-icon" !important; content: "\e940"; color: white; } .save-cart--hide { animation-duration: .7s; animation-name: save-cart-fadeOut; animation-fill-mode: forwards; display: none; } .save-cart--show { animation-duration: .7s; animation-name: save-cart-fadeIn; animation-fill-mode: forwards; display: block; } @-webkit-keyframes save-cart-fadeOut { from {opacity: 1;} to {opacity: 0;} } @-moz-keyframes save-cart-fadeOut { from {opacity: 1;} to {opacity: 0;} } @keyframes save-cart-fadeOut { from {opacity: 1;} to {opacity: 0;} } @-webkit-keyframes save-cart-fadeIn { from {opacity: 0;} to {opacity: 1;} } @-moz-keyframes save-cart-fadeIn { from {opacity: 0;} to {opacity: 1;} } @keyframes save-cart-fadeIn { from {opacity: 0;} to {opacity: 1;} } #save-cart__describe-link { text-decoration: underline; color: white; } /* Deselection*/ .PDP_MachinePackage_container{ background-color: #f2f2f2; border: 1px solid #CCC; float: left; } .pdp__rocapacity-title, .pdp__Gpower-title{ color : #565656; } .PDP_MachinePackage-title{ display: inline-block; font-size: 18px; } .pdp_RemovePackage{ float: right !important; font-size: 12px; } .pdp_RemovePackage-text{ margin-right: 10px; } .PDP__MachinePackage-header{ padding-top: 20px; padding-left: 20px; padding-right: 20px; text-transform: uppercase; } .PDP_Attachment-singledata{ background-color: white; } .PDP_Attachment-infoicon{ float: right; } .popup-container{ display: none; background: #fff; padding: 22px; width: 200px; border: 1px solid #ccc; z-index: 999; background-color: white; -webkit-box-shadow: 3px 3px 5px 0 rgba(0, 0, 0, 0.3); -moz-box-shadow: 3px 3px 5px 0 rgba(0, 0, 0, 0.3); box-shadow: 3px 3px 5px 0 rgba(0, 0, 0, 0.3) } .icon-added-to-cart:before { content: "\e92a"; color: #fecc33; font-size: 16px; font-family: 'font-icon'; margin-right: 10px; } .initialview_title{ margin-top: 0 !important; border : 1px solid #ccc; } .PDP_Attachment-title{ text-transform: capitalize !important; font-size: 20px; } #PP-popupcontainer{ z-index: 99 !important; } .primebundle-add { top: 33px !important; display: block; position: relative; bottom: 3px; left: -37px; width: 80px; z-index: 99999 !important; } .primeBundle-add-button { width: 0; height: 0; float: right; } .PP-IP-viewaddpackage:lang(en) { position: absolute; top: 75px; left: -23px; } .PP-IP-viewaddpackage:lang(es) { position: absolute; top: 75px; left: -24px; } .epp__modal-one-item-box { border: 0px; margin-left: 0px; margin-right: 0px; padding: 0px; } .sisMatchPLPInfoLink { background-position: -2px -556px; background-repeat: no-repeat; overflow: hidden; display: inline-block; width: 16px; height: 16px; content: ''; background-image: url('../images/sprite.png'); vertical-align: middle; } .pdp__addpackage-container{ display: none; } .pdp__Attachments_img img{ float: left; width: 100px; width: 100px; } .pdp__Attachments_img{ width: 25%; float: left; } .primeBundleAttachment__name{ } .primeBundleAttachment__Container{ float: left; width: 100%; } .InventoryStatusMessage_PDPMachinePackage{ color: #565656; font-weight: bold; } .pdp__Attachments_data{width: 60%;} .pdp__Attachments_row{ border: 1px solid #CCC; background: white; height: 120px; clear: both; margin: 20px; padding-left: 32px; padding-right: 32px; padding-top: 10px; margin-top: 0 !important; margin-bottom: 0 !important; } #primePackageExpand .sub-hed-info{ text-align: center; margin-top: 1px !important; } .primeBundleAttachment{ /*float: right;*/ font-size: 12px; } .primeBundleAttachment__name { float: left; font-size: 20px; margin-bottom: 0px !important; } .truncate { width: 250px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .pdp__package-cost-text{ float: left; width: 50%; font-family: "UniversLTW02-67BoldCn", "Arial Narrow", Arial, sans-serif; font-size: 25px; padding-top: 5px; padding-bottom: 30px; margin-bottom: 20px; margin-left: 20px; } .pdp__package-cost{ display: flex; } .pdp__totalprice_header{ float: right; font-family: "UniversLTW02-67BoldCn", "Arial Narrow", Arial, sans-serif; font-size: 38px; position: relative; width: 50%; } .pdp__totalprice-finance{ font-size: 12px; position: relative; } .pdp__package-remove{ font-size: 12px; position: relative; left: 20px; } #primeBundleTotalPrice{ text-align: right; } .desel-availability{ color:black; } .remove-primebundle{ position: relative; z-index: 9; cursor: pointer; float: right; color: #ccc; } .primeBundleAddRemove{ font-weight: bold; } .primeBundle-attribute-container{ float:left; } .primeBundle-attribute-container{ width: 100%; } .attachment-border{ border: 1px solid black; } .Attachment-info{ padding-left: 22px; padding-right:22px; padding-top: 22px; color : #565656; } .PROTECTION_PLAN-info{ padding-left: 22px; padding-right:22px; color : #565656; } .primeBundleAttachment__name{ width: 100% !important; } .primePackage-initialview{ padding-top: 30px; float: left; justify-content: center; } .pdp__totalprice-finance{ font-family: sans-serif; } .PP-IV-text{ font-size: 12px; } .PP-IP-viewaddpackage{ margin: auto; width: 50%; color: #575757; font-size: 12px; } .primebundle-add {top: 79px; display: block; position: relative; bottom: 3px; left: -25px; z-index: 9 !important;} #PDP-Attachment-info-Msg{ font-size: 12px; } .remove-infoicon{ font-size: 16px; color: #f2f2f2; } .goto__Attachments{ color:#006ECC !important } .pricePrimePackage{ font-size: 18px; padding-left: 5px; font-family: "UniversLTW02-67BoldCn","Arial Narrow",Arial,sans-serif; } .PDP_MachinePackage_container{margin-bottom: 20px;} .PDP__MachinePackage-header {border-bottom:1px solid #ccc;} .dot{ height: 50px; width: 50px; background-color: #fecc33; border-radius: 50%; display: inline-block; } .pdp__spec-machinelinks{ float: left; display: inline-block; width: 50%; text-align: center; font-size: 13px; margin: 10px 0; } .pdp__spec-machinelinks a{ padding-left:10px; } #pdp__page_heading_title{ width:50%; float:left; } .deselectionstyle{ margin-bottom: 10px !important; } .pdp__package-cost-text, .pdp__totalprice-finance, .pdp_RemovePackage, .pdp__price_header-finance{ color : #565656; } .product-availability-val{ color: #000; /* font-weight: bold !important; */ font-size:14px; } .hrlinestyle{ display: block !important; border-bottom: 1px solid #ccc; margin-bottom: 20px; margin-top: 20px; float: none !important; } .pdp__line-above-totalprice{ float: left; margin-bottom: 20px; } /*deselection*/ /*---- Start : BCPC-1892- CI Retail: MachinePDP_EPP_ModalWindow - UI ----*/ .epp-details-popup {position: absolute;left:50%;transform: translate(-50%, -50%);width: 515px;top: 20px;z-index:9999; background: #fff;margin: 0 auto;font-size: 14px;padding:15px;} .omniproductpagecontainer .epp-details-popup{transform: translate(-50%, -15%); left:0%;} .product-list-container .epp-details-popup{left:35%;} .epp-details-popup .button_primary2 {font-size: 1.1em;} .epp-details-popup .button_primary2.bg-none {color: #fff;} .omniproductpagecontainer .epp-details-popup.big-popUp{width: 650px;transform: translate(-50%, -112px);} .epp-details-popup .close-pop-up { color: #777 } .epp-details-popup .dark-gey-bg.pd-tb-15 { margin: 0 -5px; } .epp-details-popup .dark-gey-bg.pd-tb-15 .bdr-bottom-grey2{ margin-bottom: 25px } .epp-details-popup .button_primary2.bg-none.colorBlack {color: #777777;} .epp__modal-popup { background: #fff none repeat scroll 0 0; font-size: 13px; left: 50%; padding: 20px; position: fixed; top: 50%; width: 600px; z-index: 9999; transform: translate(-50%, -50%); } .epp__modal-popup-width{ width:350px!important; } .epp__modal-one-item-box-boarder{ border: solid 1px #CCC!important; margin: 0px 0px 0px 20px; } div.epp__modal-link { margin-top:6px; } a.epp__modal-link { font-size:13px; color:#2677b7; } .epp__modal-title { font-family: "UniversLTW02-67BoldCn","Arial Narrow",Arial,sans-serif; font-size: 20px; line-height: 21px; text-transform: uppercase; margin-bottom: 10px; text-align:center; color:#3F3F3F; } .epp__modal-title-text { font-size: 13px; color: #565656; line-height: 15px; margin-bottom: 30px; } .epp__modal-box{ border: solid 1px #CCC; margin-right: 10px!important; } .epp__modal-box-border{ border: solid 1px #ccc; margin-right: 10px!important; } .epp__modal-box{ border: solid 1px #CCC; margin-right: 10px!important; background-color:#fff!important; } .epp__modal-box-text { font-size: 17px; color: #565656; line-height: 16px; padding-bottom: 10%; } .epp__modal-price-span { font-size: 20px!important; } .epp__modal-headings { font-family: "UniversLTW02-67BoldCn","Arial Narrow",Arial,sans-serif; font-size: 20px; width: 195px; margin-left: 16%; color:#3F3F3F; } .epp__modal-recommended { z-index:998; } .epp__modal-button-yellow { font-size: 20px!important; color: #3F3F3F!important; } .popup-arrow-down{ border-width: 18px !important; width: 0; height: 0; border-left: 18px solid transparent; border-right: 18px solid transparent; border-top: 18px solid #565656; position: absolute; bottom: -18px; } .popup-arrow-down-inner{ border-width: 18px !important; width: 0; height: 0; border-left: 18px solid transparent; border-right: 18px solid transparent; border-top: 18px solid white; position: absolute; bottom: 1px; left: -18px; } .eppDisabledButton,.addToCartDisabledButton { background: #f2f2f2; color: #ccc; cursor: auto; border-color: #f2f2f2; pointer-events: none; color:#ccc!important; } .disabledevent{ pointer-events: none; opacity: 0.5; } /* One - item view */ .epp__modal-one{ width: 400px!important; } .epp__modal-one-item-text { font-size: 14px; color: #565656; line-height: 15px; margin-top: 10px; } .epp__modal-one-item-wrap { margin-left: 24px; margin-right:34px; margin-top: -25px; } .epp__modal-one-item-price { text-align: right; } .epp__modal-one-epp-price { font-family: "UniversLTW02-67BoldCn","Arial Narrow",Arial,sans-serif!important; font-size: 21px!important; line-height: 20px!important; } .icon-added-to-cart:before { content: "\e92a"; color: #fecc33; font-size: 16px; font-family: 'font-icon'; margin-right: 10px; } .epp__modal-one-item-box { border: 0px; margin-left: 0px; margin-right: 0px; padding: 0px; } .icon-added-to-cart.epp-popup:before { font-size: 20px; margin-right: 1px; } .epp__modal-one-item-box-image { width: 59px!important; margin-left: 12px!important; } .epp__modal-title-one { text-align: left; margin-left: -20px; margin-left: 22px; } .epp__modal-title-text-one { text-align: left; margin-left: -12px; margin-bottom: 20px; } .recommended-pos-bottom.non-participating-dealer { height: 70px; } /*---- end : BCPC-1892 - CI Retail: MachinePDP_EPP_ModalWindow - UI ----*/ /*---- Start : BCPC-1898 ----*/ .added-pkg-to-cart-popup {position: absolute;left:50%;transform: translate(-50%, -50%);width: 515px;top: 20px;z-index:9999; background: #fff;margin: 0 auto;font-size: 14px;padding:15px;} .omniproductpagecontainer .added-pkg-to-cart-popup{transform: translate(-50%, -15%); left:0%;} .product-list-container .added-pkg-to-cart-popup{left:35%;} .added-pkg-to-cart-popup .button_primary2 {font-size: 1.1em;} .added-pkg-to-cart-popup .button_primary2.bg-none {color: #fff;} .omniproductpagecontainer .added-pkg-to-cart-popup.big-popUp{width: 650px;transform: translate(-50%, -112px);} .added-pkg-to-cart-popup .close-pop-up { color: #777 } .added-pkg-to-cart-popup .dark-gey-bg.pd-tb-15 { margin: 0 -5px; } .added-pkg-to-cart-popup .dark-gey-bg.pd-tb-15 .bdr-bottom-grey2{ margin-bottom: 25px } .added-pkg-to-cart-popup .button_primary2.bg-none.colorBlack {color: #777777;} /*---- End : BCPC-1898 ----*/ /* --- START: BCPC-1864 : CI Retail: Confirmation pop down - UI ---*/ .save-cart__description__success{ color: #fff; font-size: 14px; text-transform: none; } /* --- END: BCPC-1864 : CI Retail: Confirmation pop down - UI ---*/ /*---- Start : BCPC-1893 - Shopping cart Model for add package- UI ----*/ .shop-cart-pkg{ padding: 20px 0px;} .shop-cart-pkg__modal-wrap{ display:inline-block; } .shop-cart-pkg__modal-title{ padding-top: 4px; padding-bottom: 15px; font-size:20px; font-family: "UniversLTW02-67BoldCn","Arial Narrow",Arial,sans-serif!important; text-transform: uppercase; color: #3f3f3f; } .shop-cart-pkg__modal-title-line{ border-bottom: solid 1px #CCC; margin-bottom: 20px; } .shop-cart-pkg__modal-close{ color: #CCC!important; } .shop-cart-pkg__modal-sub-text{ text-transform: uppercase; color: #777; font-size: 14px!important; } .shop-cart-pkg__modal-sub-text-pad{ padding-left: 0px; border-bottom: solid 1px #f2f2f2; width: 66%; } .shop-cart-pkg__modal-machine { text-transform: uppercase; color: #000; font-size: 20px!important; } .shop-cart-pkg__modal-button-continue{ color: #000!important; font-size: 12px!important; font-family: "UniversLTW02-67BoldCn","Arial Narrow",Arial,sans-serif!important; } .shop-cart-pkg__modal-machine-text{ color: #777!important; font-family: UniversLTW02-67BoldCn,"Arial Narrow",Arial,sans-serif; padding-top: 24px; } .shop-cart-pkg__modal-line-one-price-text{ padding-top: 26px!important; } .shop-cart-pkg__modal-line-price-text{ color:#000; font-size:13px; padding-top: 21px; padding-right: 0px; text-align: right; font-weight: bold; } .shop-cart-pkg__modal-line{ border-top: solid 1px #f2f2f2; padding-left: 0px; padding-bottom: 10px; } .shop-cart-pkg__modal-total-price-text{ text-transform: uppercase; color: #777; font-size: 22px!important; padding-top: 15px; padding-bottom: 30px; } .shop-cart-pkg__modal-total-price{ text-transform: uppercase; color: #000; padding-top: 16px; padding-bottom: 20px; font-size: 20px!important; font-family: "UniversLTW02-67BoldCn","Arial Narrow",Arial,sans-serif!important; text-align: right; padding-right: 0px; } .shop-cart-pkg__modal-item-title{ font-family: "UniversLTW02-67BoldCn","Arial Narrow",Arial,sans-serif!important; text-transform: uppercase; color: #000; font-size:14px!important; padding-top:24px; line-height: 15px; } .shop-cart-pkg__modal-part-number-text{ font-family: "Arial Narrow",Arial,sans-serif!important; font-weight: normal!important; color: #777!important; font-size:14px!important; } .shop-cart-pkg__modal-img-one { margin-top: 45px!important; } .shop-cart-pkg__modal-img { height: 80px; width: 80px; margin-left: 12%; } .shop-cart-pkg__modal-icon-check{ margin-left: 100%; margin-top: 7px; font-weight: bold; } .shop-cart-pkg__modal-footer-line{ border-top: solid 1px #CCC; padding-top: 10px; } .shop-cart-pkg__modal-icon-xs{ margin-top:6px; } .shop-cart-pkg__modal-close { margin-top: 0px; padding-right: 10px; } .shoppingCartAvailabilitylabel:after { content: "\e929"; font-size: 12px; font-family: "font-icon" !important; color: #4D4D4D; -webkit-transform: rotate(270deg); -moz-transform: rotate(270deg); -ms-transform: rotate(270deg); transform: rotate(270deg); right: 7px; top: 8px; padding: 0 0 2px; position: absolute; pointer-events: none; } .shopcart__dropdown-content--expanded .shoppingCartAvailabilitylabel:after{ -webkit-transform: rotate(90deg); -moz-transform: rotate(90deg); -ms-transform: rotate(90deg); transform: rotate(90deg); } #shoppingCartAvailabilityTable{ background-color: white !important; border:none !important; font-family: Arial, sans-serif !important; } .shopcart__contact_dealer_print { /* text-align: right;*/ padding-right: 0px; } .shopcart__avail { text-align: right; padding-right: 30px; } .shopcart__dropdown-content { /*width: 183px;*/ width: 141px; display: flex; flex-direction: column; position: absolute; background: white; overflow: hidden; height: 25px; border: 1px solid white; /* to eliminate content shift when expanded border is added */ } .shopcart__dropdown-content--expanded { overflow: visible; height: auto; z-index: 100 !important; box-shadow: 0px 0px 16px 0px rgba(0,0,0,0.2); border:1px solid #f2f2f2; } .shopcart__dropdown-content a { color: #4D4D4D; text-decoration: none; position: relative; text-align: right; padding: 10px 25px 10px 10px; font-family: Arial, sans-serif; font-size: 12px; } .shopcart__singledropdown a{ font-family: Arial, sans-serif; font-size: 12px; } .shopcart__item { margin-left: 55px; } .shopcart__qty { margin-left: -54px; } .shopcart__shortdesc{ font-family: Arial, sans-serif; font-size: 12px; clear: both; } .shopcart__child-group div[id^='WC_OrderItemDetailsf_div_1_'] img{ width: 60px !important; height: 60px !important; } #order_details div[id^="WC_OrderItemDetailsf_div_1_"] img{ width: 80px; height: 80px; } .shopcart__child-group.nongrouped{ width: 100%; } .row .shopcart__price-row{ float: right; width: 100%; } /*---- Start : BCPC-1893 - Shopping cart Model for add package- UI ----*/ /* --- START: BCPC-1919 : UI: CI Retail: Use "Load More" instead of pagination (usability audit) ---*/ #plp__load-more{ border-spacing: 0; background: #6f6f6f; padding: 10px 14px; border: 1px solid #3f3f3f; box-shadow: none; font-weight: normal; font-style: normal; text-transform: uppercase; font-family: "UniversLTW02-67BoldCn", "Arial Narrow", Arial, sans-serif; color: #ffffff; line-height: 14px; height: auto; width: 20%; font-size: 19px; margin-left: 35%; margin-top: 10px; margin-bottom: 7px; } @media screen and (max-width: 767px){ #plp__load-more{ width: 100%; margin-left: 0; } } /* --- END: BCPC-1919 : UI: CI Retail: Use "Load More" instead of pagination (usability audit) ---*/ /*---- START: BCPC-1770 : CI Retail: Add the language selection links in the footer ----*/ .footerLanguage{ margin:10px auto; width:100%; } .footerLanguage ul{ text-align: left; } .footerLanguage ul li{ margin:0 15px; padding:0; list-style-type:none; display:inline-block; } .footerLanguage ul li:first-child{ margin-left:0; } .footerLanguage ul li a{ display:block; color:#fff; padding: 10px 20px; font-size:12px; } .footerLanguage ul li a:hover, .footerLanguage ul li a.active{ background:#2F2F2F; } #footer .footerLanguage ul li a:hover{ color:#E4BF05; text-decoration:none } @media screen and (max-device-width: 991px){ .footerLanguage{ display:none; } a#HeaderLanguageLinks .icon-globalassets-toggle-primary, a#HeaderLanguageLinks .icon-globalassets-toggle-primary-open, a#HeaderLanguageLinks.dective .icon-globalassets-toggle-primary, a#HeaderLanguageLinks.active .icon-globalassets-toggle-primary-open, a#HeaderLanguageLinks.dective .icon-globalassets-toggle-primary-open, a#HeaderLanguageLinks.active .icon-globalassets-toggle-primary{ float:right; display:none; } a#HeaderLanguageLinks .icon-globalassets-toggle-primary, a#HeaderLanguageLinks.active .icon-globalassets-toggle-primary-open{ display:block; } .ShowHeaderLanguages{ display:none; margin:0 -10px -10px; background:#191919; } .ShowHeaderLanguages ul li a{ padding-left:40px; } div.widget_site_popup.widget_language_and_currency_popup > .middle > .content_left_border > .content_right_border > .content{ width:auto; } .dijitDialog#widget_language_and_currency_popup{ z-index:999 !important; } div.widget_site_popup > .middle > .content_left_border > .content_right_border > .content .header{ padding-right:35px !important; box-sizing:border-box; } } @media screen and (max-device-width: 767px){ .dijitDialog#widget_language_and_currency_popup{ left:0 !important; width:100%; } #widget_language_and_currency_popup > .dijitDialogPaneContent{ width:100% !important; } } /*---- END: BCPC-1770 : CI Retail: Add the language selection links in the footer ----*/ /* icons*/ .icon-bucket:before { content: "\e94c"; font-size: 18px; font-family: 'font-icon'; color:#565656; } .icon-epp:before { content: "\e94d"; font-size: 18px; font-family: 'font-icon'; color:#565656; } .icon-prime-expand:before{ content: "\e947"; color:#565656; font-size: 8px; position: absolute; font-family: 'font-icon'; } .icon-expand:before { content: "\e947"; color: #565656; font-size: 16px; font-family: 'font-icon'; } .icon-arrow:before { content: "\e94e"; color: #565656; font-size: 16px; font-family: 'font-icon'; color:#006ecc; } .icon-rightarrow:before{ content: "\e929"; font-size: 9px; font-family: 'font-icon'; color: #006ECC !important } .custom-expand:before{ font-size: 11px; } .position-tooltip{ margin-right: -8px !important; } .icon-machine:before { content: "\e954"; color: #565656; } .icon-protection-plan:before { content: "\e956"; color: #565656; font-family: 'font-icon'; } .icon-attachments:before { content: "\e954"; color: #565656; font-family: 'font-icon'; } /*icons*/ .pdp__IV-attach-title, .pdp__IV-pp-title{ padding-left:12px; color:#575757; } .centerplus{ text-align: center; display: table-cell; vertical-align: middle; position: relative; top:20px; cursor: pointer; } .PDP_MachinePackage_container{ margin-bottom: 73px; } iframe#livechat-compact-view, iframe#livechat-full-view, iframe#livechat-full-view { display: block; } /*---- Start : BCPC-1758 - Attachment Details Modal - UI ----*/ .attachment__modal-close-pop-up{color:#CCC;} .attachment__modal-close-pop-up span { font-weight:bold; margin-top: -18px; } /*---- End : BCPC-1898 ----*/ /*---- Start : BCPC-1758 - Attachment Details Modal - UI ----*/ .attachment__modal-popup-test-margin { margin-top:500px!important;} .attachment__modal-popup {position: absolute;left:50%;transform: translate(-50%, -50%);width: 515px;top: 20px;z-index:9999; background: #fff;margin: 0 auto;font-size: 14px;padding:15px;} .omniproductpagecontainer .attachment__modal-popup{ transform: translate(-100%, -28%); left:60%;} .attachment__modal-popup { background: #fff none repeat scroll 0 0; font-size: 13px; left: 50%; padding: 20px; position: absolute; top: 50%; width: 700px; z-index: 9999; } .attachment__modal-right-block{ float:right!important; } .attachment__modal-image{ max-width:250px; margin-top: -20px; } .attachment__modal-image-text{ color:#565656; font-size: 11px!important; width:150px; } .attachment__modal-details-text{ font-family: "UniversLTW02-57Condense 723821","Arial Narrow",Arial,sans-serif!important; text-transform: uppercase; color:#777; font-size:12px; margin-bottom:4px; } .attachment__modal-title-text{ color: #000; font-family: "UniversLTW02-67BoldCn", "Arial Narrow", Arial, sans-serif; font-size: 30px; line-height: 30px; margin-bottom:4px; } .attachment__modal-part-text{ font-size:12px; margin-bottom:10px; color:#565656; } .attachment__modal-price-text{ color: #000; font-family: "UniversLTW02-67BoldCn", "Arial Narrow", Arial, sans-serif; font-size: 18px; margin-bottom:10px; } .attachment__modal-availability-block{ border-top:solid 1px #ccc; border-bottom:solid 1px #ccc; padding-top:8px; display:inline-block; width:300px; margin-bottom:10px; } .attachment__modal-availability-text{ font-family: "UniversLTW02-67BoldCn", "Arial Narrow", Arial, sans-serif; font-size: 14px; text-transform: uppercase; display: inline-block; margin-bottom: 10px; color: #777!important; } .attachment__modal-specs-text{ font-size: 12px; font-weight:bold; } .attachment__modal-specs-text li{ margin-top:4px; margin-bottom:4px; } .attachment__modal-specs-text span{ font-size: 12px; font-weight:normal!important; } a.attachment__modal-link { color:#2677b7!important; font-size: 11px!important; font-weight: normal!important; font-family: sans-serif; } /* remove all database formatting */ .attachment__modal-background-color{ background-color: #f2f2f2; margin:20px -20px -20px -20px; padding: 20px 15px 10px; } .attachment__modal-background-color h2{ font-family: "UniversLTW02-67BoldCn", "Arial Narrow", Arial, sans-serif; text-transform: uppercase; color:#777; font-size:13px; margin-bottom:2px; /*margin-left:15px;*/ } .attachment__modal-background-color p{ color:#565656; font-size:13px; margin-bottom:15px; /*margin-left:15px;*/ } .attachment__modal-background-color .pdp_featureLeft, .pdp_featureRight { padding: 0px; } .attachment__modal-background-color .pdp_bottomBorder { border-bottom: 0px solid #ccc; padding-bottom: 0px; } .attachment__modal-background-color .attachment__modal-background-color .pdp_featureLeft, .pdp_featureRight { padding-left: 20px; } .attachment__modal-background-color .pdp_feature { margin: 0 20px; width: 93%; } /*---- End : BCPC-1758 - Attachment Details Modal - UI ----*/ /*---- START : BCPC-2043:Tool tip next to 'contact dealer' button should be removed from any PDP ----*/ #selectMachineDivCart .button.button_secondary2{ width:100% !important; } /*---- END : BCPC-2043:Tool tip next to 'contact dealer' button should be removed from any PDP ----*/ /* Start: BCPC-2053 : Grey background of images in QA1 */ .product_listing_container .product .product-price { clear:both; } /* End: BCPC-2053 : Grey background of images in QA1 */ /*---- START : BCPC-2047 ---*/ .finance__modal-details.col-xs-offset-4{ margin-left:0; text-align:center; margin-bottom:20px; } .finance__modal-details.col-xs-offset-4 span, .finance__modal-details.col-xs-offset-4 small{ display:inline-block; margin:0 -2px 0 -1px; } .apr-info{ padding:0 15px; } .apr-info small{ display:block; line-height:12px; } /*---- END : BCPC-2047 ---*/ /* Start: BCPC-2088 : Forks: tile alignment and number of items */ @media screen and (min-width: 768px){ .productListingWidget .product_listing_container>ul.grid_mode.grid li { width: 33.33%; } } /* End: BCPC-2088 : Forks: tile alignment and number of items */ /* Family page BCPC -2025*/ .flp-intro-package{ background-color:#f2f2f2; margin-top: 20px; } .flp__topBanner_heading { font-size:40px; color:#fff; font-weight: bold; padding: 50px; padding-bottom: 0px !important; font-family: "UniversLTW02-57Condense 723821","Arial Narrow",Arial,sans-serif!important; } .flp__topBanner_button { margin-left: 50px; /*width: 200px; BCPC-2657 */ background-color: #fecc33; color: #000; border: 0; padding-top: 10px; text-align: center; padding-bottom: 10px; font-family: UniversLTW02-67BoldCn,"Arial Narrow",Arial,sans-serif; font-size: 14pt; font-style: normal; height: auto; text-decoration: none; text-transform: uppercase; display: block; font-weight: normal; } .flp__topBanner_button a{ display: inline-block; } .flp__topBanner_button:hover {text-decoration: none;} .flp__topBanner_button a {text-align:center;} .flp__topBanner_text { margin-bottom:40px; color:#fff; margin-left: 50px; width: 45%; font-family: "UniversLTW02-57Condense 723821","Arial Narrow",Arial,sans-serif!important; font-size: 20px; opacity: 0.8; margin-top:20px; } .flp-img{ float: right; } .flp-subtext{ float: left; font-family: sans-serif; font-size: 12px; padding: 5px 15px 15px 15px; } .flp-intro-package-title{ text-transform: uppercase; font-weight: bold; font-family: "UniversLTW02-57Condense 723821","Arial Narrow",Arial,sans-serif!important; font-size: 24px; color: #565656; padding: 4px 15px 4px 15px; } .flp__intro-pkg-icons{ padding-left: 20px; padding-right: 20px; font-size: 16px; white-space: nowrap; } .homePageFamilyMachine { display: grid; grid-template-columns: repeat(auto-fill,minmax(200px, 2fr)); } .flp__machinename{ text-transform: uppercase; font-family: "UniversLTW02-67BoldCn", "Arial Narrow", Arial, sans-serif; font-size: 46px; color: black; padding: 4px 15px 4px 15px; } .flp__topBanner_textwrapper{ height: 100% !important; position: relative; /* top: 9px;*/ background: linear-gradient(to left, transparent 50%, black 100%), url(CM20180508-30131-42458.jpg) no-repeat center; background-size: cover !important; } .flp__popAttachments_heading { font-size: 32px;display:none; } .flp__popAttachments_viewmore { padding-bottom: 50px;display:none; } .cathr{ border-color: #fecc33 !important; border-width: 0px 0 3px ; } .flp__modeltitle{ font-family: "UniversLTW02-67BoldCn", "Arial Narrow", Arial, sans-serif; font-size: 20px; color:#3F3F3F; padding-top: 1%; } .flp__product-machinename{ text-transform: uppercase; font-family: "UniversLTW02-67BoldCn", "Arial Narrow", Arial, sans-serif; font-size: 32px; } .flp__product-title{ text-transform: uppercase; font-family:"Arial"; font-size: 12px; color:#79797A; /*margin-bottom: -5px;*/ } .flp__product-machineprice hr{ color: #f2f2f2 !important; margin-top: 5px !important; margin-bottom: 5px !important; opacity: 0.2; } .flp__product-value{ font-family: "UniversLTW02-67BoldCn", "Arial Narrow", Arial, sans-serif; font-size: 24px; } .flp__product--pricevalue { font-family: "UniversLTW02-67BoldCn", "Arial Narrow", Arial, sans-serif; font-size: 28px; line-height: normal; } .flp__footer-contactus{ background-color: #fecc33 !important; height: 78px; margin : 0 !important; } .flp__footer-contactus-text{ font-family: "UniversLTW02-67BoldCn", "Arial Narrow", Arial, sans-serif; font-size: 20px; text-transform: uppercase; margin-left: 9.3%; top: 50%; transform: translateY(-50%); } .flp__footer-contactus-button{ align-items: center; position: absolute; top: 50%; transform: translateY(-50%); width: 21% !important; margin-left: -3%; } .button_secondary3{ background-color: #3f3f3f; border: 1px solid #cccccc; } .flp__showresults{ font-size: 12px; font-family: "UniversLTW02-67BoldCn", "Arial Narrow", Arial, sans-serif; margin-left: 0px; padding-left: 0px !important; display: flex; flex: auto; padding-top: 6px; margin-left: 2.33%; } .flp__toggle-wrapper { margin-left: 0px !important; } .flp__currency{ color:#000000; font-family: "UniversLTW02-57Condense 723821","Arial Narrow",Arial,sans-serif !important; } .flp__product-viewdetails{ float: right; } .flp__product-cathr{ width: 100%; color:#f2f2f2 !important; opacity: 0.2 !important; border-width: 1.5px 0 0; margin-bottom: 5px; margin-top: 5px; } .flp__product-cathr2{ width: 100%; color:#3F3F3F; margin-top:2px; margin-bottom:5px; } .flp__Machine-title, .flp__attach-title, .flp__pp-title{ color: #565656; font-family: "UniversLTW02-67BoldCn", "Arial Narrow", Arial, sans-serif; font-size: 18px; } .flp__container-allcontent #widget_breadcrumb{ margin-left: 2.33% !important; } .flp__toggle-title{ text-transform: uppercase; font-family: "UniversLTW02-57Condense 723821","Arial Narrow",Arial,sans-serif!important; font-size: 12px; color: #79797A; float: left; padding: 12px; padding-bottom: 0px !important; padding-top: 6px !important; padding-left: 0px; } .flp__toggles { display: flex; position: relative; flex: auto; justify-content: flex-end; flex-wrap: wrap; } .flp__toggle-showtext{ padding: 12px; padding-bottom: 0px !important; padding-top: 6px !important; position: relative; font-family: "UniversLTW02-57Condense 723821","Arial Narrow",Arial,sans-serif!important; font-size: 12px; font-weight: bold; text-transform: uppercase; display: -ms-flexbox; display: flex; -ms-flex: 0 1 auto; flex: 0 1 auto; } .flp__toggle { display: -ms-flexbox; display: flex; -ms-flex: 0 1 auto; flex: 0 1 auto; } .flp__showresults-hr{ width: 100%; margin-top: 15px !important; color: #F2F2F2; opacity: 0.2; } .flp__table-showresults{ /* width: 100%; margin-top: 20px; */ display: -ms-flexbox; display: flex; flex: auto; } .flp__table-showresults-col{ display: -ms-flexbox; display: flex; flex: auto; flex-wrap: wrap; } .flp__product-content{ margin-top: 5%;margin-bottom: 1%; } .flp__icon-epp-size:before{ font-size: 30px !important; } .flp__icon-attach-size:before{ font-size: 30px !important; } .flp__viewdetails-button{ margin-top: 10px; margin-bottom: 10px; } .flp__product-image-noprice , .flp__product-image-noprice_reco .product_image{ flex:none !important; } .flp__table-showresults tbody, .flp__table-showresults tr{ width: 100% !important; display: flex; } /* family page */ /*---- START: BCPC-2017: Enhance B2B: ESRI - ArcGIS Online Suggestions API ----*/ .geo_suggest__list_wrapper{ position: absolute; top: 28px; left: 0; background: #fff; width: 240px; z-index: 9; border: 1px solid #eee; border-top: none; } .geo_suggest__list{ padding: 0; } .geo_suggest__list_item { list-style: none; padding: 5px 10px !important; font-size: 13px !important; font-family: "UniversLTW02-57Condense 723821","Arial Narrow",Arial,sans-serif !important; cursor: pointer; } .findYourDealerSubHeaderInner > span{ position: relative; } .fyd__search-wrapper .geo_suggest__list_wrapper{ top: 40px; left: 10px; width: 99.50%; } .location_select_form{ position: relative; } .location_select_form .geo_suggest__list_wrapper{ top: 35px; width: 99.40%; } #storeLocatorDialog.fyd__error, #storeLocatorDialog.fyd__error .dijitDialogPaneContent, .storeLocatorOverflow#storeLocatorDialog, .storeLocatorOverflow#storeLocatorDialog .dijitDialogPaneContent{ overflow: visible !important; } .filter__Nav-hidden{ display: none !important; } .top-right-nav ul li.geo_suggest__list_item{ height: auto; line-height: normal; float: none; margin: 0; display: block; font-weight: normal; } .geo_suggest__list_wrapper.bottomFixed { top: auto !important; border-bottom: none; width: 100%; border-top: 1px; } .top-right-nav .geo_suggest__list_wrapper{ top: 33px; width: 100%; } .register-popup .field > div { position: relative; } #widget_enter_location_popup .geo_suggest__list_wrapper, .change-location-info .geo_suggest__list_wrapper{ top: 35px; left: 15px; } #widget_enter_location_popup .dijitDialogPaneContent, #widget_enter_location_popup .modalPopup_bar, #widget_confirm_location_popup_pdp .dijitDialogPaneContent, #widget_confirm_location_popup_pdp .modalPopup_bar{ overflow: visible !important; } #widget_confirm_location_popup_pdp .field > div{ position: relative; } #widget_confirm_location_popup_pdp .geo_suggest__list_wrapper{ top: 35px; } @media screen and (max-width: 767px){ #storeLocatorDialog.fyd__registration, #storeLocatorDialog.fyd__registration .dijitDialogPaneContent{ overflow: visible !important; } #headerRow2 .geo_suggest__list_wrapper{ top: 29px; width: 180px; } #headerRow2 .change-location-info .geo_suggest__list_wrapper{ top: 35px; width: 170px; left: 0; } } /*---- END: BCPC-2017: Enhance B2B: ESRI - ArcGIS Online Suggestions API ----*/ /*---- START: BCPC-2005 : CI Retail: De-Selection_HomePage _Non-Participating - UI ---*/ .home__page-img{background-image: url('https://caterpillar.scene7.com/is/image/Caterpillar/CM20180508-30131-27591'); height: 473px; margin-top: -6.5px;} .home__page-icon-text{ color:#FFF; font-size:10px; line-height:15px; text-transform: uppercase; font-weight:bold; font-size: 12px; margin-top: 10px; } .home__page-header{ margin-top: 40px; text-align: right; font-size: 46px; margin-top: 50px; } .home__page-header-sp{ margin-top: 40px; text-align: right; font-size: 46px; margin-top: 50px; } .home__page-header-fr{ margin-top: 40px; text-align: right; font-size: 46px; margin-top: 50px; } .home__page-sub-header{ margin: 140px 48px 20px 0px; font-size: 21px; } .home__page-sub-header-sp{ margin: 140px 28px 20px 0px; font-size: 18px; } .home__page-sub-header-fr{ margin: 140px 48px 20px 0px; font-size: 18px; } .icon-r-arrow-np:before { content: "\e960"; font-size: 20px; font-family: 'font-icon'; color:#FFF; margin-bottom:10px; } .icon-r-arrow:before { content: "\e960"; font-size: 20px; font-family: 'font-icon'; color:#FFF; margin-left:10px; } .icon-quote-form-np:before { content: "\e95f"; font-size: 44px; font-family: 'font-icon'; color:#FFF; font-weight:normal!important; } .icon-browse-site-np:before { content: "\e95b"; font-size: 46px; font-family: 'font-icon'; color:#FFF; font-weight:normal!important; } .icon-site-location-pin-np:before { content: "\e95c"; font-size: 36px; font-family: 'font-icon'; color:#FFF; font-weight:normal!important; } .icon-add-quote:before { content: "\e95f"; font-size: 60px; font-family: 'font-icon'; color:#FFF; } .icon-browse-site:before { content: "\e95b"; font-size: 60px; font-family: 'font-icon'; color:#FFF; } .icon-build-cart:before { content: "\e952"; font-size: 40px; font-family: 'font-icon'; color:#FFF; font-weight:normal!important; } .icon-buy:before { content: "\e953"; font-size: 40px; font-family: 'font-icon'; color:#FFF; } .icon-machine:before { content: "\e950"; font-size: 40px; font-family: 'font-icon'; color:#FFF; } .local_offer-white-18dp:before { content: "\e988"; width: 45px; height: 45px; font-size: 37px; font-family: 'font-icon'; color:#FFF; object-fit: contain; } .SSLIcon { width: 57px; height: 44px; margin-left: -12px; object-fit: contain; } .flp__intro-pkg-icons:before{ color:#808083 !important; font-size: 27px; } .home__page-icon-box{ display: flex; float:right; width:370px; } .home__page-icon-box-sp { display: flex; float: right; width: 56%; } .home__page-icon-box-fr { display: flex; float: right; width: 56%; } .home__page-col-1{ width: 75px; } .home__page-col-2{ width:100px; } .home__page-col-3{ width:125px; } .home__page-col-1-sp{ width: 75px; } .home__page-col-2-sp{ width:100px; } .home__page-col-3-sp{ width:128px; } .home__page-col-1-fr{ width: 75px; } .home__page-col-2-fr{ width:112px; } .home__page-col-3-fr{ width:125px; } .home__page-col-arrow{ width: 34px; margin-top: 20px; } .home__page-col-arrow-sp{ width: 34px; margin-top: 20px; } .home__page-col-arrow-fr{ width: 34px; margin-top: 20px; } /*---- END : BCPC-2005: CI Retail: De-Selection_HomePage _Non-Participating - UI ---*/ /*---- START : BCPC-1977: CI Retail: De-Selection_HomePage_Participating - UI ---*/ .home__page-main-img{ background-image: url('https://caterpillar.scene7.com/is/image/Caterpillar/CM20180508-30131-42458'); height: 473px; background-size: 100%; margin-top: -4.5px; } .home__page-main-header-text{ font-size:32px!important; } .home__page-main-icon-text{ color:#FFF; font-size:12px; line-height:15px; margin-top: 12px; text-transform: uppercase; white-space: nowrap; font-family: "UniversLTW02-67BoldCn", "Arial Narrow", Arial, sans-serif; } .home__page-main-icon-text-sp{ color:#FFF; font-size:12px; line-height:15px; margin-top: 12px; text-transform: uppercase; white-space: nowrap; font-family: "UniversLTW02-67BoldCn", "Arial Narrow", Arial, sans-serif; } .home__page-main-icon-text-fr{ color:#FFF; font-size:12px; line-height:15px; margin-top: 12px; text-transform: uppercase; white-space: nowrap; font-family: "UniversLTW02-67BoldCn", "Arial Narrow", Arial, sans-serif; } .home__page-machine-text{ color: #565656; font-size:18px; line-height:20px; text-transform: uppercase; font-family: "UniversLTW02-67BoldCn", "Arial Narrow", Arial, sans-serif; height: 300px; } .home__page-machine-text:hover { color:#000; } .home__page-main-icon-set{width:97%;} .home__page-machine-text img{ width:75%;} /*493499*/ .home__page-machine-text:hover img {width:80%; margin-bottom:-13px; } /*493499*/ .home__page-machine{ width: 250px; height: auto; font-size: 46px; } .home__page-main-header{margin-top: 40px;text-align: right;font-size: 46px;} /* .home__page-main-sub-header{ margin: 130px 10px 24px 0px; font-size: 20px; } */ .home__page-main-sub-header { margin: 38px 10px 44px 0px; font-size: 20px; } .home__page-main-header-sp{margin-top: 40px;text-align: right;font-size: 46px;} .home__page-main-sub-header-sp { margin: 130px 0px 24px 0px; font-size: 18px; } .home__page-main-header-fr{margin-top: 40px;text-align: right;font-size: 46px;} .home__page-main-sub-header-fr{ margin: 130px 10px 24px 0px; font-size: 18px; } .icon-shop-cart:before { content: "\e961"; font-size: 40px; font-family: 'font-icon'; color:#FFF; } .icon-buy-checkmark:before { content: "\e95d"; font-size: 38px; font-family: 'font-icon'; color:#FFF; } .icon-site-location-pin:before { content: "\e95c"; font-size: 38px; font-family: 'font-icon'; color:#FFF; } .icon-pickup-box:before { content: "\e95e"; font-size: 38px; font-family: 'font-icon'; color:#FFF; } .home__page-main-fin-img{ background: url('https://caterpillar.scene7.com/is/image/Caterpillar/C10109446') no-repeat center center; background-size:194px; height:160px; width: 294px; } .home__page-main-fin{ background-color: #f2f2f2; padding:20px 0px 20px 40px; margin-bottom: 20px; } .home__page-main-fin p{ font-size: 12px; color: #565656; margin: 0px; width: 82%; } .home__page-main-fin h1 { font-size: 28px; font-family: "UniversLTW02-67BoldCn", "Arial Narrow", Arial, sans-serif; color: #565656; line-height: 30px; margin-top: 10px; margin-bottom: 4px; } .home__page-main-fin h2{ margin-top:10px; font-size:18px; font-family: "UniversLTW02-67BoldCn", "Arial Narrow", Arial, sans-serif; color:#565656; margin-bottom: 20px; line-height: 22px; } a.home__page-machine-text-link { font-family: "UniversLTW02-67BoldCn", "Arial Narrow", Arial, sans-serif; color: #2677b7; font-size: 20px; } .home__page-main-col-arrow{ margin-top: 20px; } .home__page-main-col-arrow-sp{ margin-top: 20px; } .home__page-main-col-arrow-fr{ margin-top: 20px; } .home__page-main-icon-text-buy-sp{ padding-left: 8px;} .home__page-main-icon-text-build-sp{padding-left: 24px;} .home__page-main-icon-text-shop-sp{margin-right: 12px;} .home__page-main-icon-text-buy-fr{padding-left: 12px;} .home__page-main-icon-text-build-fr{padding-left: 24px;} .home__page-main-icon-text-shop-fr{margin-right: 10px;} .home__page-main-fin-sp{ padding-bottom: 50px;} .home__page-main-fin-fr{padding-bottom: 50px;} .home__page-main-fin-link-fr{padding-bottom: 42.5px;} /*---- END : BCPC-1977 : CI Retail: De-Selection_HomePage_Participating - UI ---*/ /* Machine Family Landing Page Top Banner START */ .flp__topBanner_image { height:340px; /*background-position:50% 50%; */ margin: 0px 0; box-sizing: border-box; float: left; width: 100%; background-repeat:no-repeat;} .flp__topBanner_image{background-size:cover auto;} /* Machine Family Landing Page Top Banner END */ /* BEGIN CatMessage.jsp Styles */ .catMsg { border: 2px solid; width: auto; position: relative; margin: 10px 0px 10px 0px; } .catMsg .catMsgText { display: table-cell; width: 100%; vertical-align: middle; } .catMsg .catMsgIconWrapper { vertical-align: top; height: 100%; background-color: #f2f2f2; position: absolute; top: 0px; left: 0px; } .catMsg .catMsgIcon { text-align: center; } .catMsg .catMsgTitle { font-family: "UniversLTW02-67BoldCn", "Arial Narrow", Arial, sans-serif; color: #3f3f3f; } .catMsg .catMsgBody { font-family: Arial, "Helvetica Neue", Helvetica, sans-serif; color: #565656; font-weight: normal; width: 85%; } .catMsg .catMsgIcon:before { color: #fff; font-family: 'font-icon' !important; } @media screen and (min-width: 801px) { .catMsg .catMsgButton { display: table-cell; vertical-align: middle; width: 1px; white-space: nowrap; padding-left: 10px; padding-right: 10px; } } @media screen and (max-width: 800px) { .catMsg .catMsgButton { padding-bottom: 10px; padding-right: 10px; } .catMsg .catMsgButton .button_primary, .catMsg .catMsgButton .button_secondary { width: auto; } .catMsg .catMsgButton .button_primary, .button_text, .catMsg .catMsgButton .button_secondary, .button_text { display: block !important; } .catMsg.large .catMsgButton { padding-left: 85px; } .catMsg.small .catMsgButton { padding-left: 50px; } } .catMsg.small { min-height: 40px; } .catMsg.small .catMsgIconWrapper { width: 40px; } .catMsg.small .catMsgIcon { width: 40px; height: 40px; } .catMsg.small .catMsgText { height: 40px; } .catMsg.small .catMsgIcon:before { font-size: 25px; line-height: 35px; } .catMsg.small .catMsgTitle { font-size: 12px; } .catMsg.small .catMsgBody { font-size: 11px; } .catMsg.small .catMsgText.catMsgBoth .catMsgTitle { padding: 5px 5px 5px 50px; } .catMsg.small .catMsgText.catMsgTitle .catMsgTitle { padding: 5px 5px 5px 50px; } .catMsg.small .catMsgText.catMsgBoth .catMsgBody { padding: 0px 5px 5px 50px; } .catMsg.small .catMsgText.catMsgBody .catMsgBody { padding: 5px 5px 5px 50px; } .catMsg.large { min-height: 75px; } .catMsg.large .catMsgIconWrapper { width: 75px; } .catMsg.large .catMsgIcon { width: 87px; height: 87px; } .catMsg.large .catMsgText { height: 75px; } .catMsg.large .catMsgIcon:before { font-size: 60px; line-height: 85px; } .catMsg.large .catMsgTitle { font-size: 18px; } .catMsg.large .catMsgBody { font-size: 14px; } .catMsg.large .catMsgText.catMsgBoth .catMsgTitle { padding: 6px 10px 0px 118px; } .catMsg.large .catMsgText.catMsgTitle .catMsgTitle { padding: 10px 10px 10px 85px; } .catMsg.large .catMsgText.catMsgBoth .catMsgBody { padding: 0px 10px 6px 122px; } .catMsg.large .catMsgText.catMsgBody .catMsgBody { padding: 10px 10px 10px 85px; } .catMsg.red { border-color: #940000; } .catMsg.red .catMsgIcon { background-color: #940000; } .catMsg.red .catMsgIcon:before { content: "\e959"; } .catMsg.yellow { border-color: #ffeb00; } .catMsg.yellow .catMsgIcon { background-color: #ffeb00; } .catMsg.yellow .catMsgIcon:before { content: "\e959"; } .catMsg.green { border-color: #007800; } .catMsg.green .catMsgIcon { background-color: #007800; } .catMsg.green .catMsgIcon:before { content: "\e95a"; } @media (min-width: 769px) { .catMsg.large .catMsgIcon { width: 118px;} } /* END CatMessage.jsp Styles */ /*---- START : BCPC-1995 ---*/ .pkgAttchAttrMMT, .pkgAttchAttrINH{ display: none; } .pkgAttchAttrMMT.active, .pkgAttchAttrINH.active{ display: block; } /*---- END : BCPC-1995 ---*/ #displayDealerInfoBottomMobile{ margin-left:-15px; top:-126px; position:absolute; } /*---- START: BCPC-2032 : CI Retail: De-Selection Family Landing Page_Footer E-spots - UI ---*/ .utv__page-wrap{ display: flex; flex-wrap: wrap; -ms-flex-pack: center !important; justify-content: center !important; } .utv__page-e1{ color:#FFF; font-family: "UniversLTW02-67BoldCn","Arial Narrow",Arial,sans-serif; font-size:17px; text-transform: uppercase; margin:0px 10px 20px 10px; } .utv__page-bk1{ position: relative; overflow: hidden; height: 112px; width:220px; z-index: 1; } .utv__page-bk1:before { content: ""; position: absolute; width: 140%; height: 350%; top: -37%; left: -3%; z-index: -1; background: linear-gradient(to bottom, rgba(0,0,0,.15) 0%,rgba(0,0,0,0.15) 100%), url('https://caterpillar.scene7.com/is/image/Caterpillar/CM20180512-71894-42318') no-repeat; background-size: 45%; -webkit-transform: rotate(-90deg); -moz-transform: rotate(-90deg); -ms-transform: rotate(-90deg); -o-transform: rotate(-90deg); transform: rotate(90deg); } a.utv__page-e1{ font-family: "UniversLTW02-67BoldCn", "Arial Narrow", Arial, sans-serif; color:#FFcc00; } .utv__page-e1-place{ float:right; } .utv__page-top-1-line{padding-top: 34px;} .utv__page-top-2-line{padding-top: 24px;} .utv__page-top-3-line{padding-top: 14px;} .utv__page-top-text-space{letter-spacing: -0.015em;} .utv__page-bk2{ position: relative; overflow: hidden; height: 112px; width:220px; z-index: 1; } .utv__page-bk2:before { content: ""; position: absolute; width: 146%; height: 347%; top: -29%; left: -36%; z-index: -1; background: linear-gradient(to bottom, rgba(0,0,0,.15) 0%,rgba(0,0,0,0.15) 100%), url('https://caterpillar.scene7.com/is/image/Caterpillar/CM20180512-71894-42318') no-repeat; background-size: 42%; -webkit-transform: rotate(-90deg); -moz-transform: rotate(-90deg); -ms-transform: rotate(-90deg); -o-transform: rotate(-90deg); transform: rotate(90deg); } .utv__page-e2{ color:#FFF; font-family: "UniversLTW02-67BoldCn","Arial Narrow",Arial,sans-serif; font-size:17px; text-transform: uppercase; margin:0px 10px 20px 10px; line-height: 22px; } .utv__page-e3{ color:#FFF; font-family: "UniversLTW02-67BoldCn","Arial Narrow",Arial,sans-serif; font-size:17px; text-transform: uppercase; margin:20px; height:120px; line-height: 22px; } .utv__page-e-padding{ line-height: 22px; } span.utv__page-link { color:#FFcc00; font-family: "Arial Narrow",Arial,sans-serif!important; font-size:13px; font-weight: bold; } /*---- END: BCPC-2032 : CI Retail: De-Selection Family Landing Page_Footer E-spots - UI ---*/ .recommended_product .product , .flp__container-allcontent .product{ flex:auto; height: 100% !important; display: flex; flex-direction: column; align-content: stretch; } .recommended_product .content ul , .flp__container-allcontent .content ul{ display: flex; flex-direction: row; align-content: stretch; } .recommended_product .product_image, .flp__container-allcontent .product_image{ flex: auto; } /*---- START : BCPC-2161 : Footer link pop up: a blue border is surrounding the X ---*/ .dijitDialogPaneContent .header .close_acce{ outline:none; } /*---- END : BCPC-2161 : Footer link pop up: a blue border is surrounding the X ---*/ /*---- START : BCPC-2043 : Tool tip next to 'contact dealer' button should be removed from any PDP ----*/ .pdp-info-icon a.button[id^=contactDealerBtn_]{ width:100% !important; } /*---- END : BCPC-2043 : Tool tip next to 'contact dealer' button should be removed from any PDP ----*/ /*---- START :BCPC-2223 - BCPC-2224 Language - Headers too big */ .lang__sp-header-text{ line-height:normal!important; margin-top: 17px; font-size: 14px!important; white-space: nowrap; } .lang__fr-header-text{ line-height:18px!important; margin-top:6px; font-size:14px!important; } .lang__text-zip-text{ white-space: nowrap; font-size: 10px!important; margin-top:2px; } .lang__sp-header-button{ margin-left: 10px; } .lang__fr-header-button { margin-left: 24px; text-align: left; white-space: normal!important; font-size: 13px!important; padding: 5px 2px 4px 10px!important; line-height: 13px; margin: -2px 0px 0px 24px; } .lang__fr-header-button-select { font-size: 13px!important; } .lang__sp-header-button{ margin-left: 10px; } .lang__sp-recommended-button{ line-height:normal!important; } .lang__sp-dealer-locations-text{ margin-right: 4px!important; font-size: 12px!important; } .lang__sp-selected-machine{ display: flex; -ms-flex: 1 1 auto !important; width: 402px; font-size: 12px; float: right; } .lang__fr-dealer-locations-text{ width: 64px; margin-left: 202px; font-size: 13px; line-height: 18px!important; white-space: pre-wrap; margin-top:4px; } .lang__fr-add-machine-button{ width: 100px; margin-top: -2px; font-size: 13px; padding-bottom: 5px; padding-top: 5px; } .lang__sp-selected-machine-title{ max-width: 58px!important; } .lang__fr-attachments-home-text{ height: 50px; font-size: 22px!important; } .lang__sp-create-account-button{line-height: 20px;}/*BCPC-2585*/ /*---- START: BCPC-3601:Buckets - Skid Steer Loader product tile should be in same height as other tiles ----*/ a.product_group_name.product_info.lang__fr-attachments-home-text { font-size: 1.25em!important; letter-spacing:-1px; } /*---- END: BCPC-3601:Buckets - Skid Steer Loader product tile should be in same height as other tiles ----*/ .lang__sp-button-space{line-height: 20px;} .lang__button-space:lang(es){line-height: 20px;} /*2679 .lang__sp-button-cart-list { line-height: 20px; width: 180px; margin-left: -18px; }*/ .lang__sp-button-cart-list:lang(es) { line-height: 20px; width: 180px; margin-left: -18px; } .lang__sp-button-pdp-list { line-height: 14px; /*width: 180px;*/ margin-left: -18px; } .lang__sp-button-space-even { line-height: 14px; } /*---- END :BCPC-2223 - BCPC-2224 Language - Headers too big */ /* --- START: BCPC-2268 : Switching the language modal pop-up needs to be well defined with borders.--- */ #widget_language_and_currency_popup .dijitDialogPaneContent{ border: 1px solid #ccc; } #widget_language_and_currency_popup .content{ padding-bottom: 10px; } /* --- END: BCPC-2268 : Switching the language modal pop-up needs to be well defined with borders.--- */ /* --- START: BCPC-2284 : Buttons in the Machine PDP are not wrapped and aligned correctly.--- */ #requestForInformationBtn.pdp__requestinfo{ font-size: 13pt; } /* --- END: BCPC-2284 : Buttons in the Machine PDP are not wrapped and aligned correctly.--- */ @media (min-width: 992px) { .plp-page-wraper .product-list-container .flp__container-allcontent .flp__popular_attachments li.flp__popular_attachment_catalogEntry { max-width: 308px!important; } } .callToAction{padding-top:12px;} /*---- START : BCPC-1980 ---*/ .flpTopAttrMMT, .flpTopAttrINH{ display: none; padding-top: 8px; } .flpTopAttrMMT.active, .flpTopAttrINH.active{ display: block; } /*---- END : BCPC-1980 ---*/ #machine_detail_popup_bar .modalPopup_header .modal_header_diverder{ border-top: 2px solid #cccccc; height: 0px !important; margin-bottom: 14px; margin-top: 3px; } .modalPopup_header .catPageSubHeader{ height: auto !important; } .flp__product-image img{ width: 420px !important; height: 420px !important; } /*---- START: BCPC-2377: Warning eSpot misalignment ----*/ .catMsg.large{ display:table; } .catMsg.large .catMsgIconWrapper{ display:table-cell; min-width:70px; /* width:10%; */ position:static; /* background:#940001; */ } .catMsg.large .catMsgBody{ display:table-cell; width:90%; } .catMsg.large .catMsgText.catMsgBody .catMsgBody{ padding:10px; } /*---- END: BCPC-2377: Warning eSpot misalignment ----*/ .billing_address > .dijitContentPane{ position: relative; background: #fff; } /*---- START: BCPC-2385: top of the box missing in the popular attachmetn carousel ----*/ .product_image .image a[id^=catalogEntry]{ position:relative; top:1px; } /*---- END: BCPC-2385: top of the box missing in the popular attachmetn carousel ----*/ .flp__popular_attachments #contactDealerInfo { position:absolute; width:236px !important; } .pdp__recommededAttachments #contactDealerInfo { position:absolute; width:213px !important; top:inherit; left:inherit; } .pdp__recommededAttachments .modal_header_diverder { margin-top:12px !important; } .pdp__recommededAttachments .contact_dealer_info { margin-top:-10px !important; } .flp__popular_attachments .modal_header_diverder { margin-top:12px !important; } /* --- START : BCPC-2214 : UI Update for "Ask Here" espot in the header --- */ .top-left-nav ul.machines{ padding: 15px 0; } .top-left-nav ul.machines li .row .col-xs-6{ margin-bottom: 30px; } .top-left-nav ul.machines li .promotional-banner{ padding-top: 30px; } .top-left-nav ul.machines li .promotional-banner h1{ margin-top: 0px; } .top-left-nav ul.machines li .promotional-banner .col-xs-12 img{ width: 75% !important; float: right; margin-top: -65px; margin-bottom: 15px; } /* --- END : BCPC-2214 : UI Update for "Ask Here" espot in the header --- */ .shopcart__items-title{ font-family: UniversLTW02-67BoldCn, "Arial Narrow", Arial, sans-serif; font-size:24px; text-transform: uppercase; } /*-- START: AURORA-10801:IE: arrow is missing when items are available in multiple stores --*/ .shopcart__dropdown-content a{ text-align: left; top: 0; right: 0; } /*-- END: AURORA-10801:IE: arrow is missing when items are available in multiple stores --*/ .shopcart__heading{ font-family: UniversLTW02-67BoldCn, "Arial Narrow", Arial, sans-serif; font-size:17px; } .shopcart__product-name{ font-family: UniversLTW02-67BoldCn, "Arial Narrow", Arial, sans-serif; font-size:18px; color: #3f3f3f; padding-left: 0px; } .shopcart__product-details{ font-size: 14px !important; font-family: Arial, sans-serif !important; } .shopcart__product-price-details, .shopcart__product-price-details-saved_list, .contact_dealer_print{ font-size: 12px !important; font-family: Arial, sans-serif !important; font-weight: normal !important; } .shopcart__product-price-details-saved_list{ margin-left: 37px; } .contact_dealer_print { /* text-align: right;*/ /* padding: 0 15px 0 0;*/ } .shopcart__product-price-details .price{ font-color:#787878; font-size: 12px !important; font-family: Arial, sans-serif !important; font-weight: normal !important; } .shopcart__product-price-details_total{ /*font-weight: bold !important;*/ font-color:#565656; font-size: 16px !important; font-family: UniversLTW02-67BoldCn, "Arial Narrow", Arial, sans-serif; } .shopcart__borderTop{ border-top: 2px solid #f2f2f2; width: 100%; } .shopcart__icons { font-size: 12px !important; font-family: Arial, sans-serif !important; font-weight: normal !important; position: relative; top: -7px; } .icon-package:before { content: "\e962"; font-family: "font-icon" !important; color: #ccc; font-size: 25px; } .icon-kit:before { content: "\e963"; font-family: "font-icon" !important; color: #ccc; font-size: 25px; } .icon-bundle:before { content: "\e964"; font-family: "font-icon" !important; color: #ccc; font-size: 25px; } /*----- START: BCPC: 1788 - CI Retail: Remove Promo Code ------*/ #dealerPrFormContainer{ display: none; } #dealerPrFormContainer .box-title2{ display: none; } #dealerPrFormContainer #promoCode{ height: auto; padding: 8px; } /*----- END: BCPC: 1788 - CI Retail: Remove Promo Code ------*/ /*---- START: BCPC-2421 :Family Landing page - "View All Models" button dropping down below the banner. ----*/ .flp__topBanner_text{ width:55%; } .flp__topBanner_button{ min-width:auto; /*BCPC-2635*/ /*min-width:200px; width:auto;*/ display:inline-block; padding:10px 20px; } /*---- END: BCPC-2421 :Family Landing page - "View All Models" button dropping down below the banner. ----*/ /*---- START: BCPC-2506 :Homepage - update button text overflows the black frame ----*/ .change-location-info .btn.grey-color a{ display:inline-block; padding:0 5px; } @media (max-width: 768px) and (min-width: 320px){ .change-location-info .btn.grey-color a { padding: 0px 10px !important; margin-top:0; } } @media screen and (max-width: 479px){ #dealer-location-pin .col-xs-6, #dealer-location-pin .col-xs-3{ width:33.33%; } } /*---- END: BCPC-2506 :Homepage - update button text overflows the black frame ----*/ /* --- START: BCPC-2519 : PDP -The image description translation is not left-aligned with the photo --- */ .pdp-page-wraper .widget_product_image_viewer .alt_text{ text-align: left; /* padding-left: 30px;*/ } /* --- END: BCPC-2519 : PDP -The image description translation is not left-aligned with the photo --- */ /*---- START: BCPC-2464 :Spanish Package add button text is not aligned ----*/ .primeBundleAttachment__Container .pdp__Attachments_data{ width:58%; } .PDP_MachinePackage_container .primebundle-add{ white-space:nowrap; min-width:80px; width:auto; } .PDP_MachinePackage_container .truncate{ width:210px; } @media screen and (max-width:800px){ .PDP_MachinePackage_container .primeBundle-add-button{ width:auto; } .PDP_MachinePackage_container .primebundle-add{ left:35px; } } /*---- END: BCPC-2464 :Spanish Package add button text is not aligned ----*/ /*---- START: BCPC-2270 : Information icon should sit outside of the width of the button. ----*/ .pdp-info-icon .button{ width:100% !important; } /*---- END: BCPC-2270 : Information icon should sit outside of the width of the button. ----*/ /* --- START: BCPC-2597 : Video pop up doesn't have close button. --- */ .youtube-popup-container{ position: fixed; z-index: 9999; top: 50%; left: 50%; margin-top: -180px; /* Negative half of height. */ margin-left: -320px; /* Negative half of width. */ padding: 5px; background: white; border: 1px solid #e0e0e0; } .youtube-popup-container .close-pop-up{ color: #999999; } iframe#youTubelayer{ display: block !important; } /* Portrait */ @media (max-width: 767px) and (orientation: portrait) { .youtube-popup-container{ left: 5px; margin-left: 0px; width: 98%; } iframe#youTubelayer{ width: 100%; } } /* Landscape */ @media (max-width: 767px) and (orientation: landscape) { .youtube-popup-container{ left: 5px; top: 5px; margin-top: 0px; margin-left: 0px; width: 98%; height: 98%; } iframe#youTubelayer{ width: 100%; } } /* --- END: BCPC-2597 : Video pop up doesn't have close button. --- */ /*----- BCPC-2245 Password Update ------*/ .profile-error-msg .catMsg.red{ display:table; width:100%; } .profile-error-msg .catMsg.large, .regErrorMsgFP .catMsg.large{ min-height:inherit; } .profile-error-msg .catMsg.large .catMsgIconWrapper, .regErrorMsgFP .catMsg.large .catMsgIconWrapper{ width:8%; } .profile-error-msg .catMsg.large .catMsgIconWrapper, .regErrorMsgFP .catMsg.large .catMsgIconWrapper{ background:#f2f2f2; } .profile-error-msg .catMsg.large .catMsgIconWrapper, .profile-error-msg .catMsg.large .catMsgBody, .regErrorMsgFP .catMsg.large .catMsgIconWrapper, .regErrorMsgFP .catMsg.large .catMsgBody{ position:static; display:table-cell; vertical-align:top; font-size:12px; color:#3f3f3f; } .profile-error-msg .catMsg.large .catMsgIconWrapper, .regErrorMsgFP .catMsg.large .catMsgIconWrapper{ min-width:50px; } .profile-error-msg .catMsg.large .catMsgIcon, .regErrorMsgFP .catMsg.large .catMsgIcon{ height:50px; width:50px; } .profile-error-msg .catMsg.large .catMsgIcon:before, .regErrorMsgFP .catMsg.large .catMsgIcon:before{ font-size:35px; line-height:45px; } .profile-error-msg .catMsg.large .catMsgText.catMsgBody .catMsgBody, .regErrorMsgFP .catMsg.large .catMsgText.catMsgBody .catMsgBody{ padding:7px 7px 7px 10px; } .profile-error-msg .catMsg.large .catMsgText, .regErrorMsgFP .catMsg.large .catMsgText{ height:auto; } .fbeMatchContent.passwordHelpPopupUpdate:after, .fbeMatchContent.passwordHelpPopupUpdate:before{ top:33%; } .regErrorMsgFP{ max-width:575px; } @media screen and (max-width:991px){ .profile-error-msg .catMsg.red{ width:95%; } } /*----- BCPC-2245 Password Update ------*/ /*---- START : BCPC-2255 : Password requirement tickets ----*/ .sisMatchContent:after, .sisMatchContent:before, .fbeMatchContent:after, .fbeMatchContent:before{ top:40%; } .fbeMatchContent.passwordHelpPopup:after, .fbeMatchContent.passwordHelpPopup:before { top:35%; } @media screen and (max-width:1750px){ .password-section #passwordHelpPopup{ right:auto; left:0; top:auto; bottom:51px; margin-top:0; width:95%; margin-left:0 } .password-section .fbeMatchContent:before{ border-color:rgba(0,0,0,0); border-top-color:#ccc; right:auto; left:43%; top:auto; bottom:-22px; margin-left:-1px; } .password-section .fbeMatchContent:after{ border-color:rgba(225,225,225,0); border-top-color:#fff; right:auto; left:43%; bottom:-20px; top:auto; } } #passwordHelpPopup{ color: #000; z-index: 999; right: -331px; } #CatPasswordVerifyForm #passwordHelpPopup{ right: -268px; } .squareList, .circleList{ margin-top: 10px; } .passwordHelpPopup .sisMatchTitle::before { width: 12.5px; height: 12.5px; background-image: url(../images/colors/color1/close_sprite.png); background-repeat: no-repeat; right: 30px; position: absolute; top: 28px; content: ''; cursor: pointer; } #CatPasswordVerifyForm .passwordHelpPopup .sisMatchTitle::before { top: 22px; } #CatPasswordVerifyForm #passwordHelpPopup{ margin-top: 20px; } @media screen and (max-width:800px){ #CatPasswordVerifyForm .passwordHelpPopup:after, #CatPasswordVerifyForm .passwordHelpPopup:before { display: block; top: -3%; left: 50%; border: solid transparent; content: " "; height: 0; width: 0; position: absolute; pointer-events: none; } #CatPasswordVerifyForm .passwordHelpPopup:after { border-color: rgba(255, 255, 255, 0); border-bottom-color: #fff; border-width: 10px; margin-left: -10px; } #CatPasswordVerifyForm .passwordHelpPopup:before { border-color: rgba(204, 204, 204, 0); border-bottom-color: #ccc; border-width: 11px; margin-left: -11px; margin-top: -12px; } } /*---- END : BCPC-2255 : Password requirement tickets ----*/ /*---- START: BCPC-2150 : Clicking carrot information button on T-shirt selector selects part ----*/ .tshirt-table-row.expanded{ background:#fff; } .tshirt-table-row.clearfix.expanded.selected{ background:#ccc; } /*---- END: BCPC-2150 : Clicking carrot information button on T-shirt selector selects part ----*/ /*---- START: BCPC:2500: PDP: attributes form: arrow icon is displaying different direction when filter is cleared ----*/ .tshirt-table-row.expanded{ background:#ccc; } /*---- END: BCPC:2500: PDP: attributes form: arrow icon is displaying different direction when filter is cleared ----*/ /* --- START: BCPC-2168 : The attachment modal window is positioned incorrectly --- */ .omniproductpagecontainer .attachment__modal-popup { transform: translate(0%, 0%); left: 50%; position: absolute; top: 50%; } /* --- END: BCPC-2168 : The attachment modal window is positioned incorrectly --- */ /*---- START: BCPC-2165 : +Add button in the attachment modal I snot aligned correctly ----*/ .primebundle-add{ left:auto; right:36px; } .pdp-info-icon .button{ width:100% !important; } @media only screen and (max-width: 800px){ .primebundle-add{ right:15px; } } /*---- END: BCPC-2165 : +Add button in the attachment modal I snot aligned correctly ----*/ /*---- START: BCPC-2192 :save to list button moves to second line after user save machien to list ----*/ .button_secondary2.pdp__savetolist{ margin-top:-55px; } /*---- END: BCPC-2192 :save to list button moves to second line after user save machien to list ----*/ /* Save for later*/ .sfl-item-img img{ width:100px; height: 100px; } #newListDropdownSFLConfirmation{ width:416px !important; height: 300px !important; } .sfl-item-desc{ color:#3F3F3F; font-size: 18px; font-family: "UniversLTW02-67BoldCn", "Arial Narrow", Arial, sans-serif; } .sfl__requisitionListContent{ width: 399px !important; height: 285px !important; left:59% !important; } #sfl__selected{ line-height: 25px; } #newListDropdownSFL div#requisitionListContent{ width: 399px !important; height: 285px !important; left: 59% !important; } .scf-modal-list-title{ padding-top:20px; font-weight: bold; text-transform: capitalize; } #savedListSelectionSFLSelect a{ width:100%; padding: 0px 6px 0px 10px!important; } .stl__options:hover{ background-color: #4E8BF8; } .stl__createnewlist{ float:left; width: 100%; } .stl__createnewlist:hover{ background-color: #4E8BF8; } #savedListSelectionSFLSelect:focus{ color:red; } #savedListSelectionSFLSelect { float:left; width:100%; border: #CCC solid 1px; background-color: #F6F5F4; box-shadow: none !important; } .stl-correct:before{ color: black; font-size: 10px; } .stl-plus:before{ color: #006ecc !important; font-size: 10px; margin-right: 10px !important; } .sfl__add{ width: 200px; margin-left: 3px; } .sfl__createadd{ width: 177px; margin-left: -4px; margin-top: 20px; } .STL__form h1{ border:none; } .stl__titleinfo{ font-family:"Arial"; font-size: 12px; font-color:#565656; } .Upper-text{ text-transform: uppercase; } .Capitalize-text{ text-transform: capitalize; } .SFL-link{ color: #4D4D4D; text-align: right; padding: 10px 25px 10px 0px; /*BCPC-3160*/ font-family: Arial, sans-serif; font-size: 12px; color: #006ecc; text-decoration: none; } .SFL-link-attachment-wrapper{ margin: -10px 0px 10px -10px; } .sfl__close-link{ font-size: 10px; } #container_reqList_detail #order_details .bdr-bottom-grey{ border-bottom: solid 2px #e9e9e6 !important; } .link-color{ color: #4D4D4D; } .align-right{text-align: right;} .align-left{text-align: left;} .arial-font{ font-family: Arial, sans-serif; } .universe-font{ font-family: "UniversLTW02-67BoldCn", "Arial Narrow", Arial, sans-serif; } .universenobold-font{ font-family: "UniversLTW02-67Cn", "Arial Narrow", Arial, sans-serif; } .Darkgrey-textcolor{ color:#575757; } .upper-font{ text-transform: uppercase; } .lower-font{ text-transform: lowercase; } .font-12px{font-size: 12px;} .font-18px{ font-size:18px; } .inventory__page-link.utv__page-link{ margin-top: 15px; display:block; } /*-- START: BCPC-2808: UI : "View Dealer Inventory" and "Ask here" espot in Machine PLP --*/ .dealerInventoryeSpot__main{ background: #eee; } .dealerInventory__eSpot{ padding: 10px 20px; margin: 0 auto; max-width: 1180px; } .dealerInventory__eSpot-img{ display: inline-block; width: 15%; vertical-align: middle; } .dealerInventory__eSpot-img img{ max-height: 80px; float: right; max-width: 100%; } .dealerInventory__eSpot-content{ display: inline-block; width: 60%; vertical-align: middle; padding-left: 20px; } .dealerInventory__eSpot-btn{ display: inline-block; width: 25%; text-align: right; vertical-align: middle; padding-left: 20px; } .dealerInventory__eSpot-btn a{ display: inline-block; width: 200px; font-size: 13px; border: none; } .dealerInventory__eSpot-btn span{ font-weight: bold; } .dealerInventory__eSpot-btn a:last-child{ margin-top: 5px; } .dealerInventory__eSpot-content .content{ max-width: 380px; } .dealerInventory__eSpot-content h2{ font-size: 18px; font-family: "UniversLTW02-67BoldCn", "Arial Narrow", Arial, sans-serif; color: #2b2b2b; margin-top: 10px; text-transform: uppercase; } .dealerInventory__eSpot-content p{ font-size: 13px; color: #616161; } @media only screen and (max-device-width: 767px){ .dealerInventory__eSpot{ padding: 10px 0; } .dealerInventory__eSpot-btn a{ width: 100%; } .dealerInventory__eSpot > div{ width: 100%; padding-left: 0; } .dealerInventory__eSpot-img{ text-align: center; } .dealerInventory__eSpot-img img{ float: none; max-height: 100px; } .dealerInventory__eSpot-content h2{ font-size: 17px; margin-top: 10px; } .dealerInventory__eSpot-content p{ font-size: 13px; line-height: normal; margin-top: 5px; } .dealerInventory__eSpot-btn{ padding-bottom: 20px; } } @media only screen and (min-device-width: 768px) and (max-device-width: 960px){ .dealerInventory__eSpot{ padding: 10px 40px; overflow: hidden; } .dealerInventory__eSpot-content{ width: 70%; text-align: left; } .dealerInventory__eSpot-img{ width: 30%; } .dealerInventory__eSpot-img img{ max-height: 95px; } .dealerInventory__eSpot-img { float: left; margin-top: 25px; } .dealerInventory__eSpot-btn{ width: 70%; text-align: left; margin-left: 30%; margin-top: -40px; } .dealerInventory__eSpot-btn a{ display: inline-block; width: 200px; margin-right: 10px; } .dealerInventory__eSpot-content .content{ max-width: 450px; } } /*-- END: BCPC-2808: UI : "View Dealer Inventory" and "Ask here" espot in Machine PLP --*/ /* --- START: BCPC-2526 : Remove "x" functionality update in cart (UI) --- */ .undo-product-block{ background: #f2f2f2; text-align: center; border-bottom: solid 2px #e9e9e6; margin-bottom: 5px; margin-right:0px; margin-left:0px; margin-top: -10px; position: relative; z-index: 99; } #undoProductblock__overlay,.register__overlay{ content: ""; position: fixed; background: #000; width: 100%; height: 100%; top: 0; left: 0; z-index: 999997; opacity: 0.2; } .register__overlay { z-index:1!important; } .undoBlock__Screen--Active #progress_bar{ left: 48% !important; top: 48% !important; position: fixed !important; z-index: 999999; } .undo-product-block a{ color:#4b8ec0; } @media only screen and (max-width: 800px){ .undo-product-block{ margin-right:0px; margin-left:0px; } } /* --- END: BCPC-2526 : Remove "x" functionality update in cart (UI) --- */ /*---- START: BCPC-2208: Mobile: Attachments modal not centered in catcorp ----*/ @media only screen and (max-width: 767px){ .attachment__modal-popup-bkg{ margin:0 -20px; } /* .pl-var{ padding-left:0; margin-left:0; text-align:center; } */ .pl-var .centerplus{ display:inline-block; } .pl-var .centerplus:before{ position:absolute; top:13px; right:17px; } .pl-var .PP-IP-viewaddpackage{ width:100%; } .pl-var .pdp_RemovePackage-text{ margin-right:0; } .pdp-page-wraper .omniproductpagecontainer .attachment__modal-popup { margin-left:0 !important; position:absolute; margin-top:0 !important; padding:20px 15px; left:60%; width:100%; } .attachment__modal-availability-block{ width:auto; } .pdp-page-wraper .omniproductpagecontainer .us-metric-machine{ width:auto; } } @media only screen and (max-width: 668px){ .pdp-page-wraper .omniproductpagecontainer .attachment__modal-popup { left:59% } } @media only screen and (max-width: 374px){ .pdp-page-wraper .omniproductpagecontainer .attachment__modal-popup { left:60% } } /*---- END: BCPC-2208: Mobile: Attachments modal not centered in catcorp ----*/ /*---- START: BCPC-2728: Most of pages - Header Drop down: 'Select' text is out of the button ----*/ .select-btn-sec{ text-align:right; } .search-delear-listing .select-btn-sec .btn{ min-width:92px; display:inline-block; } @media only screen and (max-width: 991px){ .select-btn-sec{ text-align:left; } } /*---- END: BCPC-2728: Most of pages - Header Drop down: 'Select' text is out of the button ----*/ /*---- START: BCPC-2523: CI Retail: Cross Sell Feature - Continue shopping MOBILE & desktop - UI ----*/ body{ overflow-x:hidden; } .recent-view-carousel{ background:#f2f2f2; padding:20px 15px; position:relative; width:100%; display:inline-block; } .row.recent-view-carousel:before, .row.recent-view-carousel:after{ content: ""; background: #f2f2f2; position: absolute; width: 100%; height: 100%; left: -100%; display: inline-block; top: 0; } .row.recent-view-carousel:after{ left:auto; right:-100%; } .product-tile{ float:left; width:23%; margin:10px 1%; background:#fff; text-align:center; padding:20px 10px 70px; position:relative; } /*---- START: BCPC-2890: Shopping Cart Page - continue shopping carousel should be centered ----*/ .product-tile-content{ display:flex; flex-wrap:wrap; justify-content:center; } /*---- END: BCPC-2890: Shopping Cart Page - continue shopping carousel should be centered ----*/ .product-tile-section{ display:block; width:100%; } .product-tile--image{ margin-bottom:10px; } .product-tile--image img{ max-width:100%; } .product-tile--title{ font-family: UniversLTW02-67BoldCn, "Arial Narrow", Arial, sans-serif; font-size: 24px; color:#3f4040; text-transform:uppercase; } .product-tile--sub_title{ color: #000; font-family: "UniversLTW02-57Condense 723821","Arial Narrow",Arial,sans-serif; font-size: 12px; margin-bottom:15px; } .btn-section{ position:absolute; left:0; bottom:20px; padding:0 10px; width:100%; } @media only screen and (max-width: 1024px){ .row.recent-view-carousel:before{ left:-15px; width:15px; } .row.recent-view-carousel:after{ right:-15px; width:15px; } } @media only screen and (max-width: 991px){ .product-tile{ width:31.33%; } } @media only screen and (max-width: 767px){ .product-tile{ width:48%; margin-bottom:20px; } } @media only screen and (max-width: 479px){ .product-tile-content{ display:block; } .product-tile{ width:98%; float:none; } div.free_gifts_block{ width:auto; } #searchDropdown{ min-width:inherit; } } /*---- END: BCPC-2523: CI Retail: Cross Sell Feature - Continue shopping MOBILE & desktop - UI ----*/ /* --- START: BCPC-2136: Availability message is not aligned correctly in PLP list view -- */ .product-availability__avail-text{ display: block; margin-bottom: 3px; } /* --- END: BCPC-2136: Availability message is not aligned correctly in PLP list view -- */ /*---- START: BCPC-2406: Compare box is not aligned ----*/ ul.grid_mode.grid{ display:flex; flex-wrap:wrap; } .productListingWidget .product_listing_container>ul.grid_mode.grid li{ display:flex; } /*---- START: BCPC-2915: Machine PLP: compare check box overlaps online price ----*/ .grid_mode .product { position: relative; padding-bottom: 50px; } /*---- END: BCPC-2915: Machine PLP: compare check box overlaps online price ----*/ .grid_mode .compare_target{ position:absolute; left:0; bottom:0; } /*---- END: BCPC-2406: Compare box is not aligned ----*/ /* --- START: BCPC-2865: Duplicated availability message in Machine and Attachment PLP --- */ .mobileAvailWraper{ display:none; } .desktopAvailWraper{ display:block; } @media only screen and (max-width: 800px){ .mobileAvailWraper{ display:block; } .desktopAvailWraper{ display:none; } } /* --- END: BCPC-2865: Duplicated availability message in Machine and Attachment PLP --- */ /* --- START: BCPC-2171: Machine name is wrapped in machine PDP -- */ .product_pageDesign_pageGroup .main_header #pdp__page_heading_title{ width: 100%; } .product_pageDesign_pageGroup .main_header #pdp__page_heading_title.wid50{ width: 50%; } /* --- END: BCPC-2171: Machine name is wrapped in machine PDP -- */ /*---- START: BCPC-2438: CLONE - Price coming out of product tile when EPP price is long - Update data ----*/ .pdp__Attachments_row{ min-height:120px; height:auto; overflow:hidden; } /*---- END: BCPC-2438: CLONE - Price coming out of product tile when EPP price is long - Update data ----*/ /* --- START: BCPC- 2616 : View all Models button logic --- */ .flp__topBanner_button{ display:none; } /* --- END: BCPC- 2616 : View all Models button logic --- */ /*---- START: BCPC-2915: Machine PLP: compare check box overlaps online price ----*/ .replaceLabel{ min-height:87px; height:auto; } /*---- END: BCPC-2915: Machine PLP: compare check box overlaps online price ----*/ /* --- START: BCPC- 2927 : IE: start shopping button is too wide --- */ .shopcart__heading .shopcartCheckout{ display: inline-block; } /* --- END: BCPC- 2927 : IE: start shopping button is too wide --- */ /*---- START: BCPC-2921: Grey line should be right aligned ----*/ .col-md-12.border-line{ padding-right:5px; } /*---- END: BCPC-2921: Grey line should be right aligned ----*/ /*---- Start Mobile: Sign- in section is cut off for guest user ----*/ .user-login-area-shopin-cart-page{ padding:0 30px 0 30px; } .user-save-list-total{ padding-top: 30px; } /*---- End Mobile: Sign- in section is cut off for guest user ----*/ /*---- START: BCPC-2727: Address header drop down pointer not aligned to the centre. ----*/ .dealer-details.active .heading .down-arrow{ width:2%; right:49%; } /*---- END: BCPC-2727: Address header drop down pointer not aligned to the centre. ----*/ /*---- END: BCPC-2727: Address header drop down pointer not aligned to the centre. ----*/ /*---- START: BCPC-2676: Shopping Cart: If pricing unavailable, texts overlaps with store hours ----*/ .cart-header-pos .approve_msg_center{ margin-top:35px; } @media only screen and (max-width: 768px){ .cart-header-pos .approve_msg_center{ margin-top:0; } } /*---- END: BCPC-2676: Shopping Cart: If pricing unavailable, texts overlaps with store hours ----*/ /*---- START: BCPC-2662: Add to cart modal is not in focus in machine PDP ----*/ .pl-var{ width: auto; } /*-- START: BCPC-3275: Attachment PDP: Add sign and view and Add Package text is overlapped --*/ .PP-IP-viewaddpackage { width: 210px !important; left: -60px !important; position: absolute; top: 75px; text-align: center; } /*-- END: BCPC-3275: Attachment PDP: Add sign and view and Add Package text is overlapped --*/ /*---- END: BCPC-2662: Add to cart modal is not in focus in machine PDP ----*/ .myClass{ background:#ccc !important; } /* --- START: BCPC-3006 : The X mark in the password pop up is not aligned properly --- */ .sign_in_registration .passwordHelpPopup .sisMatchTitle::before{ top: 20px; } .sign_in_registration #passwordHelpPopup{ right:-266px; } .sign_in_registration .fbeMatchContent.passwordHelpPopup:after, .sign_in_registration .fbeMatchContent.passwordHelpPopup:before{ top: 30%; } /* --- END: BCPC-3006 : The X mark in the password pop up is not aligned properly --- */ /* --- START: BCPC-2902 : CI Retail: Add CAT Citi card application link in shop - UI Work --- */ .catcard__eSpot-content-main{ background-color:#3f3f3f; text-align: center; } .catcard__eSpot-content-icon-catcard{ padding:10px 0px 6px 0px; } .icon-catcard:before { content: "\e965"; font-family: "font-icon" !important; color: #FFF; font-size: 48px; padding:22px 0px 18px 0px; } .catcard__eSpot-content-main-text{ font-family: UniversLTW02-67BoldCn,"Arial Narrow",Arial,sans-serif; font-size : 16px; color:#FFF; } .catcard__eSpot-content-sub-text{ font-family: "UniversLTW02-57Condense 723821","Arial Narrow",Arial,sans-serif!important; font-size : 13px; color:#FFF; } .catcard__eSpot-content-link-text{ font-family: "UniversLTW02-57Condense 723821","Arial Narrow",Arial,sans-serif!important; font-size : 17px; color:#ffCC00; text-transform: uppercase; padding:12px 0px 18px 0px; } /*cart banner*/ .catcard__eSpot-content-banner{ background-color:#F2F2F2; font-family: "UniversLTW02-57Condense 723821","Arial Narrow",Arial,sans-serif!important; font-size : 16px; text-align: center; padding:10px; color:#565656; } .catcard__eSpot-content-banner-text{ font-family: "UniversLTW02-57Condense 723821","Arial Narrow",Arial,sans-serif!important; font-size : 14px; text-align: center; color:#565656; } .catcard__eSpot-content-banner-link{ font-family: "UniversLTW02-57Condense 723821","Arial Narrow",Arial,sans-serif!important; font-size : 14px; text-transform: uppercase; color: #2677b7; } .catcard__eSpot-content-banner-wrap { display: flex; flex-wrap: wrap; -ms-flex-pack: center !important; justify-content: center !important; } .catcard__eSpot-content-ship-page-wrap{ font-family: "UniversLTW02-57Condense 723821","Arial Narrow",Arial,sans-serif!important; font-size: 14px; color:#565656; } .catcard__eSpot-content-ship-page-wrap { color: #3f3f3f; width: 280px; line-height: 16px; margin-top: 10px; margin-bottom: 10px; } /* --- End: BCPC-2902 : CI Retail: Add CAT Citi card application link in shop - UI Work --- */ .savedList__itemPrice{ margin-left: 37px; float: left; } .savedlist__customizeaddcart{ float: left !important; margin-top: 20px; margin-left: 36px; width: 139px; height: 30px; margin-top: 20px; font-size: 18px !important; /*display: inline-flex;*/ align-items: center; text-align: center; padding: 8px; vertical-align: center !important; } .savedlist__totalprice{ text-align: left !important; } .savedlist__quickadd{ padding: 0 } .savedlist__childgrouping{ display: none !important; } .cart-item__price.savedList__itemPrice{ color: #4d4d4d !important; font-size: 12px ; font-family: Arial, sans-serif ; font-weight: normal ; } .price.cart-item__price.savedList__itemPrice{ color: black !important; font-size: 16px !important; font-family: "UniversLTW02-67BoldCn", "Arial Narrow", Arial, sans-serif !important; } /* --- START: BCPC-3141 : Mobile UI : order history detail: total price not in same line as each price --- */ @media only screen and (max-device-width: 768px) and (min-device-width: 360px){ .myaccount_content #OrderConfirmPagingDisplay .row-wraper .total{ margin: 0 !important; text-align: center !important; } } /* --- End: BCPC-3141 : Mobile UI : order history detail: total price not in same line as each price --- */ /*---START: BCPC-3052 : Prop-65 UI Work-------*/ .prop65-warnning{ width:100%; } .prop65-warning__icon{ margin-left: 0; } .prop65-warning__toupper { text-transform: uppercase; color:#000; font-weight:bold; font-size:17px; } .prop65-warning__text{ color: #000; font-size: 14px; line-height: 1.4; font-family: Arial, sans-serif !important; } .prop65-warning__link { color: #2679b8; font-size: 14px; font-family: Arial, sans-serif !important; margin-left: 3px; } .prop65-warning__modal { } /*

tags have a built in line break so took out margins or I could have added a span tag instead*/ .prop65-warning__modaltext { margin:0; } /*---END: BCPC-3052 : Prop-65 UI Work-------*/ /* --- START: BCPC-2965 : NA& SA Spanish: Translations for buttons and ribbon in Spanish is missing - UI Work --- */ .recommended .grey-BG{ position: relative; overflow: hidden; background-image: none !important; } .recommended .grey-BG .recommended_flag { position: absolute; z-index: 9; color: #000; background: #fecc33; font-size: 10px; padding: 2px 18px; transform: rotate(-45deg); -webkit-transform: rotate(-45deg); -ms-transform: rotate(-45deg); top: 21px; left: -22px; font-weight: bold; } /* --- End: BCPC-2965 : NA& SA Spanish: Translations for buttons and ribbon in Spanish is missing - UI Work --- */ /* --- Start: BCPC-3269 :Spanish: Arrow is cut off in 'view dealer inventory' e-spot --- */ span.utv__page-link:lang(es) { line-height: 12px; letter-spacing: 0.001em; } .col-md-3.col-sm-3.center-text.utv__page-e2.utv__page-bk2.utv__page-top-3-line:lang(es) { line-height: 18px; } .utv__page-top-2-line:lang(es) { padding-top: 15px; } .col-md-3.col-sm-3.center-text.utv__page-e1.utv__page-bk1.utv__page-top-text-space.utv__page-top-1-line:lang(es) { padding-top: 24px; } .col-md-3.col-sm-3.center-text.utv__page-e1.utv__page-bk1.utv__page-top-text-space.utv__page-top-2-line:lang(es) { padding-top: 14px; } .col-md-3.col-sm-3.center-text.utv__page-e2.utv__page-bk2.utv__page-top-3-line:lang(es) { line-height: 20px; } .col-md-3.col-sm-3.center-text.utv__page-e2.utv__page-bk2.utv__page-top-3-line:lang(es) { padding-top: 10px; } /* --- End: BCPC-3269 :Spanish: Arrow is cut off in 'view dealer inventory' e-spot --- */ /* --- Start: BCPC-3285 French: e-spots text aren't displaying properly ----*/ .col-md-3.col-sm-3.center-text.utv__page-e1.utv__page-bk1.utv__page-top-text-space.utv__page-top-2-line:lang(fr) { line-height: 20px; } .utv__page-top-2-line:lang(fr) { padding-top: 9px; } .inventory__page-link.utv__page-link:lang(fr) { line-height: 18px; margin-top: 2px; } .col-md-3.col-sm-3.center-text.utv__page-e1.utv__page-bk2.utv__page-top-2-line:lang(fr) { line-height: 20px; } .col-md-3.col-sm-3.center-text.utv__page-e1.utv__page-bk1.utv__page-top-text-space.utv__page-top-1-line:lang(fr) { padding-top: 24px; } .col-md-3.col-sm-3.center-text.utv__page-e2.utv__page-bk2.utv__page-top-3-line:lang(fr) { line-height: 18px; } span.utv__page-link:lang(fr) { line-height: 14px; } /* --- End: BCPC-3285 French: e-spots text aren't displaying properly --- */ /* --- Start: BCPC-3277 Machine PDP: US , Metric text box are not aligned properly --- */ a#us_attr:lang(fr) { width: 94px; } /* --- End: BCPC-3277 Machine PDP: US , Metric text box are not aligned properly --- */ /*---- START: BCPC-3276:Machine PDP: SEE ALL SPECIFICATION translated text is overlapping with itself ----*/ .pdp__see-all-spec .button.lang__button-space{ line-height: 18px; max-height: 44px; padding: 0 14px; display: flex; align-items: center; min-height: 44px; } /*---- END: BCPC-3276:Machine PDP: SEE ALL SPECIFICATION translated text is overlapping with itself ----*/ /*Start: BCPC-3343: Mobile UI: margins are needed for warning message */ /*---- START: BCPC-3409: UI: Prop 65 Warning message is too close to T-shirt selector when message content is long ----*/ div#catProp65WarningContainer { padding: 0px 20px 0px; margin-top:15px; } /*---- END: BCPC-3409: UI: Prop 65 Warning message is too close to T-shirt selector when message content is long ----*/ div#catProp65WarningMsg { margin-left: 43px; padding: 10px 0px 0px 0px; margin-top: -43px; line-height: 18px; font-size: 14px; } span#catProp65WarningTitle { font-weight: bold; text-transform: uppercase; } /*End: BCPC-3343: Mobile UI: margins are needed for warning message */ /*---- START: BCPC-3667: Cat Financial Text is too close to right edge ----*/ .home__page-main-fin:lang(fr){ padding-bottom:24px; } #catFinanceBanner .home__page-main-fin.center-block:lang(fr){ padding-right:20px; padding-bottom:0; } /*---- END: BCPC-3667: Cat Financial Text is too close to right edge ----*/ /* --- START: BCPC-3345 : User should be able able to scroll up and down to see full details in Finance modal --- */ #finance__modal{ position: absolute; left: 50%; top: 100px; transform: none; } /* --- END: BCPC-3345 : User should be able able to scroll up and down to see full details in Finance modal --- */ /* --- START: BCPC-3116 : Spanish: Grey line in contact dealer pop up is in wrong place --- */ .viewContactDelaer #contactDealerInfo .dealer_header{ height: auto; } /* --- END: BCPC-3116 : Spanish: Grey line in contact dealer pop up is in wrong place --- */ /* --- START: BCPC-3226 : Warning message in personal information page should be accordance with PCC style --- */ .fieldValidationErrorInput { border: 1px solid #940000 !important; margin-bottom: 2px !important; background-color: rgba(250,210,227,0.50) !important; } .fieldValidationError { color: #940000; margin-bottom: 10px; width: 100%; } .half_column{ vertical-align: top; } /* --- END: BCPC-3226 : Warning message in personal information page should be accordance with PCC style --- */ /*---- START: BCPC-2981: Spanish: UTV EPP name text overlaps with recommended ribbon ----*/ @media (max-width: 991px){ .recommended_flag + .epp__modal-headings { width:100%; padding-left:55px; padding-right:55px; } } /*---- END: BCPC-2981: Spanish: UTV EPP name text overlaps with recommended ribbon ----*/ /*---- START: BCPC-3459: The Bucket - skid Steer Loaders for French is not displayed fully - UI ----*/ a.product_group_name.product_info.lang__fr-attachments-home-text{ height:auto; } /*---- END: BCPC-3459: The Bucket - skid Steer Loaders for French is not displayed fully - UI ----*/ /*---- START: BCPC-3153 :Machine Interface is coming out of the cell in T-shirt selector ----*/ .tshirt-table-row .expandedContent li{ word-break:break-word; } /*---- END: BCPC-3153 :Machine Interface is coming out of the cell in T-shirt selector ----*/ /*---- START: BCPC-3429: Store information is out is sub-header ----*/ .dealer-details .heading .dealer-link1{ max-width:inherit; } /*---- END: BCPC-3429: Store information is out is sub-header ----*/ /*---- START: BCPC-3444: Convert BCP AVI implementation to match PCC ----*/ .address-verification-popup{ background:#fff; padding:30px; } .address-verification-popup .header{ border-bottom: 7px solid #ffcd12; padding-bottom: 16px; font-size: 26px; line-height:26px; color: #000000; font-weight: bold; font-style: normal; text-transform: uppercase; font-family: "UniversLTW02-67BoldCn", "Arial Narrow", Arial, sans-serif; margin-bottom:20px; font-weight:normal; } .address-verification-popup #aviResponseArea{ font-size:12px; padding:0; } .address-verification-popup .aviRadioButton{ float:left; } .address-verification-popup div#aviRecommended,.address-verification-popup #aviOriginal{ margin-left:20px; } .address-verification-popup input[type="radio"]{ opacity:1; } #aviRecommendedText,#aviOriginalText{ font-weight:bold; } #aviContinueButtonContainer.button_container{ margin-top:20px !important; display:inline-block; } .dijitDialogPaneContent .address-verification-popup .button_primary{ border-color:#565656; padding:10px 14px !important; font-size:14px; font-family: "UniversLTW02-67BoldCn", "Arial Narrow", Arial, sans-serif; text-transform:uppercase; display:block; line-height:14px; } .address-verification-popup .button_primary > .button_text{ font-size:14px !important; line-height:14px; height:auto; } @media (max-width: 768px) and (min-width: 320px){ #widget_avi_popup.address-verification{ width:auto; } #widget_avi_popup.address-verification .dijitDialogPaneContent { width: auto !important; } } @media (max-width: 600px) and (min-width: 320px){ #widget_avi_popup.address-verification{ left:5% !important; width:90%; } } /*---- END: BCPC-3444: Convert BCP AVI implementation to match PCC ----*/ /*---- START: BCPC-3452 :Order quantity value is get changing when click on scroll bar is displaying inside quantity text box ----*/ #order_details .item-quantity input[type="number"]::-webkit-inner-spin-button, #order_details .item-quantity input[type="number"]::-webkit-outer-spin-button { border:none !important; } /*---- END: BCPC-3452 :Order quantity value is get changing when click on scroll bar is displaying inside quantity text box ----*/ /*---- START: BCPC-3182: translation is implemented to 'add all to cart' at top but not the one at bottom ----*/ /*---- START: BCPC-3175: Spanish: text or button needs resizing----*/ a.button.button_secondary.previousButton.saveListBackButton:lang(es), a.button.button_secondary.previousButton.saveListBackButton:lang(fr) { font-size: 18px; white-space: nowrap; margin-left: 0; } a.button.button_secondary.previousButton.saveListBackButton:lang(fr){ margin-left:0; } .savedlist__customizeaddcart:lang(es){ margin-top: 20px; margin-left: -64px; width: 240px; float: left; margin-top: 20px; font-size: 18px !important; display: inline-flex; align-items: center; text-align: center; padding: 8px; white-space: nowrap; vertical-align: center !important; } .savedlist__customizeaddcart:lang(fr){ margin-left:-130px; width:310px; } #RequisitionListItems_table .toolbar #RequisitionListItemAddForm #formButton_RequisitionListItemAddForm.add-button:lang(es), #RequisitionListItems_table .toolbar #RequisitionListItemAddForm #formButton_RequisitionListItemAddForm.add-button:lang(fr) { margin-top: 5px; padding: 6px 2px; white-space: nowrap; } /*---- END: BCPC-3175: Spanish: text or button needs resizing----*/ @media only screen and (max-width: 1279px){ #RequisitionListItems_table .toolbar #RequisitionListItemAddForm #formButton_RequisitionListItemAddForm.add-button:lang(es), #RequisitionListItems_table .toolbar #RequisitionListItemAddForm #formButton_RequisitionListItemAddForm.add-button:lang(fr){ font-size:16px; } .savedlist__customizeaddcart:lang(es){ margin-left:-80px; } .savedlist__customizeaddcart:lang(fr){ margin-left:-145px; } } @media only screen and (max-width: 413px){ .savedlist__addall-btn.button:lang(fr){ font-size:14px !important; } .savedlist__customizeaddcart:lang(fr), .savedlist__addall .button{ font-size:14px !important; } } /*---- END: BCPC-3182: translation is implemented to 'add all to cart' at top but not the one at bottom ----*/ /*---- Start: BCPC-3176: Unit price is not aligned----*/ .savedList__itemPrice-sub-left { text-align: left; margin-left: 7px; padding: 0px; margin-right: 20px; padding-right: 50px; } .savedList__itemPrice-sub{ margin-left: 0px!important; } /*---- End: BCPC-3176: Unit price is not aligned----*/ .savedlist__addall-btn{ margin-top: -41px!important; } /* --- START: BCPC-2933 : Order confirmation printout is cut off --- */ @media print { .order-confirmation-page .confimationMessageSection{ margin-left: 0px; } } /* --- END: BCPC-2933 : Order confirmation printout is cut off --- */ /* --- START: BCPC-3538 : Machine PDP: Detail pop up window - The text are going beyond the pop up window. --- */ .finance__modal-details{ margin: 6px !important; white-space: normal !important; } /* --- END: BCPC-3538 : Machine PDP: Detail pop up window - The text are going beyond the pop up window. --- */ /*---- START: BCPC-3221: Subtask: UI WORK Apply Now Ads BCP ----*/ .catcard__eSpot-content-banner{ margin:24px 0; min-height:37px; padding:9px 10px; } .utv__page-e2.line-3-text{ padding:14px 20px 0; } /*---- END: BCPC-3221: Subtask: UI WORK Apply Now Ads BCP ----*/ /* --- START: BCPC-3544 : Mobile: Dollar sign and part number should be in same line --- */ @media (max-width: 800px){ .attachmentPopupPrice, .machinePopupPrice{ float: left; text-align: left; margin-right: 0px !important; } .machinePopupPrice{ padding-left: 28% !important; } } /* --- END: BCPC-3544 : Mobile: Dollar sign and part number should be in same line --- */ /* --- START: BCPC-3543 : Attachment PDP: Buttons are not centered --- */ @media (max-width: 991px){ .pdp-page-wraper .row > .row { margin: 0; } } /* --- END: BCPC-3543 : Attachment PDP: Buttons are not centered --- */ /* --- START: BCPC-3539 : Machine Sub PLP: Compare mobile - The details of the third product is not displayed fully, while compairing --- */ .compare-product{ float: left; margin-top: 10px; } .compare_main{ width: 100% !important; } .compare_4 .compare-product{ width: 20% !important; } .compare_3 .compare-product{ width: 24% !important; } .compare_2 .compare-product{ width: 33% !important; } .compare_main .row{ margin: 0px; } .compare-product-img{ min-height: 210px; } .compare-product-price { height: 150px; } .compare-product .heading_mobile{ display: none; } .compare-product .col-md-11, .compare-product .currencyCode{ padding: 0px; } .widget_product_compare > .middle > .left_border > .right_border > .content .row:hover{ background: transparent !important; } .widget_product_compare > .middle > .left_border > .right_border > .content .row.zebra:hover{ background: #f2f2f2 !important; } .compare-product-attr{ height: 100px; } .compare-product-attr .heading{ width: 100% !important; } .compare-product a{ color: #006ECC !important; font-size: 12px; } .compare-product span.icon-close{ color: #404040 !important; font-size: 10px; } @media (max-width: 979px){ .compare_2 .compare-product, .compare_3 .compare-product, .compare_4 .compare-product{ width: 50% !important; } .compare_main, .compare_2, .compare_3, .compare_4{ width: 100% !important; } .hideMobile{ display:none; } .compare-product .heading_mobile{ display: block; font-size: 12px; font-weight: bold; margin-bottom: 10px; } .compare-product .col-xs-12{ padding: 0px; margin-left: -10px; } .compare_main .row{ padding-left: 10px; } .compare-product{ padding-top: 10px; } .compare-product-price .price-with-discount, .compare-product-price .price-without-discount, .compare-product-price .priceBefore{ padding-left: 0px; } } /* --- END: BCPC-3539 : Machine Sub PLP: Compare mobile - The details of the third product is not displayed fully, while compairing --- */ /* --- START: BCPC-3478 : PIM30912: populate Attribute grouping tables - UI. --- */ #allSpecifications .main-sub-heading2{ text-transform: uppercase; margin: 15px 0px 0px 0px; } #allSpecifications .specifications-label, #allSpecifications .specifications-value{ padding-top: 15px; padding-bottom: 15px; line-height: 20px; } /* --- END: BCPC-3478 : PIM30912: populate Attribute grouping tables - UI. --- */ /* ----------------------Prefooter -----------------------------*/ .prefooter{ background: url(https://caterpillar.scene7.com/is/image/Caterpillar/CM20190122-30241-42128); height: 260px; background-position: center; background-repeat: no-repeat; background-size: cover; } .catyellow{ color:#fecc33 !important } .color--white{ color:#fff !important; } .font--15px{ font-size: 15px !important; } .font--14px{ font-size: 14px !important; } .prefooter__contact--chat .icon-live-chat:before{ padding-right: 6px; } .prefooter__contact--phone--title, .prefooter__contact--chat--title, .prefooter__address--title, .prefooter__hours--title{ padding-bottom: 12px; } .prefooter .container{ padding-top: 25px; padding-bottom: 25px; } #prefooter--days th{ width: 74px; text-align: left; font-size: 14px; } #prefooter--days td{ font-size: 14px; } .prefooter__contact--chat { padding-bottom: 30px; } #prefooter__contact--phone--number{ font-size: 27px; } .prefooter__contact--chat .btn a{ height: 50px; line-height: 50px; } /* ----------------------Prefooter -----------------------------*/ /* --- Start : BCPC-3499 : CI Retail: Collapsed Spec Section --- */ .spec__toggle-icon-down{ color:#000; transform: rotate(90deg); display: inline-block; padding: 0 10px; } .spec__toggle-icon__up{ color:#000; transform: rotate(-90deg); display: inline-block; padding: 0 10px; } .spec__toggle-content{ font-family: Arial, sans-serif; text-transform: uppercase; font-size: 14px; font-weight: bold; padding: 20px 60px 20px 0px; margin-left: 15px; cursor:pointer; } .spec__toggle-line{ border-bottom: solid 1px #000; margin: 58px 15px 0px 15px; } #allSpecifications .main-sub-heading2 { text-transform: uppercase; margin: 15px 15px 0px 15px; } .spec__toggle-expand { display: block!important; } .spec__toggle-collapse { display: none!important; } .spec__toggle-collapse .spec__toggle-expand{ display:block !important; } /* --- End : BCPC-3499 : CI Retail: Collapsed Spec Section --- */ /* --- Start : BCPC-3438 : French - Order Summary UI - the texts are overlapped for french in the order summary page --- */ /*cart*/ .guest__backcart-btn:lang(fr){ white-space: nowrap; font-size: 18px; } .guest__proceed-btn:lang(fr){ font-size: 18px; white-space: nowrap; padding-right: 10px; padding-left: 10px; } /*info*/ .guest__continue-btn:lang(fr) { white-space: nowrap; margin-right: -10px; } .guest__signin-btn:lang(fr) { white-space: nowrap; margin-right: -100px; } /*billing*/ .guest__back-info-btn:lang(fr){ white-space: nowrap; font-size: 18px; margin-right: -18px; } .guest__proceed-summary-btn:lang(fr){ font-size: 18px; white-space: nowrap; } /*summary*/ .guest__back-billing-btn:lang(fr){ white-space: nowrap; margin-left: -50px; margin-right: -10px; } .guest__back-order-btn:lang(fr){ white-space: nowrap; } /* --- End : BCPC-3438 : French - Order Summary UI - the texts are overlapped for french in the order summary page --- */ /*---- START: BCPC-3194: Update UTV Banners for all scenarios + 2 new scenarios ----*/ .plp-page-wraper .utv-plp-wrapper .visible-sm{ display:block !important; } .plp-page-wraper .utv-plp-wrapper .visible-lg{ display:none !important; } /*---- END: BCPC-3194 ----*/ /*-- START: BCPC-3583: Shopping Cart: Grouped items prices displaying incorrectly --*/ .shopcart__child-group .savedList__itemPrice-sub-left{ padding-right: 0; } /*-- END: BCPC-3583: Shopping Cart: Grouped items prices displaying incorrectly --*/ /* --- START: BCPC-3612 : CI Retail: UI: PDP: Quick Order Update Changes --- */ .package-select{ height: 100px; border: 1px solid #CCC; margin-bottom: 20px; cursor: pointer; } .package-selected{ border: 1px solid #000; } .package-select-title{ font-size: 18px; margin-top: 15px; margin-left: 40px; font-family: "UniversLTW02-67BoldCn", "Arial Narrow", Arial, sans-serif; text-transform: uppercase; } .package-select-text{ font-size: 14px; color: #777777; } .package-select-checkbox{ display: block !important; float: left; margin-right: 20px; margin-left: 5px; height: 20px; } .pdp-page-wraper #mobile_separator{ display:none; } .pdp-page-wraper div.namePartPriceContainer h1.main_header, .pdp-page-wraper #primeBundleTotalPrice{ font-size: 28px; font-family: "UniversLTW02-67BoldCn", "Arial Narrow", Arial, sans-serif; } .pdp-page-wraper div.namePartPriceContainer h1.main_header #pdp__page_heading_title{ font-size: 42px; } .pdp-page--finance__fontSize18{ font-size: 18px !important; color: #000000; } .machine-availability{ width: 50%; margin-top:10px; float:left; } .pdp-page-wraper .pdp__price_header{ margin-top: 2px; } .pdp-page-wraper .contact_dealer_price{ font-family: "UniversLTW02-57Condense 723821","Arial Narrow",Arial,sans-serif; font-size: 14px; margin-bottom: 10px; color: #000; font-weight: normal!important; } .pdp-page-wraper .pdp__price_header-finance{ width: 51%; text-align: right; margin-top: 6px; } /* Start - Customized Checkbox */ .checkbox-container { display: block; position: relative; padding-left: 40px; margin-bottom: 12px; cursor: pointer; font-size: 22px; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; } .checkbox-container input { position: absolute; opacity: 0; cursor: pointer; height: 0; width: 0; } .checkmark { position: absolute; top: 0; left: 0; height: 18px; width: 18px; background-color: #fff; border: 1px solid #ccc; } .checkbox-container:hover input ~ .checkmark { background-color: #fff; border: 1px solid #ccc; } .checkbox-container input:checked ~ .checkmark { background-color: #ffcd11; border: none; } .checkmark:after { content: ""; position: absolute; display: none; } .checkbox-container input:checked ~ .checkmark:after { display: block; } .checkbox-container .checkmark:after { left: 6px; top: 1px; width: 4px; height: 10px; border: solid #000; border-width: 0 3px 3px 0; -webkit-transform: rotate(45deg); -ms-transform: rotate(45deg); transform: rotate(45deg); } /* End - Customized Checkbox */ @media (max-width: 1024px){ .pdp-page-wraper .pdp__price_header-finance a.finance__modal-popup-link, .pdp-page-wraper .pdp__totalprice-finance{ font-size: 14px !important; } } @media (max-width: 800px){ .machine-availability{ margin-top: 0px; } .package-select-checkbox{ height: 40px; } .package-select{ height: 120px; } .pdp-page-wraper #mobile_separator{ display:none; } .pdp-page-wraper .pdp__price_header-finance{ width: 100%; text-align: left; font-size: 18px !important; color: #565656; margin-bottom: 10px; } .pdp-page-wraper .pdp__totalprice-finance{ font-size: 12px !important } .mobileCatalogPageHeader #mainTitle{ display: none !important; } .pdp-page-wraper .pdp__price_header-finance a.finance__modal-popup-link{ font-size: 14px !important; } } /* --- END: BCPC-3612 : CI Retail: UI: PDP: Quick Order Update Changes --- */ /* --- START: BCPC-1926: mobile: Thompson chat icon is too big in actual device (UI) --- */ @media(max-width: 767px){ #apexchat_invitation_container_minimized_wrapper .livechat .livechat_start_text{ margin-right: 6px; font-weight: normal; float: right; margin-top: -12px; font-family: Lucida Grande, Lucida Sans Unicode, Helvetica, Verdana, Arial, sans-serif; line-height: 17px; margin-left: 40px; } #apexchat_invitation_container_minimized_wrapper .livechat .livechat_start_inner{ font-weight: normal; font-size: 12px; border-radius: 6px; height: auto; margin-top: 3px; padding: 10px; background-image: none; background: none; background-color: #DF9321; } #apexchat_invitation_container_minimized_wrapper .livechat .livechat_poweredby_inner{ display:block; color: #999999; font-size: 9px; float: left; margin-top: 8px; margin-left: 5px; } #apexchat_invitation_container_minimized_wrapper .livechat .livechat_invitation_tab{ display:none; } #apexchat_invitation_container_minimized_wrapper .livechat .livechat_inner{ min-height: 30px; border: 3px solid #DF9321; } #apexchat_invitation_container_minimized_wrapper #apexchat_minimized_invitation_calltoaction{ top: 0; right: 0; } #apexchat_invitation_container_minimized_wrapper .livechat .livechat_start_icon{ background: url(https://reachlocallivechat.com/themes/TotalLiveChat_Orange/invitation/total_live_chat_sprite.png) no-repeat -40px -18px; display: block; float: left; margin-top: -10px; } } @media(max-width: 380px) and (min-width: 361px){ .home__page-main-header{ margin-right: 0px !important; } } /* --- END: BCPC-1926: mobile: Thompson chat icon is too big in actual device (UI) --- */ /* --- START: BCPC-3654 : Pre-Footer: Live chat button doesn't hold all of the text in French --- */ .prefooter__contact--chat .center-text:lang(fr){ font-size: 13px; } /* --- END: BCPC-3654 : Pre-Footer: Live chat button doesn't hold all of the text in French --- */ /* --- START: BCPC-3733 : New Checkout Story 2: UI Work --- */ .shopCart__orderTotalPanel{ margin: 9px; clear: both; } .shopCart__orderTotalPanel-heading{ color: #000; font-family: "UniversLTW02-67BoldCn","Arial Narrow",Arial,sans-serif; font-size: 20px; padding-bottom: 10px; margin-bottom: 16px; text-transform: uppercase; border-bottom: 1px solid #ccc; } .shopCart__orderTotalPanel .label{ color: #3f3f3f; padding: 0; } .shopCart__orderTotalPanel .value{ text-align: right; color: #000; padding: 0; } .shopCart__orderTotalPanel-Total{ margin-top: 15px; padding-top: 15px; border-top: 1px solid #ccc; margin-bottom: 15px; } .shopCart__orderTotalPanel-Total .value{ font-family: "UniversLTW02-67BoldCn","Arial Narrow",Arial,sans-serif; font-size: 15px; } .priceDetails__discount .value{ font-weight: bold; } .priceDetails__tax{ padding: 0 8px; display: none; border-right: 2px solid #ccc; } .estimateTax__list .label, .estimateTax__list .value{ color: #777; } .shopCart__orderTotalPanel a{ cursor: pointer; } .shopCart__orderTotalPanel .shopcartCheckout { margin: 20px 0 0; white-space: nowrap; word-wrap: normal; } .shopCart__orderTotalPanel .icon-right-arrow{ font-size: 10px; display: inline-block; color: #000; -webkit-transform: rotate(90deg); -moz-transform: rotate(90deg); -o-transform: rotate(90deg); -ms-transform: rotate(90deg); transform: rotate(90deg); cursor: pointer; } .shopCart__orderTotalPanel .icon-right-arrow.active{ -webkit-transform: rotate(-90deg); -moz-transform: rotate(-90deg); -o-transform: rotate(-90deg); -ms-transform: rotate(-90deg); transform: rotate(-90deg); } .disabledShopCartDisplay{ position: relative; } .disabledShopCartDisplay:after { content: ""; background: #fff; width: 74%; height: 100%; position: absolute; top: 0; left: 0; opacity: 0.75; z-index: 9; } .orderTotalPanel__promoLink{ color: #4a90e2; } .orderTotalPanel__promoApply, .orderTotalPanel__promoCancel{ color: #006ecc; font-family: arial; font-size: 12px; text-transform: capitalize; } .orderTotalPanel__promoSubmit p{ margin: 0; } .shopCart__orderTotalPanel-priceDetails .row{ margin: 8px 0; } .loadingState .shopCart__orderTotalPanel-priceDetails .row{ text-indent: -9999px; background: #ccc; height: 14px; } .loadingState .shopCart__orderTotalPanel-priceDetails .promotion_input{ text-indent: -9999px; background: #ccc; height: 14px; } .promotion_input p:empty, .promotion_input br{ display: none; } .loadingState .shopCart__orderTotalPanel-priceDetails .priceDetails__subTotal{ text-indent: 0; background: none; height: auto; } .loadingState .shopCart__orderTotalPanel-priceDetails .value{ display: none } .loadingState .shopCart__orderTotalPanel-priceDetails .priceDetails__subTotal .value{ display: block; } .loadingState .shopCart__orderTotalPanel-heading{ color: #777; } .loading__taxAndFreightpopup{ display: none; position: absolute; top: 48%; left: 48%; z-index: 999; } .checkout__spinner{ position: relative; z-index: 999; left: 45%; display: inline-block; visibility: hidden; } .shopping-cart__spinner { margin-bottom: -15px; } .billing-form__spinner, .placeorder__spinner{ top: 10px; left: 48%; } .disabledButton{ background: #e5e3e0; color: #fff; cursor: auto; pointer-events: none; border-color: #e5e3e0; } .priceDetails__FrightCost > .label > a{ display: inline-block; vertical-align: text-bottom; } .freight__cost-iconLink.tooltip__info-link{ width: 11px; height: 11px; line-height: 11px; background: #4d4d4d; font-size: 10px; } .recalculateTotal .recalculation__field .value{ position: relative; } .recalculateTotal .recalculation__field .value:after { content: "--"; color: #ccc; position: absolute; left: 0; top: 0; width: 100%; height: 100%; background: #f1f1f1; } .shopCart__orderTotalPanel-priceDetails{ position: relative; } .requestQuote__block{ margin-top: 16px; text-align: center; font-size: 13px; } .requestQuote__block .button{ width: 146px; font-size: 14px; color: #000; margin: 8px auto 0; padding: 6px; } .errorMessage__invalidOrFailed .catMsg.large .catMsgText.catMsgBoth .catMsgTitle{ font-size: 13px; padding-left: 10px; font-family: arial; font-weight: bold; } .errorMessage__invalidOrFailed .catMsg.large .catMsgText.catMsgBoth .catMsgBody{ padding-left: 10px; } .errorMessage__invalidOrFailed .catMsg .catMsgIcon{ width: 50px; height: 50px; } .errorMessage__invalidOrFailed .catMsg .catMsgIcon:before { font-size: 24px; line-height: 50px; } .errorMessage__invalidOrFailed .catMsg .catMsgIconWrapper{ min-width: 50px; width: 50px; } .errorMessage__invalidOrFailed .catMsg .catMsgText { height: 50px; } .errorMessage__invalidOrFailed .catMsg { min-height: 50px; width: 73%; } #doesTaxFreightCallFailed .catMsg .catMsgIcon{ width: 70px; height: 70px; } #doesTaxFreightCallFailed .catMsg .catMsgIcon{ line-height: 70px; margin: 0 auto; } .appliedPromoCode__RemoveLink{ display: none; margin-top: 0px; color: #006ecc; } .emailToCart__block{ display: none; } .emailToCart__block .required-field{ color: #000; } .emailToCart__block .input__field{ padding: 13px 10px; color: #777; border:1px solid #ccc; width: 100%; margin: 8px 0; } .emailToCart__block .input__label{ color: #000; font-size: 13px; font-weight: bold; } .emailToCart__block .shopcartCheckout { margin-top: 16px; } .tooltip__container .popup-arrow-down{ left: 82px; } .tooltip__container.popup-container{ top: -20px !important; } .orderSummary__productQuantity { font-family: arial; font-size: 14px; } @media (max-width: 767px){ .errorMessage__invalidOrFailed .catMsg{ width: 100%; } .disabledShopCartDisplay:after { background: none; } .disabledShopCartDisplay .tabler-format-data{ position: relative; } .disabledShopCartDisplay .tabler-format-data:after { content: ""; background: #fff; width: 100%; height: 100%; position: absolute; top: 0; left: 1%; opacity: 0.75; z-index: 9; } .fixedcatpage .button.button_secondary2 { font-size: 14px;} } /* --- END: BCPC-3733 : New Checkout Story 2: UI Work --- */ /* --- START: BCPC-3637 : BCP: Kit PDP - Add and save list buttons overlap. --- */ .kit_pageDesign_pageGroup .pdp__savetolist{ float: none; width: auto; margin-top: 0px; } /* --- END: BCPC-3637 : BCP: Kit PDP - Add and save list buttons overlap. --- */ /*BCPC- 3619*/ .attachmentspage-button-savetolist{ width: 100%; float: right; padding-top: 10px; } /*BCPC- 3619*/ /* --- START: BCPC-1926: mobile: Thompson chat icon is too big in actual device (UI) --- */ @media(max-width: 767px){ #apexchat_invitation_container_minimized_wrapper .livechat .livechat_start_text{ margin-right: 6px; font-weight: normal; float: right; margin-top: -12px; font-family: Lucida Grande, Lucida Sans Unicode, Helvetica, Verdana, Arial, sans-serif; line-height: 17px; margin-left: 40px; } #apexchat_invitation_container_minimized_wrapper .livechat .livechat_start_inner{ font-weight: normal; font-size: 12px; border-radius: 6px; height: auto; margin-top: 3px; padding: 10px; background-image: none; background: none; background-color: #DF9321; } #apexchat_invitation_container_minimized_wrapper .livechat .livechat_poweredby_inner{ display:block; color: #999999; font-size: 9px; float: left; margin-top: 8px; margin-left: 5px; } #apexchat_invitation_container_minimized_wrapper .livechat .livechat_invitation_tab{ display:none; } #apexchat_invitation_container_minimized_wrapper .livechat .livechat_inner{ min-height: 30px; border: 3px solid #DF9321; } #apexchat_invitation_container_minimized_wrapper #apexchat_minimized_invitation_calltoaction{ top: 0; right: 0; } #apexchat_invitation_container_minimized_wrapper .livechat .livechat_start_icon{ background: url(https://reachlocallivechat.com/themes/TotalLiveChat_Orange/invitation/total_live_chat_sprite.png) no-repeat -40px -18px; display: block; float: left; margin-top: -10px; } } @media(max-width: 380px) and (min-width: 361px){ .home__page-main-header{ margin-right: 0px !important; } } /* --- END: BCPC-1926: mobile: Thompson chat icon is too big in actual device (UI) --- */ /* --- START: BCPC-3637 : BCP: Kit PDP - Add and save list buttons overlap. --- */ .kit_pageDesign_pageGroup .pdp__savetolist{ float: none; width: auto; margin-top: 0px; } /* --- END: BCPC-3637 : BCP: Kit PDP - Add and save list buttons overlap. --- */ #espotWrapper {width:100%;overflow:hidden;} /*---- START: BCPC-3613: CI Retail: PDP/Checkout: FAQ & Testimonials ----*/ #footerWrapper #contentRecommendationWidget_CATBCP_PDP_Testimonials_Espot, #footerWrapper #contentRecommendationWidget_CATBCP_PDP_FAQ_Espot, .footer_wrapper_position #contentRecommendationWidget_CATBCP_PDP_FAQ_Espot{ background:#fff; } .testimonial-wrapper{ margin:70px auto 0; color:#fff; background:#000; background-position:right top; background-repeat:no-repeat; min-height:410px; } .testimonial{ width:1180px; margin:0 auto; background-image:none !important; } .testimonial__content{ padding-left:64px; padding-top:110px; width:464px; } .testimonial__content h4.testimonial__content-title{ font-size:30px; font-family:"UniversLTW02-57Condense 723821", "Arial Narrow", Arial, sans-serif; color:#fff; font-weight:normal; line-height:30px; margin-bottom:10px; } .yellow-text{ font-family:"UniversLTW02-67BoldCn", "Arial Narrow", Arial, sans-serif; color:#ffcc00; } .testimonial__content-author, .testimonial__content-text{ font-size:14px; color:#fff; font-family:Arial, sans-serif; } .testimonial__content-author{ text-transform:uppercase; color:#ffcc00; font-family:"UniversLTW02-67BoldCn", "Arial Narrow", Arial, sans-serif; margin-bottom:20px; } .faq{ padding-top:70px; padding-bottom:30px; } .faq h3.faq-title{ font-family: "UniversLTW02-67BoldCn", "Arial Narrow", Arial, sans-serif; margin-bottom: 20px; text-transform: uppercase; font-size: 24px; color: #000; position:relative; cursor:pointer; border-bottom:2px #000 solid; padding-bottom:16px; margin-bottom:0; padding-right:30px; } .faq-accordion { padding: 0 0 16px; } .faq-accordion li.faq__list { border-top: solid 1px #e3e3e3; border-bottom: solid 1px #e3e3e3; margin:0 0 -1px; padding:0; position:relative; text-align:left; } .faq-accordion li.faq__list:first-child{ border-top:none; } .faq__list-handle { cursor:pointer; position:relative; } .faq__list-handle h4.faq__list-title { font-size:16px; font-family:Arial, sans-serif; font-weight:bold; line-height:normal; text-transform:none; margin:0; padding:15px 30px 15px 25px; } .faq__list-handle:before { border-left:0px solid #ffcf00; bottom:4px; content:''; left:0; position:absolute; top:0; transition:border 0.33s; } .expanded .faq__list-handle { font-weight:bold; } .expanded .faq__list-handle:before { border-left:4px solid #ffcf00; } .faq__list-drawer { padding:0 25px; } .faq__list-drawer p { margin:8px 0; font-size:16px; font-family:Arial, sans-serif; color:#000; max-width:780px; } .faq__list-drawer .drawer-measure { overflow:hidden; padding-bottom:15px; } .faq__list-handle:after, .faq h3.faq-title:after { content:'\e929'; font-family:"font-icon"!important; display:block; height:10px; margin:16px 8px; pointer-events:auto; position:absolute; right:5px; top:0; transform:rotate(90deg); width:10px; z-index:2; } .faq h3.faq-title:after{ right:0; } .expanded .faq__list-handle:after, .faq h3.faq-title.collapsed:after { transform:rotate(270deg); font-weight:normal; right:17px; top:5px; } .faq h3.faq-title.collapsed:after { right:23px; top:10px; } .faq__list-drawer{ max-height:0; will-change:max-height; overflow:hidden; box-sizing:border-box; transition:max-height 0.3s cubic-bezier(.4,0,.6,1); } .expanded .faq__list-drawer{ max-height:none; } .order-confirmation-page .faq, .shipping-billing-page .faq, .order-summary-page .faq{ padding-top:0; } .shopping-cart-page .faq{ padding-top:30px; padding-bottom:0; } @media (max-width: 1179px){ .testimonial{ width:auto; } } @media (max-width: 979px){ .testimonial__content{ width:44%; } } @media (max-width: 767px){ .testimonial-wrapper{ position:relative; margin:30px auto; background-image:none !important; } .faq{ padding-top:30px; padding-bottom:30px; } .testimonial{ background-position:center top; background-repeat:no-repeat; background-image: url('https://s7d2.scene7.com/is/image/Caterpillar/CM20190313-58652-25602?fmt=png-alpha') !important; } .testimonial__content{ padding:200px 20px 50px; width:420px; margin:0 auto; box-sizing:border-box; position:static; } .order-confirmation-page .faq, .shipping-billing-page .faq, .order-summary-page .faq{ padding-top:0; padding-bottom:0; } } @media (max-width: 439px){ .testimonial__content{ width:100%; } } /*---- END: BCPC-3613: CI Retail: PDP/Checkout: FAQ & Testimonials ----*/ /*---- START: AURORA-10323 Translation: PLP: UI Issue: Monthly toggle: Word "Mensualmente" goes out of bound(word overlaps box) while translating. ----*/ .us-metric-machine a:lang(es){ min-width:75px; width:auto; } /*---- END: AURORA-10323 Translation: PLP: UI Issue: Monthly toggle: Word "Mensualmente" goes out of bound(word overlaps box) while translating. ----*/ /*--- START: BCPC-3610 : CI Retail: PDP: Quick Order Update Changes---*/ .pdp--priceError__margin0{ margin: 0; } .omniproductpagecontainer .pdp--priceError__margin0 {margin:auto;padding-bottom:20px;} /*--- END: BCPC-3610 : CI Retail: PDP: Quick Order Update Changes---*/ /* --- START: AURORA-10810 : Dealer Site: Product tile for hammer bundle --- */ .plp-page-wraper .grid_mode .product{ padding-bottom: 0px; } /* --- END: AURORA-10810 : Dealer Site: Product tile for hammer bundle --- */ /* --- START: BCPC-3691 : once selected any quick order, the mouse pointer should not display as hand pointer icon. --- */ .package-selected, .package-selected .checkbox-container{ cursor: context-menu; } /* --- END: BCPC-3691 : once selected any quick order, the mouse pointer should not display as hand pointer icon. --- */ /* --- START: BCPC-3693 : The quick order descrition is going beyond the box. --- */ .package-select{ height: auto; min-height: 100px; } /* --- END: BCPC-3693 : The quick order descrition is going beyond the box. --- */ /* --- START: AURORA-10807 : Saved to later link should be hidden for EPP --- */ .shopping-cart-page .shopcart__child-group .SFL-link{ display: none; } /* --- END: AURORA-10807 : Saved to later link should be hidden for EPP --- */ /*-- START: AURORA-10685: BCP:UI: Validation message gets cut off in Saved list Page--*/ .create__list .dijitTooltipContainer:before{ right: auto; left: 100%; border-left-color: #ff0000; border-right: transparent; } .create__list .dijitTooltipContainer:after{ right: auto; left: 100%; border-left-color: #fff; border-right: transparent; } /*-- END: AURORA-10685: BCP:UI: Validation message gets cut off in Saved list Page--*/ /* --- START: AURORA-10520 : BCP: Attachment PDP: Save to List misalignment after using --- */ .bundle_package_page .attachment__pdp--save-to-list .pdp__savetolist{ float: none; width: auto; margin-top: 0px; } /* --- END: AURORA-10520 : BCP: Attachment PDP: Save to List misalignment after using --- */ /*---- START: AURORA-10954: BCP:Space is missing before location name in the sub-headig of 'Showing results near..' ----*/ .showing-search-text #headerdealercitystate{ padding-left:5px; } /*---- END: AURORA-10954: BCP:Space is missing before location name in the sub-headig of 'Showing results near..' ----*/ /*---- START: BCPC-3752: Compare checkbox is overlapping on PLP ----*/ .grid_mode .compare_target{ position:static; } /*---- END: BCPC-3752: Compare checkbox is overlapping on PLP ----*/ /* --- START: BCPC-3763 : The product name is not aligned, after removing a product from comparison --- */ .compare_1 .compare-product{ width: 50%; } /* --- END: BCPC-3763 : The product name is not aligned, after removing a product from comparison --- */ /* --- START: BCPC-3786: UI:Misalignment with Availability for 320-GC-Tool Control --- */ .pdp-page-wraper .product_pageDesign_pageGroup .main_header #pdp__page_heading_title.wid50{ width: 65%; } /* --- END: BCPC-3786: UI:Misalignment with Availability for 320-GC-Tool Control --- */ /*---- START: BCPC-3700:CI Retail: UI Save List PDP/Shopping Cart ----*/ .shopping-cart-page .mainTitle{ padding-bottom:8px; } .savetolist__container{ z-index:1; position:absolute; left:0; top:50px; width:100%; display: none; height:1px; } .savetolist__container-wrapper{ background:#fff; padding:10px 0; box-shadow:1px 1px 5px #ccc; min-width:240px; max-width:400px; margin:0 auto; position:relative; text-align: left; } .savetolist__container span.icon-close{ display:none; font-size:12px; } .savetolist__container li:hover{ background:#f3f3f3; } .savetolist__container li a, .pdp-page-wraper .warrantySection .warrantytextContainer.pdp__savetolist a{ font-size:13px; font-family:sans-serif; line-height:22px; font-weight:bold; text-transform:none; display:block; padding:15px 25px; } .pdp-page-wraper .warrantySection .warrantytextContainer.pdp__savetolist .warrantytext, .pdp-page-wraper .warrantySection .warrantytextContainer.pdp__savetolist .warrantytext a{ font-size:12px; font-family:sans-serif; font-weight:bold; text-transform:none; line-height:40px; text-transform:uppercase; color:#3f3f3f; cursor:pointer; display:block; } .savetolist__container .font-icon{ font-size:24px; color:#6e6e6e; margin-right:20px; float:left; width:24px; } .savetolist__container span.icon-list-view{ background:#6e6e6e; color:#fff; } .icon-save-pdf:before{ content:"\e968"; } .icon-email:before{ content:"\e945"; } .modalPopup_bar.requestEmail__PopUp-Dialog, .modalPopup_bar.requestThankYou__PopUp-Dialog{ padding:40px 40px 30px; } .requestEmail__PopUp-Dialog #modalPopup_dialog.modalPopup_dialog .modalMainContainer .close-pop-up, .requestThankYou__PopUp-Dialog #modalPopup_dialog.modalPopup_dialog .modalMainContainer .close-pop-up{ top:20px; right:20px; } .modalPopup_bar.requestEmail__PopUp-Dialog .modalPopup_dialog, .modalPopup_bar.requestEmail__PopUp-Dialog .modalMainContainer, .modalPopup_bar.requestThankYou__PopUp-Dialog .modalPopup_dialog, .modalPopup_bar.requestThankYou__PopUp-Dialog .modalMainContainer{ padding:0; } .modalPopup .modalPopup_bar.requestEmail__PopUp-Dialog .title h2, .modalPopup .modalPopup_bar.requestThankYou__PopUp-Dialog .title h2{ font-size:30px; letter-spacing:-0.27px; } .modalPopup_bar.requestEmail__PopUp-Dialog .modalPopup_content, .modalPopup_bar.requestThankYou__PopUp-Dialog .modalPopup_content{ padding-top:15px; } .modalPopup_content-field, .modalPopup_content-description{ font-size:14px; line-height:18px; font-family:Arial, sans-serif; color:#3f3f3f; display:table; width:100%; margin-bottom:10px; } .modalPopup_content-description{ margin-bottom:20px; } .modalPopup_content-description br{ display:none; } .modalPopup_bar.requestEmail__PopUp-Dialog .modalPopup_content label{ font-size:12px; letter-spacing:0.13px; display:block; font-weight:bold; color:#000; text-transform:capitalize; } .modalPopup_bar.requestEmail__PopUp-Dialog .modalPopup_content label.email-cart_term{ font-size:14px; font-weight:normal; text-transform:inherit; color:#4b4b4b; } .country_drop_down{ border-radius: 0!important; margin: 5px 0; width: 100%; border: 1px solid #bfbfbf; font-size: 12px; padding: 6px; height: 35px; margin-bottom: 10px; background: #fff; -webkit-appearance:menulist; appearance:menulist; } .modalPopup_content-field #save-cart__describe-link{ color:#000; text-decoration:underline; font-weight:bold; } .modalPopup_bar.requestEmail__PopUp-Dialog a.button{ margin-top:20px; } .requisition_list-savebutton{ margin-bottom:10px; } .requisition_list-savebutton .pdp__savetolist{ margin-top:0; width:100%; } .shopping-cart-page #orderItemDisplay{ margin-top:40px !important; } .new_shop_import .icon-list-view{ background:#6e6e6e; font-size:24px; color:#fff; } .icon-save-pdf, .icon-email{ font-size:24px; color:#6e6e6e; } .new_shop_import .icon-email + .icon-text{ top:2px; position:relative; } .listTable .toolbar #newListButton{ color:#fff; margin-left:0; } /* 89807: Bug: BCP: UI: "Save Cart to List" link is missing from shopping cart for Guest User - start */ .listTable .toolbar .save__cart--linkcolor { color: #006ecc !important; float: left !important; } /* 89807: Bug: BCP: UI: "Save Cart to List" link is missing from shopping cart for Guest User - end */ .listTable .toolbar #newListButton .icon-text, .icon-text{ color:#636363; font-size:8px; text-transform:uppercase; font-family:UniversLTW02-67BoldCn,"Arial Narrow",Arial,sans-serif; } .listTable .toolbar #newListButton .icon-text{ color:fff; } .pdp__savetolist .warrantySection{ border-top:none; } .requisition_list-savebutton .savetolist__container, .savetolist__container.small{ width:60%; left:20%; } .savetolist__container .warrantySection{ border-top:none; } .bundle_pageDesign_pageGroup .pdp__savetolist{ margin-top:0; width:100%; margin-bottom:10px; } .warrantytextContainer.pdp__savetolist{ margin-top:0; width:100%; } .modalPopup_bar.requestEmail__PopUp-Dialog, .modalPopup_bar.requestThankYou__PopUp-Dialog{ font-size:14px; color:#3f3f3f; line-height:18px; } .requestEmail__PopUp-Dialog .email__cart-opt-in-description{ font-size:10px; line-height:13px; color:#777777; margin:10px 0 0; } .country_drop_down{ color:#3f3f3f; } #requestEmail__PopUp.modalPopup .dijitDialogPaneContent{ margin-top:3% !important; } @media(max-width: 1024px){ .savetolist__container span.icon-close{ display:block; position:absolute; top:10px; right:-20px; z-index:2; cursor:pointer; } } /*---- END: BCPC-3700:CI Retail: UI Save List PDP/Shopping Cart ----*/ /*--- START: BCPC-3845 : CI Retail: New Checkout: Story 6: Financing Review/Billing Page Creation - UI --- */ .list__item{ border: 1px solid #d5d5d5; margin-bottom: 10px; padding: 15px 20px; cursor: pointer; position: relative; display: flex; min-height: 100px; align-items: center; } .list__item.active-list{ border-color: #000; } .paymentMethod__listItem-title{ font-family: "UniversLTW02-67BoldCn","Arial Narrow",Arial,sans-serif; font-size: 16px; color: #000000; text-transform: uppercase; } .paymentMethod__listItem-desc{ font-family: "UniversLTW02-57Condense 723821","Arial Narrow",Arial,sans-serif; font-size: 15px; color: #7b7b7b; padding-right: 20px; } .edit__billingInfo-loggedIn{ transform: translate(-50%, 0%); -webkit-transform: translate(-50%, 0%); -moz-transform: translate(-50%, 0%); -ms-transform: translate(-50%, 0%); } .edit__billingInfo-loggedIn .edit__billing-fields .col-md-6{ width: 100%; } .list__item .checkbox-container input:checked ~ .checkmark{ background-color: #3070c6; } .list__item .checkbox-container input:checked ~ .checkmark:after{ border-color: #fff; } .paymentMethod__listItem-content, .list__item .checkbox-container{ display: inline-block; vertical-align: middle; } .paymentMethod__listItem-content{ width: 75%; } .paymentMethod__listItem-image { display: inline-block; width: 15%; vertical-align: middle; } .paymentMethod__listItem-image img{ max-width: 100%; float: left; } .review__details-display .tooltip__info-link{ margin-left: 5px; vertical-align: middle; } .billingDetails__container, .review__details-display, #paymentStepProcess{ display: none; } .billingDetails__container.billing__display{ display: block; } .billing__display .review__details{ border: none; padding-top: 10px; } #changeFinancingOption.paymentMethod__back-link{ display: none; } .paymentMethod__back-link{ text-align: right; text-transform: capitalize; } .payment__selection-done .commercial__card-section{ display: none !important; } .payment__selection-done li{ display: none; } .payment__selection-done .active-list{ display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex; margin-bottom: -5px; } .link{ color:#4a90e2; font-family: Arial; font-size: 14px; cursor: pointer; } .billingDetails__container .list__item{ margin-bottom: 7px; } .review__details, .requestPickup__date-container { border-top: 1px solid #9b9b9b; margin-top: 20px; padding-top: 25px; overflow: hidden; font-size: 13px; } .requestPickup__date-container{ margin: 35px 0; padding-top: 0; border: none; } .review__details .checkout__heading-gray{ margin-bottom: 25px; font-family: "UniversLTW02-57Condense 723821","Arial Narrow",Arial,sans-serif; font-size: 24px; color: #777; } .tooltip__info-link{ width: 14px; height: 14px; line-height: 14px; background: #4d4d4d; font-size: 9px; font-weight: bold; display: inline-block; color: #fff; text-align: center; border-radius: 100%; text-transform: lowercase; } .payment__note{ font-size: 15px; background-color: #f4f4f4; padding: 30px; display: none; margin-top: 40px; font-family: "UniversLTW02-57Condense 723821","Arial Narrow",Arial,sans-serif; } .review__checkout-step .payment__note{ display: block; } .loggedInUser.payment__option-selected .payment__note{ display: block; } .payment__note--title{ color: #777; font-weight: bold; } .review__address-list { padding-left: 0; position: static; } .review__address-list .model__popup-title{ font-family: "UniversLTW02-57Condense 723821","Arial Narrow",Arial,sans-serif; font-size: 24px; color: #777; } .review__details p:empty{ display: none; } .review__address-list #billingAddressSelectBoxArea_1 { display: block !important; } .review__details-title{ font-family: "UniversLTW02-57Condense 723821","Arial Narrow",Arial,sans-serif; font-size: 15px; font-weight: bold; color: #565656; margin-bottom: 15px; text-transform: uppercase; } .review__address-title{ font-family: Arial; font-size: 14px; font-weight: bold; color: #000; text-transform: capitalize; } .review__address-details{ font-size: 14px; color: #000; font-family: Arial; } .update__CompanyInfo b, .update__CompanyInfo .registration-heading{ display: none; } .update__CompanyInfo .column.single-left-column .inputField{ width: 100% !important; background: #f5f5f5; height: 45px; } .update__CompanyInfo .inputField{ width: 100% !important; } .update__CompanyInfo .column_label{ margin-bottom: 5px; } /* START: BCPC-4286 - Added fixed for Checkout page specific. */ .checkout__left-container .editMode{ display: none; } /* END: BCPC-4286 - Added fixed for Checkout page specific. */ .edit__Mode-enabled .continueMode{ display: none; } .edit__Mode-enabled .editMode{ display: block; } .requestPickup__date-title{ font-family: Arial; font-size: 12px; font-weight: bold; color: #000000; text-transform: capitalize; } .requestPickup__date-title .left_espot, .purchase__order-container .left_espot{ font-weight:normal; font-size: 13px; text-transform: none; } .requestPickup__date-desc{ color: #5a5a5a; } .purchase__order-block{ padding: 30px; background: #f4f4f4; margin-top: 20px; display: none; position: relative; } .purchase__order-block input[type="file"] { cursor: pointer; height: 100%; } .purchase__order-container { margin: 30px 0; } .purchase__order-closeBtn{ position: absolute; right: 15px; top: 15px; opacity: 0.5; } .purchase__order-title{ font-family: Arial; font-size: 12px; font-weight: bold; color: #000000; text-transform: capitalize; } .summary__inputbox .dijitInputInner { padding: 10px; height: auto; font-size: 12px; } .summary__inputbox .dijitArrowButtonContainer { padding-top: 5px; } .summary__inputbox{ width: 100%; padding: 10px; margin: 10px 0; font-size: 13px; color: #777; } .summary__inputbox .dijitPlaceHolder{ font-size: 12px; padding: 10px; text-transform: capitalize; } .dijitCalendarWidth .dijitTextBox.summary__inputbox{ height: auto; width: 100%; } .purchase__order-container .link{ margin: 30px 0; cursor: pointer; } .purchase__order-upload{ position: relative; overflow: hidden; text-align: center; font-size: 13px; width: 48%; } .purchase__order-inputBox{ width: 48%; float: left; margin-right: 20px; } .purchase__order-upload .purchase__order-icon { display: block; padding: 14px; margin: 10px 0; font-family: "UniversLTW02-57Condense 723821","Arial Narrow",Arial,sans-serif;; font-size: 14px; text-align: center; font-weight: bold; border: 1px dashed #979797; border-radius: 1px; text-transform: uppercase; border-radius: 5px; } .purchase__order-upload .dijitButton { position: absolute !important; top: 0; left: 0; opacity: 0; padding: 15px; cursor: pointer; width: 100%; margin: 10px 0; } .paymentMethod__list-container .billing__dropdown-disabled{ visibility: hidden; height: 0; min-height: 0; } .billing__dropdown-disabled:after{ display: none; } .common__modelPopup{ position: absolute; left: 50%; width: 630px; top: 0; z-index: 9999; background: #fff; margin: 0 auto; font-size: 14px; padding: 30px 40px; } .common__modelPopup-close{ float: right; font-size: 13px; color: #575757; margin-top: -15px; margin-right: -20px; } .catUpload__filename { background: #fff; display: block; padding: 6px 20px; clear: both; text-align: left; border: 1px solid #ccc; margin-top: 9px; } .catUpload__icon{ padding-left: 55px; display: inline-block; position: relative; } .purchase__order-icon .upload__icon{ background: url("../images/upload__icon.png") no-repeat 0 0; padding-left: 30px; } .catUpload__icon:before{ content: "\e971"; font-size: 38px; font-family: 'font-icon'; position: absolute; left: 0; top: -8px; color: #6f6f6f; } .catUpload__filename .title{ font-size: 14px; font-weight: bold; } .catUpload__filename .desc{ color: #969696; font-size: 12px; } .catUpload__filename .icon-close{ float: right; margin-top: 8px; font-size: 18px; opacity: 0.5; margin-right: 15px; } .terms-modal-popup .title .catPageSubHeader{ font-size: 30px; margin-bottom: 10px; } .terms-modal-popup .mainTitle, .billing_address_container{ display: none; } .terms-modal-popup .modalPopup_dialog{ padding: 10px; } .terms-modal-popup #tc_title{ font-family: "UniversLTW02-67BoldCn","Arial Narrow",Arial,sans-serif; font-size: 14px; text-transform: uppercase; margin: 10px 0; display: block; } /*--- END: BCPC-3845 : CI Retail: New Checkout: Story 6: Financing Review/Billing Page Creation - UI --- */ /*---- START BCPC-3678:CI Retail: New Checkout: Story 7: Order Confirmation and Reservation ----*/ .orderconfirmation__banner{ padding:40px 0 15px; text-align:center; } .orderconfirmation__banner, .orderconfirmation__orderdetail, .orderconfirmation__ordernumber{ width:590px; margin:0 auto; text-align:center; } .orderconfirmation__attBanner{ width:550px; } .orderconfirmation__banner h2{ font-family: "UniversLTW02-67BoldCn", "Arial Narrow", Arial, sans-serif; font-size: 36px; color: #000000; text-transform:uppercase; margin-bottom:10px; } .orderconfirmation__banner h2:before{ content:"\e92b"; font-size:43px; font-family:'font-icon'; color:#ffcc00; position:relative; top:7px; padding-right:15px; } .orderconfirmation__banner p{ font-family: Arial, sans-serif; font-size: 14px; font-weight: normal; line-height: 1.36; color: #000000; margin:0 auto; } .orderconfirmation__orderdetail{ margin-bottom:60px; white-space: nowrap; } .orderconfirmation__orderdetail-PONumber, .orderconfirmation__orderdetail-Pickup{ display:inline-block; padding:0 10px; } .orderconfirmation__orderdetail-Pickup{ border:none; padding: 0 5px; } .orderconfirmation__orderdetail-seperator{ border-left: 1px #4a4a4a solid; display: inline-block; height: 25px; width: 5px; vertical-align: middle; } .orderconfirmation__orderdetail-PONumber p, .orderconfirmation__orderdetail-Pickup p{ font-family: Arial, sans-serif; font-size: 14px; font-weight: normal; color: #a3a3a3; margin-bottom:0; text-transform:uppercase; white-space:nowrap; } .orderconfirmation__orderdetail-PONumber--value, .orderconfirmation__orderdetail-Pickup--date{ color: #494949; padding-left:5px; } .PONumber_attached-icon:before{ content:"\e971"; font-size:16px; font-family:'font-icon'; position:relative; top:2px; padding-right:5px; } .orderconfirmation__ordernumber{ padding:30px 0; } .orderconfirmation__ordernumber p{ font-family: Arial, sans-serif; font-size: 14px; font-weight: normal; color: #5a5a5a; text-transform:uppercase; } .orderconfirmation__ordernumber-value{ display:block; font-family: "UniversLTW02-67BoldCn", "Arial Narrow", Arial, sans-serif; font-size: 30px; letter-spacing: -0.3px; color: #000000; } .orderconfirmation__button{ text-align:center; } .orderconfirmation__button .button_primary2{ display:inline-block; padding:15px 20px; } .orderconfirmation__createaccount h3, .orderconfirmation__nextStepsContainer h3, .orderconfirmation__nextStepsSectionContent h4{ font-family: "UniversLTW02-67BoldCn", "Arial Narrow", Arial, sans-serif; font-size: 30px; color: #000000; text-transform:uppercase; margin-bottom:25px; } .orderconfirmation__createaccount-field{ margin-bottom:15px; position:relative; } .orderconfirmation__createaccount-field label{ font-family: Arial, sans-serif; font-size: 12px; font-weight: bold; color: #000000; display:block; } .orderconfirmation__createaccount-field .required-field{ float:none; } .orderconfirmation__createaccount-field .inputField{ width: 100%; height: 44px; border: solid 1px #cccccc; background-color: #ffffff; font-family: Arial, sans-serif; font-size: 12px; color: #777777; padding:6px 10px; max-width:550px; } .orderconfirmation__createaccount-field select.inputField{ -webkit-appearance: menulist; } .orderconfirmation__createaccount-field .error_msg, .orderconfirmation__createaccount-field .fieldValidationError{ font-size:12px; } .orderconfirmation__createaccount-field #passwordHelpPopup, .orderconfirmation__createaccount-field #userNameHelpPopup{ right:-325px; } .orderconfirmation__createaccount-field #userNameHelpPopup{ margin-top:15px; } .orderconfirmation__createaccount-field #passwordHelpPopup{ margin-top:-45px; } .orderconfirmation__createaccount-questionsection{ padding-top:25px; margin-top:15px; border-top:1px #9b9b9b solid; max-width:550px; } .orderconfirmation__createaccount .button_primary{ padding:20px 10px; font-size:20px; font-family: "UniversLTW02-67BoldCn", "Arial Narrow", Arial, sans-serif; margin-top:20px; width:400px; } .orderconfirmation__button .button_primary2:after, .orderconfirmation_financeBtn .button_primary2:after{ content:"\e94e"; font-size:12px; font-family:'font-icon'; position:relative; top:-2px; padding-left:7px; font-weight:bold; } .account__benefit__wrapper{ padding: 50px 35px; } .accountbenefit__section{ width:320px; } .accountbenefit__section h4{ font-family: "UniversLTW02-67BoldCn", "Arial Narrow", Arial, sans-serif; font-size: 14px; text-transform: uppercase; color: #000000; margin-bottom:20px; } .accountbenefit__section p, .accountbenefit__section li{ font-family: Arial, sans-serif; font-size: 14px; font-weight: normal; color: #000000; } .accountbenefit__section ul{ padding-left:25px; } .accountbenefit__section li{ list-style:disc; line-height: 1.21; margin-bottom:5px; padding-left:10px; } .orderconfirmation__createaccount .catMsg.large{ max-width: 550px; min-height: 50px; border: solid 1px #940000; background-color: #ffffff; position:relative; padding:1px 0 1px 50px; margin-bottom:20px; } .orderconfirmation__createaccount .catMsg.large:before, .orderconfirmation__createaccount .catMsg.large:after{ content:""; background:#940000; height:100%; width:50px; position:absolute; left:0; top:0; } .orderconfirmation__createaccount .catMsg.large:after{ background:url("../images/bcp/warning-icon2.png") no-repeat 0 0; left:9px; top:7px; } .orderconfirmation__createaccount .catMsg.large .catMsgTitle, .orderconfirmation__createaccount .catMsg.large .catMsgBody{ font-family: Arial; font-size: 13px; color: #3f3f3f; margin:0; } .orderconfirmation__createaccount .catMsg.large .catMsgIconWrapper{ display:none; } .orderconfirmation__createaccount .catMsg.large .catMsgText{ height:auto; } .orderconfirmation__createaccount .catMsg.large .catMsgTitle{ font-weight:bold; } .thankyou__message{ max-width:415px; } .thankyou__message h2{ font-family:"UniversLTW02-57Condense 723821", "Arial Narrow", Arial, sans-serif; font-size: 24px; font-weight: normal; color: #777777; margin-bottom:9px; } .thankyou__message p{ font-family: Arial; font-size: 14px; color: #000000; } .orderconfirmation__middleContainer, .orderconfirmation__middleContainer .checkout__orderSummaryPreview{ background: #f5f5f5; } .checkout__orderSummaryPreview h2{ color: #000; } .orderconfirmation__nextStepsContainer{ padding: 50px 30px; margin-top: 30px; } .orderconfirmation__nextSteps{ background: #fff; height: auto; width: 110%; } .orderconfirmation__yellowSeperator{ background: #ffca00; height: 5px; width: 30px; } .orderconfirmation__nextStepsSectionContent{ margin-top: 10px; } .orderconfirmation__nextStepsSectionContent h4{ font-size: 18px; margin-bottom: 0px; } .orderconfirmation__nextStepsSectionContent p, .orderconfirmation__nextStepsBulletPoints ul li, .orderconfirmation__pickupText{ font-size: 14px; } .orderconfirmation__nextStepsSection{ padding: 20px 0px 0px 0px; } .orderconfirmation__nextStepsBulletHeading{ font-size: 14px; color: #777; margin-top: 15px; font-family: "UniversLTW02-67BoldCn"; text-transform: uppercase; } .orderconfirmation__nextStepsBulletPoints ul li { margin-top: 10px; } .orderconfirmation__nextStepsBulletPoints ul li:before{ width: 8px; height: 8px; content: " "; border: 1px solid #ccc; display: inline-block; border-radius: 20px; margin-right: 10px; } .orderconfirmation_financeBtn{ margin-top: 15px; width: 110%; } .orderconfirmation__personalFinanceIcon{ font-size: 60px; text-align: center; margin-top: 10px; } .orderconfirmation__catFinancialIcon{ font-size: 90px; text-align: center; } .orderconfirmation__nextStepsIcon{ padding-bottom: 20px; } /* Start : Cat financial Icon Css */ .icon-icons-cat-fi-logo .path1:before { content: "\e972"; color: #231f20; } .icon-icons-cat-fi-logo .path2:before { content: "\e973"; color: #231f20; margin-left: -1em; } .icon-icons-cat-fi-logo .path3:before { content: "\e974"; color: #fab40a; margin-left: -1em; } .icon-icons-cat-fi-logo .path4:before { content: "\e975"; color: #231f20; margin-left: -1em; } .icon-icons-cat-fi-logo .path5:before { content: "\e976"; color: #231f20; margin-left: -1em; } .icon-icons-cat-fi-logo .path6:before { content: "\e977"; color: #231f20; margin-left: -1em; } .icon-icons-cat-fi-logo .path7:before { content: "\e978"; color: #231f20; margin-left: -1em; } /* End : Cat financial Icon Css */ /* Start : Next steps Icon Css */ .icon-next-steps .path1:before { content: "\e979"; color: #979797; } .icon-next-steps .path2:before { content: "\e97a"; color: #ffca04; margin-left: -1.015625em; } /* End : Next steps Icon Css */ .orderconfirmation__nextStepsContainer .dealer-branch-informations{ background: #fff; border: none; padding-left: 76px; padding-top: 10px; } .orderconfirmation__nextStepsContainer .dealear-heading{ font-size: 18px; background: #ffffff; padding: 10px 0px 0px; margin: 0px; } .orderconfirmation__nextStepsContainer .dealear-sub-heading2{ font-size: 14px; color: #777; text-transform: uppercase; } .orderconfirmation__nextStepsContainer .dealear-sub-heading{ font-size: 14px; margin: 0px; text-align: left; } .orderconfirmation__pickUpInfo{ font-size: 12px; color: #3f3f3f; } .orderconfirmation__pickUpInfoContainer{ padding: 20px; } .orderconfirmation__pickUpInfoContainer .font-icon{ color: #777; } .orderconfirmation__pickUpInfoContainer .light-blue-color{ font-size: 12px; color: #0090b1; } .orderconfirmation__pickupText{ color: #5a5a5a; padding: 20px; } .orderconfirmation__createaccount .catMsg.small .catMsgText.catMsgBoth .catMsgTitle{ padding: 0px 5px 0px 50px; } .orderconfirmation__createaccount .catMsg.small .catMsgText.catMsgBoth .catMsgBody{ padding: 0px 0px 0px 50px; width: 100%; } .orderconfirmation__createaccount #guestRegisterError .catMsg.small{ max-width: 550px; } .order-confirmation-page .catMsg.large{ display: block; } .order-confirmation-page .catMsg.large .catMsgText.catMsgBoth .catMsgTitle{ padding: 6px 10px 0px 10px; } .order-confirmation-page .catMsg.large .catMsgText.catMsgBoth .catMsgBody{ padding: 0px 10px 6px 10px; } @media (max-width: 991px){ .orderconfirmation__createaccount{ padding:30px 0 0; } .orderconfirmation__createaccount h3{ margin-bottom:20px; } .accountbenefit__section{ padding-left:0; padding-top:35px; width:100%; } .orderconfirmation__createaccount .catMsg.large, .orderconfirmation__createaccount-field .inputField, .orderconfirmation__createaccount-questionsection, .orderconfirmation__createaccount .button_primary{ max-width:inherit; } } @media (max-width: 768px) and (min-width: 320px){ .orderconfirmation__createaccount-field #userNameHelpPopup, .orderconfirmation__createaccount-field #passwordHelpPopup{ margin-top:0; } } @media (min-width: 981px) and (max-width: 1200px){ .common__modelPopup{ left: 30%; } .common__modelPopup.edit__billingInfo-loggedIn{ left: 50%; } } @media (min-width: 768px) and (max-width: 980px){ .common__modelPopup{ left: 15%; } .common__modelPopup.edit__billingInfo-loggedIn{ left: 50%; } } @media (max-width: 767px){ .orderconfirmation__banner, .orderconfirmation__orderdetail, .orderconfirmation__ordernumber{ width:100%; } .orderconfirmation__banner h2, .orderconfirmation__banner h2:before{ font-size:24px; } .orderconfirmation__banner h2:before{ padding-right:5px; top:3px; } .orderconfirmation__button .button_primary2{ font-size:18px; padding:15px 5px; } .orderconfirmation__orderdetail-PONumber, .orderconfirmation__orderdetail-Pickup{ display:block; margin-bottom:10px; } .orderconfirmation__orderdetail{ margin-bottom:20px; } .orderconfirmation__ordernumber{ padding:10px 0; } .orderconfirmation__button .button_primary2{ display:block; } .orderconfirmation__createaccount{ padding-bottom:30px; } .orderconfirmation__nextStepsContainer{ padding: 50px 15px; } .orderconfirmation__nextSteps{ padding: 0px 10px; } .orderconfirmation__nextStepsSection{ padding: 10px 0px; } .orderconfirmation__personalFinanceIcon, .orderconfirmation__catFinancialIcon{ text-align: left; margin-left: -15px; } .orderconfirmation__catFinancialIcon{ font-size: 100px; height: 90px; } .orderconfirmation__personalFinanceIcon{ font-size: 70px; height: 70px; } .orderconfirmation__orderdetail-seperator{ display: none; } .common__modelPopup{ width: 100%; left: 0; } .common__modelPopup.edit__billingInfo-loggedIn{ left: 50%; } .account__benefit__wrapper{ padding: 0px 20px; } .orderconfirmation__createaccount .button_primary{ width: 100%; } } @media (max-width: 768px){ .orderconfirmation__nextSteps{ width: 100%; } } /*---- END BCPC-3678:CI Retail: New Checkout: Story 7: Order Confirmation and Reservation ----*/ /*--- START: BCPC-BCPC-3838 : UI : CI Retail: New Checkout: Story 5: Login Changes/Flows --- */ .loginNow__fastCheckout-content { border: 1px solid #ccc; margin-top: 24px; padding: 16px 0; border-left: 0; border-right: 0; margin: 24px 15px 0; width: auto; font-size: 13px; color: #565656; float: none; } .loginNow__fastCheckout-content a{ color: #0573d1; } /*--- END: BCPC-BCPC-3838 : UI : CI Retail: New Checkout: Story 5: Login Changes/Flows --- */ /* --- START: AURORA-11000 : Registration Page: Select phone number is overlapping with dropdown for french in the registration page. --- */ .sign_in_registration #Register .half_column{ width: 45%; } /* --- END: AURORA-11000 : Registration Page: Select phone number is overlapping with dropdown for french in the registration page. --- */ /* --- START: AURORA-11176 --- */ .sign_in_registration #Register .normal-dropdownWraper label select{ -webkit-appearance: menulist; -moz-appearance: menulist; appearance: menulist; } .sign_in_registration #Register .normal-dropdownWraper label:after { display: none; } .sign_in_registration #Register .form_2column .column{ min-height: 100px; } /* --- END: AURORA-11176 --- */ /* --- START: AURORA-11086 : BCP: Translation UI: PDP: Contact Dealer button sized incorrectly --- */ .pdp-page-wraper .pdp__recommededAttachments .lang__sp-recommended-button{ margin: 0px; } /* --- END: AURORA-11086 : BCP: Translation UI: PDP: Contact Dealer button sized incorrectly --- * /*---- START: BCPC-3772: CI Retail: Shopper Assurance Page (Dealer Direct) ----*/ .directdealer-wrapper{ margin-top:-10px; background:#000; height:437px; } .directdealer__banner{ margin:0 auto; height:100%; width:1366px; position:relative; background-repeat:no-repeat; background-position:center top; background-size:cover; } .directdealer__banner-content{ position:absolute; left:0; top:120px; text-align:center; margin:0 auto; z-index:2; width:100%; } .directdealer__banner-content h1{ text-shadow: 0 0 6px rgba(0, 0, 0, 0.5); font-family: "UniversLTW02-67BoldCn"; font-size: 59px; font-weight: normal; line-height: normal; text-align: center; color: #ffffff; text-transform:uppercase; margin-bottom:10px; } .directdealer__banner-content p{ text-shadow: 0 0 6px rgba(0, 0, 0, 0.5); font-family: "UniversLTW02-57Condense 723821"; font-size: 18px; font-weight: normal; text-align: center; color: #ffffff; max-width:488px; margin:0 auto 30px; } .video-link{ text-shadow: 0 0 6px rgba(0, 0, 0, 0.5); font-family: "UniversLTW02-57Condense 723821"; font-size: 24px; font-weight: normal; color: #ffffff; text-transform:uppercase; } .play-icon { box-sizing: border-box; display:inline-block; width:60px; height:60px; padding-top: 14px; padding-left: 8px; line-height: 20px; border: 3px solid #fff; border-radius: 50%; text-align:center; text-decoration:none; font-size:20px; font-weight:bold; position:relative; vertical-align:middle; margin-right:15px; box-shadow: 0 2px 9px 0 rgba(0, 0, 0, 0.5); } .play-icon:before{ content:""; width: 0; height: 0; border-top: 12px solid transparent; border-bottom: 12px solid transparent; border-left: 20px solid #fff; position:absolute; top:15px; left:20px; display:inline-block; } #dealervideo__PopUp.modalPopup .dijitDialogPaneContent{ width:100% !important; margin-left:0; margin-top:0; } #dealervideo__PopUp .modalPopup_content iframe{ display:block; } #dealervideo__PopUp .modalMainContainer{ padding-top:20px; } .buyonline__section{ padding:50px 0; text-align:center; } .buyonline__section h2{ font-family: "UniversLTW02-67BoldCn"; font-size: 29px; font-weight: normal; letter-spacing: normal; color: #000000; text-transform:uppercase; padding-bottom:40px; } .buyonline__section-method{ display:table; margin:0 auto; } .buyonline__method-section{ display:table-cell; width:360px; padding-right:110px; position:relative; } .buyonline__method-section:last-child{ padding-right:0; width:250px; } .buyonline__method-section:before{ display:table-cell; content:""; border:2px #ffcc00 solid; width:40px; position:absolute; top:45px; right:35px; } .buyonline__method-section:after{ content:""; display:inline-block; border-style: solid; border-width: 4px 4px 0 0; height: 15px; vertical-align: top; width: 15px; transform: rotate(45deg); position:absolute; top:38px; right:35px; color:#ffcc00; } .buyonline__method-section:last-child:before, .buyonline__method-section:last-child:after{ display:none; } .pickup-icon{ font-size:0; } .select-icon:before, .cart-icon:before, .pickup-icon .path1:before, .pickup-icon .path2:before, .pickup-icon .path3:before, .pickup-icon .path4:before, .pickup-icon .path5:before, .pickup-icon .path6:before, .pickup-icon .path7:before{ content:"\e970"; font-size:70px; font-family:'font-icon'; } .cart-icon:before{ content:"\e910"; } .pickup-icon .path1:before { content: "\e969"; color: #000; } .pickup-icon .path2:before { content: "\e96a"; color: #000; margin-left: -1.3134765625em; } .pickup-icon .path3:before { content: "\e96b"; color: #000; margin-left: -1.3134765625em; } .pickup-icon .path4:before { content: "\e96c"; color: #fff; margin-left: -1.3134765625em; } .pickup-icon .path5:before { content: "\e96d"; color: #000; margin-left: -1.3134765625em; } .pickup-icon .path6:before { content: "\e96e"; color: #fff; margin-left: -1.3134765625em; } .pickup-icon .path6, .pickup-icon .path7{ position:relative } .pickup-icon .path6:after, .pickup-icon .path7:after{ content:""; position:absolute; bottom:3px; right:12px; display:inline-block; background:#fff; height:13px; width:13px; border-radius:25px; } .pickup-icon .path6:after{ right:42px; } .pickup-icon .path7:before { content: "\e96f"; color: #000; margin-left: -1.3134765625em; } .buyonline__method-section h3{ font-family: "UniversLTW02-67BoldCn"; font-size: 20px; font-weight: normal; text-align: center; color: #000000; margin-bottom:10px; } .buyonline__method-section p{ font-family: Arial; font-size: 14px; font-weight: normal; letter-spacing: -0.1px; text-align: center; color: #5e5e5e; } .buyonline__section-button{ padding-top:60px; } .buyonline__section-button .button{ font-size:14px; width:225px; display:inline-block; } .directdealer__container{ background:#000 url("https://s7d2.scene7.com/is/image/Caterpillar/CM20190122-30241-42128") no-repeat center center; padding:60px 0 20px; background-size:cover; } .directdealer__container ul{ width:1067px; margin:0 auto; } .image-placeholder{ width:54%; max-width:575px; height:300px; display:inline-block; float:left; overflow:hidden; } .directdealer__container li{ overflow:hidden; margin-bottom:45px; } .directdealer__container li:nth-child(2n) .image-placeholder{ float:right; } .directdealer__container-textsection{ padding-top:50px; padding-left:90px; display:inline-block; width:46%; } .directdealer__container li:nth-child(2n) .directdealer__container-textsection{ padding-left:55px; } .directdealer__container-textsection h3{ position:relative; font-family: "UniversLTW02-67BoldCn"; font-size: 29px; font-weight: normal; letter-spacing: normal; color: #ffffff; text-transform:uppercase; padding-bottom:15px; max-width:205px; } .directdealer__container-textsection h3:before{ content:""; position:absolute; left:0; top:-20px; width:39px; height:3px; background:#ffcc00; display:inline-block; } .directdealer__container-textsection p{ font-family: Arial; font-size: 14px; font-weight: normal; letter-spacing: -0.1px; color: rgba(255, 255, 255, 0.8); margin-bottom:30px; max-width:280px; } .directdealer__container li:nth-child(3n) .directdealer__container-textsection p{ max-width:320px; } .directdealer__container li:nth-child(4n) .directdealer__container-textsection p{ max-width:315px; } .button.button_teritary{ border:1px #fff solid; display:inline-block; font-size:14px; width:165px; margin-bottom:15px; } .directdealer__container li:nth-child(3n) .directdealer__container-textsection .short-desc p{ max-width:inherit; font-family: Arial; font-size: 11px; font-weight: normal; color: #ffffff; margin-bottom:0; } .learn-more{ font-family: "UniversLTW02-67BoldCn"; font-size: 14px; font-weight: normal; color: #ffcc00; text-transform:uppercase; display:block; margin-top:-20px; margin-bottom:10px; } .learn-more:after{ content:""; display:inline-block; border-style: solid; border-width: 2px 2px 0 0; height: 5px; left: 10px; position: relative; top: 6px; vertical-align: top; width: 5px; transform: rotate(45deg); } .directdealer__contact{ padding-top:70px; padding-bottom:0; width:960px; margin:0 auto; } .directdealer-heading{ font-size: 29px; font-weight: normal; line-height: normal; color: #000000; font-size:29px; font-family:"UniversLTW02-67BoldCn"; text-transform:uppercase; margin-bottom:10px } .directdealer__contact-content{ max-width: 327px; } .directdealer__contact-content p{ font-family: Arial; font-size: 14px; font-weight: normal; letter-spacing: -0.1px; color: #5e5e5e; } .directdealer__contact-button{ padding-top:25px; text-align:right; } .directdealer__contact-button .button{ display:inline-block; width:225px; font-size:14px; } #dealervideo__PopUp.modalPopup .dijitDialogPaneContent .modalPopup_content iframe{ height: 500px; } @media (max-width: 1366px){ .directdealer__banner{ width:100% } } @media (max-width: 1279px){ .image-placeholder{ max-width:inherit; height:auto; } .image-placeholder img{ width:100%; height:auto; } .buyonline__section{ padding-left:15px; padding-right:15px; } .buyonline__method-section{ padding-right:95px; } } @media (max-width: 1200px){ .directdealer__container ul, .directdealer__contact{ width:100%; padding-left:15px; padding-right:15px; } .directdealer__contact{ padding-left:70px; padding-right:70px; } } @media (max-width: 991px){ .directdealer__contact .col-xs-12{ width:50%; } #dealervideo__PopUp.modalPopup .dijitDialogPaneContent .modalPopup_content iframe{ height: 300px; } } @media (max-width: 767px){ .directdealer__banner{ background-position:center top; background-size:cover; } .directdealer__banner-content h1{ font-size:42px; max-width:304px; margin:0 auto 10px; } .directdealer__banner-content p{ font-size:22px; padding:0 10px; line-height:normal; } .video-link{ font-size:18px; } .play-icon{ height:23px; width:23px; top:-1px; } .play-icon:before{ border-top: 4px solid transparent; border-bottom: 4px solid transparent; border-left: 8px solid #fff; left:6px; top:4px; } .buyonline__section{ padding-left:0; padding-right:0; } .buyonline__section h2{ max-width:280px; margin:0 auto; } .buyonline__section-method, .buyonline__method-section{ display:block; } .buyonline__method-section{ padding-right:0; width:auto; max-width:250px; margin:0 auto 10px; } .buyonline__method-section:before, .buyonline__method-section:after{ display:none; } .buyonline__section-button{ padding:20px 16px 0; } .buyonline__section-button .button{ width:100%; } .directdealer__container li{ margin-bottom:0; } .directdealer__container li:nth-child(2n) .image-placeholder, .image-placeholder, .directdealer__container-textsection{ float:none; display:block; width:100%; } .directdealer__container-textsection, .directdealer__container li:nth-child(2n) .directdealer__container-textsection{ padding:40px 20px 20px; } .directdealer__container-textsection h3, .directdealer__container-textsection p{ max-width:inherit; } .button.button_teritary{ width:100%; } .directdealer__contact{ padding:40px 20px 20px; } .directdealer__contact .col-xs-12{ width:100%; } .directdealer__contact-content, .directdealer__container li:nth-child(3n) .directdealer__container-textsection p{ max-width:inherit; } .directdealer__contact-button{ padding-right:0; text-align:center; } .directdealer__contact-button .button{ width:100%; } .learn-more{ margin-bottom:20px; } .directdealer__container ul{ padding-left:0; padding-right:0; } } /*---- END: BCPC-3772: CI Retail: Shopper Assurance Page (Dealer Direct) ----*/ /* --- START: AURORA-11088:BCP: Translation UI: Order History: Details button text wrapping --- */ .dojoxGridRow .dojoxGridRowTable .re-order-button{font-size: 16px;} /* --- END: AURORA-11088:BCP: Translation UI: Order History: Details button text wrapping --- */ /* --- START: BCPC-3834 : CI Retail: LPM: UI --- */ .pdp__addToCartPopup-header{ border-bottom: 1px solid #ccc; padding: 0px 15px 15px 0px; } .pdp__addToCartPopup-headerText{ font-size: 18px; font-family: "UniversLTW02-67BoldCn","Arial Narrow",Arial,sans-serif; margin-left: 40px; text-transform: uppercase; } .pdp__addToCartPopup-close{ position: relative; margin-top: -3px; font-size: 12px; } .pdp__addToCartPopup-machineData, .pdp__addToCartPopup-eppData{ padding: 0px; border-bottom: 1px solid #ccc; padding-bottom: 15px; margin-top: 20px; } .pdp__addToCartPopup-machineName, .pdp__addToCartPopup-eppName{ padding: 0; } .pdp__addToCartPopup-machineName h6, .pdp__addToCartPopup-eppName h6, .pdp__addToCartPopup-recomendedAttachments h6{ font-family: "UniversLTW02-67BoldCn","Arial Narrow",Arial,sans-serif; font-size: 20px; float: left; width: 100% } .pdp__addToCartPopup-machineName p{ font-size: 12px; color: #777; width: 80%; float: left; } .pdp__addToCartPopup-machineImage img{ height: 100%; width: 100%; } .pdp__addToCartPopup-machinePrice{ display: block; font-family: "UniversLTW02-67BoldCn","Arial Narrow",Arial,sans-serif; font-size: 15px; padding: 0px; } .pdp__addToCartPopup-machineWarranty, .pdp__addToCartPopup-eppText{ margin-bottom: 10px; } .pdp__addToCartPopup-machineWarranty p, .pdp__addToCartPopup-eppText p{ margin: 0px; color: #777; font-size: 11px; width: 100%; } .pdp__addToCartPopup-machineWarranty p strong{ color: #3f3f3f; } .pdp__addToCartPopup-eppImage img{ height: 50px; width: 60px; margin-top: 10px; } .pdp__addToCartPopup-eppName h6{ font-size: 14px; margin-top: 10px; } .pdp__addToCartPopup-eppPlan{ margin-top: 10px; padding: 0px; } .pdp__addToCartPopup-cvaPlan{ margin-top: 10px; padding: 0px; } .pdp__addToCartPopup-eppPlan a, .recomended-attachments-view-all a{ font-size: 12px; } .pdp__addToCartPopup-cvaPlan a, .recomended-attachments-view-all a{ font-size: 12px; } .pdp__addToCartPopup-eppData{ border-bottom: none; margin-top: 0px; } .pdp__addToCartPopup-cartData{ border-bottom: 1px solid #ccc; padding: 0px 35px; } .pdp__addToCartPopup-buttons{ padding: 20px 0px; border-bottom: 1px solid #ccc; } .pdp__addToCartPopup-continueShoppping{ padding-top: 15px; font-size: 12px; text-transform: capitalize; } .pdp__addToCartPopup-recomendedAttachments{ padding: 20px 15px; } .pdp__addToCartPopup-recomendedAttachments .product{ width: 31%; margin-left: 10px; } .pdp__addToCartPopup-recomendedAttachments .product2{ margin-left: 10px; } .pdp__addToCartPopup-recomendedAttachments .pdpListPriceLabel{ padding: 10px; } .pdp__addToCartPopup-recomendedAttachments .recommended .recc-heading1, .pdp__addToCartPopup-recomendedAttachments .recommended .pdpListPriceLabel span.price, .pdp__addToCartPopup-recomendedAttachments .recommended .pdpListPriceLabel span.currencyCode{ font-size: 18px !important; } .pdp__addToCartPopup-recomendedAttachments .product .product_image{ min-height: 180px; } .pdp__addToCartPopup-recomendedAttachments .addToCartBtn, .pdp__addToCartPopup-recomendedAttachments .recomended-attachments-products{ margin-top: 10px; width: 100%; position: relative; margin-left: 0px; } .pdp__addToCartPopup-recomendedAttachments .recommended .recc-heading2{ margin-bottom: 0px; color: #777; } .pdp__addToCartPopup-header .checkmark { display:inline-block; width: 22px; height:22px; -ms-transform: rotate(45deg); /* IE 9 */ -webkit-transform: rotate(45deg); /* Chrome, Safari, Opera */ transform: rotate(45deg); border: none; background: transparent; margin-left: -10px; } .pdp__addToCartPopup-header .checkmark_stem { position: absolute; width: 3px; height: 15px; background-color: #ffca04; left: 11px; top: 6px; } .pdp__addToCartPopup-header .checkmark_kick { position: absolute; width: 5px; height: 3px; background-color: #ffca04; left: 7px; top: 18px; } .pdp__addToCartPopup-eppComparePlan{ width: 100%; float: left; font-size: 11px; margin-top: 5px; } .pdp__addToCartPopup-eppComparePlan .icon-arrow:before{ font-size: 10px; } .pdp__addToCartPopup-eppCompareRadio{ margin-top: 10px; font-size: 13px; margin-left: -13px; } .pdp__addToCartPopup-eppComparePlan .epp-radio-container{ padding-left: 0px; margin-top: 10px; } .pdp__addToCartPopup-eppComparePlan .epp-show-details-link{ margin-left: 33px; font-size: 11px; margin-bottom: 0; } .recommended-label { background: #fecc33; padding: 3px 7px; font-size: 11px; font-family: "UniversLTW02-67BoldCn","Arial Narrow",Arial,sans-serif; text-transform: uppercase; } .recommended-label-cva { background: #fff5cf; padding: 3px 7px; font-size: 11px; font-family: "UniversLTW02-67BoldCn","Arial Narrow",Arial,sans-serif; text-transform: uppercase; } .bundle_package_page .add-to-cart-popup{ width: 600px; } .eppTooltip { display: none; position: absolute; background: #fff; border: 1px solid #ccc; padding: 10px; font-size: 11px; color: #777; width: 250px; margin-top: 10px; margin-left: 0px; z-index: 999; } .eppTooltip:after, .eppTooltip:before { bottom: 100%; left: 59%; border: solid transparent; content: " "; height: 0; width: 0; position: absolute; pointer-events: none; } .eppTooltip:after { border-color: rgba(255, 255, 255, 0); border-bottom-color: #fff; border-width: 9px; margin-left: -30px; } .eppTooltip:before { border-color: rgba(204, 204, 204, 0); border-bottom-color: #ccc; border-width: 10px; margin-left: -31px; } .pdp__addToCartPopup-machineWarranty .small-grey-text{ font-weight: normal; } .pdp__addToCartPopup-eppCompareRadio label{ font-size: 12px; vertical-align: text-top; text-transform: capitalize; } .pdp__addToCartPopup-recomendedAttachments .recpdbox .product a.button_primary{ margin: 5px 0 0 0; } .pdp__addToCartPopup-recomendedAttachments #widget_coordinate #merchandisingAssocBlock .row{ padding: 0px 10px; } .pdp__addToCartPopup-recomendedAttachments .recommended .product_info .button_secondary{ margin: 10px 0px; font-size: 15px; } @media (max-width: 767px) { .pdp__addToCartPopup-machineData{ margin-top: 10px; } .pdp__addToCartPopup-machineImage img, .pdp__addToCartPopup-eppImage img { height: 80px; width: 80px; margin-top: 20px; margin-left: -20px } .pdp__addToCartPopup-machineName, .pdp__addToCartPopup-machinePrice{ margin-top: 10px; } .pdp__addToCartPopup-eppImage img{ height: 50px; width: 50px; margin-left: 0px; } .pdp__addToCartPopup-continueShoppping{ text-align: center; } .pdp__addToCartPopup-recomendedAttachments .product{ width: 100%; margin: 0px; } .pdp__addToCartPopup-recomendedAttachments .product2{ display: none; } .pdp__addToCartPopup-recomendedAttachments #widget_coordinate .content .coordinate_title{ font-size: 22px; } .pdp__addToCartPopup-eppCompareRadio{ font-size: 12px; margin-left: -85px; } .eppTooltip{ width: 200px; } .eppTooltip:after, .eppTooltip:before{ left: 79%; } .pdp__addToCartPopup-machinePrice .pdp__price_header{ font-size: 16px; } .pdp__addToCartPopup-cartData{ padding: 0px 10px; } } @media (max-width: 1280px) and (min-width: 1025px){ .pdp__addToCartPopup-recomendedAttachments .catalogEntryRecommendationWidget .content ul li{ padding: 0px !important; } } @media (max-width: 768px) and (min-width: 320px){ .pdp__addToCartPopup-recomendedAttachments .product { margin-right: 0px; } } /* --- END: BCPC-3834 : CI Retail: LPM: UI --- */ /* --- START: AURORA-11088:BCP: Translation UI: Order History: Details button text wrapping --- */ .dojoxGridRow .dojoxGridRowTable .re-order-button{font-size: 16px;} /* --- END: AURORA-11088:BCP: Translation UI: Order History: Details button text wrapping --- */ /* --- START: AURORA-11089 : BCP: Translation UI: Shopping Cart: View product details translation misalignment --- */ .recent-view-carousel .button{ line-height: 18px; } .recent-view-carousel .product-tile--title{ line-height: 24px; } /* --- END: AURORA-11089 : BCP: Translation UI: Shopping Cart: View product details translation misalignment --- */ /*--- START: BCPC-3735 : UI : CI Retail: New Checkout: Story 3: Contact and Company Info Page Creation --- */ /* START: Need to remove in actual implementation */ .guest-user-breadcrumbs{ position: initial; } @media (max-width: 991px){ .guest-user-breadcrumbs { background: #fff !important; } } /* END: Need to remove in actual implementation */ .checkout-container{ font-family: "UniversLTW02-57Condense 723821", "Arial Narrow", Arial, sans-serif; padding: 0px; margin-bottom: 50px; border-bottom: 1px solid #e0e0e0; position: relative; } .checkout__companyInfoForm{ padding: 20px 7% 20px 20px; } .checkout__left-container{ max-width: 545px; } .checkout__orderSummaryPreview{ background: #f2f2f2; padding: 50px 30px 50px 48px; font-family: "UniversLTW02-57Condense 723821","Arial Narrow",Arial,sans-serif; } .checkout__orderSummaryPreview .priceDetails__tax{ padding-left: 0; } .checkout__orderSummaryPreview h2{ font-size: 30px; font-family: "UniversLTW02-67BoldCn", "Arial Narrow", Arial, sans-serif; color: #3f3f3f; } .commercial__card-section{ position: absolute; right: -130px; width: 110px; top: 10px; } .commercial__card-section .catcard__eSpot-content-banner-link{ text-transform: capitalize; } .review__checkout-title, .review__checkout-step .billing__checkout-title, .review__checkout-step .checkout__welcomeText-machine, .review__checkout-step .review__details .checkout__heading-gray { display: none; } .review__checkout-step .review__details{ margin-top: 0; border: 0; } .checkout__welcomeText-attachment{ display: none; } .review__checkout-step .review__checkout-title, .review__checkout-step .checkout__welcomeText-attachment{ display: block; } .commercial__card-section .catcard__eSpot-content-ship-page-wrap{ width: auto; font-size: 12px; font-family: Arial, sans-serif; margin-bottom: 5px; } .checkout__topProgress{ padding-right: 0px; padding-top: 10px; width: 100%; height: 60px; } .checkout-step{ width: 25%; float: left; } .checkout-step-width50{ width: 50%; } .machine-checkout-step{ width: 25%; float: left; } .checkout__progressNumber{ width: 26px; height: 26px; border-radius: 15px; border: 1px solid #ccc; color: #777; font-size: 14px; font-weight: bold; padding: 1px 9px; float: left; } .checkout__progressLabel{ font-weight: bold; color: #777; font-size: 14px; float: left; margin-left: 6px; margin-top: 3px; text-transform: uppercase; } .checkout-container .header_diverder{ margin-bottom: 20px; } .checkout-container .standard-link{ color: #4a90e2; } .active-step{ background: #ffcc00; border: 1px solid #ffcc00; } .active-step, .active-label{ color: #000; } .completed-step{ padding: 5px 9px; } .completed-step:after{ content: ''; display: block; width: 4px; height: 9px; border: solid #000; border-width: 0 3px 3px 0; transform: rotate(45deg); } .checkout-page-title{ font-size: 40px; font-family: "UniversLTW02-67BoldCn","Arial Narrow",Arial,sans-serif; text-transform: uppercase; } .checkout__welcomeText{ font-size: 24px; color: #777; margin-bottom: 20px; } .checkout__loginSpot{ background: #f2f2f2; height: 75px; padding: 15px 30px; margin-top: 20px; width: 95%; margin-left: 15px; } .checkout__loginSpotTitle{ color: #000; font-size: 15px; font-weight: bold; } .checkout__loginSpotText{ color: #777; font-size: 15px; font-family: Arial, sans-serif; } .checkout__loginSpotText a{ color: #000; text-decoration: underline; } .checkout__companyForm{ margin-top: 5px; font-family: Arial, sans-serif; } .checkout__formLabel, .edit__billingInfo-loggedIn label{ font-size: 12px; font-weight: bold; color: #000; } .checkout__formField, .edit__billingInfo-loggedIn input{ border: 1px solid #ccc; color: #777; font-size: 12px; height: 44px; padding: 14px 10px; width: 100%; margin-top: 5px; } .edit__billingInfo-loggedIn select{ border: 1px solid #ccc; color: #777; font-size: 12px; padding: 0 10px; font-weight: normal; height: 45px !important; } .edit__billingInfo-loggedIn .model__popup-title{ margin-bottom: 20px; } .checkout__formFieldContainer .normal-dropdownWraper label:after{ top: 23px; } select.checkout__formField{ background: #fff; } .checkout__formFieldContainer{ margin-top: 15px; } .checkout__formSubmitbtn{ margin-top: 20px; height: 50px; font-size: 18px; padding-top: 20px; } .checkout__privacyCheckbox{ height: 30px; width: 30px; float: left; } .checkout__privacyLabel{ font-size: 12px; vertical-align: super; } .checkout__formFieldContainer .radio-grp-container { white-space: nowrap; } #country_dropdown, #state_dropdown { z-index: 10000 !important; } .checkout-container .radio-grp-container label{ font-size: 14px; vertical-align: middle; } .checkout-container .register-terms-container{ padding: 0px; } .checkout-container .register-terms-container label{ font-size: 12px; } .checkout-container .normal-para-style{ margin-top: 10px; } .checkout__formIsPersonal{ font-size: 14px; } .checkout__formFieldContainer .standard-link, .checkout-container .fieldValidationError{ font-size: 12px; } .checkout-container #radio_error{ padding: 0px; margin-top: 10px; } @media (max-width: 991px){ .checkout__topProgress{ display: none; } .checkout__companyInfoForm{ padding: 20px 2%; } .checkout-page-title{ font-size: 30px; } .checkout__welcomeText{ font-size: 15px; } .checkout__loginSpot{ height: 90px; padding: 15px 15px; width: 100%; margin-left: 0px; } .paymentMethod__listItem-desc{ font-size: 14px; max-width: 203px; } .review__details .checkout__heading-gray{ font-size: 14px; margin-bottom: 10px; } .review__address-list{ margin-bottom: 20px; } .requestPickup__date-container{ margin-top: 5px; } } /*--- END: BCPC-3735 : UI : CI Retail: New Checkout: Story 3: Contact and Company Info Page Creation --- */ /* --- START: BCPC-3836: UI: Checkout Persistent Order Summary --- */ .checkout__orderSummaryPreview .shopCart__orderTotalPanel{ margin: 0; } .checkout__orderSummaryPreview .pdp__savetolist{ margin-top: 0; text-align: right; display: inline-block; vertical-align: middle; width: auto; } .checkout__orderSummaryPreview .savetolist__container{ width: auto; left: auto; right: 0; } .checkout__orderSummaryPreview .shopCart__orderTotalPanel-heading{ display: none; } .orderSummary__orderTotalPanel-heading{ color: #3f3f3f; display: inline-block; vertical-align: middle; } .orderSummary__headingOrSaveBtn{ margin-bottom: 16px; } .checkout__orderSummaryPreview .priceDetails__subTotal{ border-bottom: 1px solid #ccc; padding: 16px 0; } .checkout__orderSummaryPreview .shopCart__orderTotalPanel-Total{ border-width: 2px; border-color: #000; } .checkout__orderSummaryPreview .shopCart__orderTotalPanel .label{ color: #222222; padding: 0; font-size: 14px; text-transform: uppercase; } .checkout__orderSummaryPreview .shopCart__orderTotalPanel-priceDetails .value{ font-family: Arial, sans-serif; font-size: 14px; } .orderSummary__ProductList{ background: #fff; padding: 5px; margin-bottom: 4px; min-height: 100px; overflow: hidden; } .orderSummary__ProductList .col-md-3{ padding-left: 0; } .orderSummary__productImg{ max-width: 90px; } .orderSummary__productDetail-column{ padding-left: 16px; } .orderSummary__productPrice-column{ text-align: right; } .orderSummary__productName{ margin-top: 20px; font-weight: bold; } .orderSummary__productPrice{ margin-top: 20px; font-weight: bold; } .orderSummary__headingOrSaveBtn .button{ width: 112px; display: inline-block; color: #000; font-size: 14px; } .shopCart__orderTotalPanel-priceDetails .label{ padding: 0; text-transform: capitalize; } .shopCart__orderTotalPanel-priceDetails .value{ text-align: right; padding: 0; } .checkout__orderSummaryPreview .icon-right-arrow{ font-size: 10px; display: inline-block; color: #000; -webkit-transform: rotate(90deg); -moz-transform: rotate(90deg); -o-transform: rotate(90deg); -ms-transform: rotate(90deg); transform: rotate(90deg); cursor: pointer; margin-left: 5px; } .checkout__companyForm .errorMessage__invalidOrFailed{ display: none; } .checkout__companyForm .errorMessage__invalidOrFailed .catMsg{ width: 100%; } .checkout__orderSummaryPreview .icon-right-arrow.active{ -webkit-transform: rotate(-90deg); -moz-transform: rotate(-90deg); -o-transform: rotate(-90deg); -ms-transform: rotate(-90deg); transform: rotate(-90deg); } .checkout__orderSummaryPreview .loadingState .recalculation__field .value{ position: relative; } .checkout__orderSummaryPreview .loadingState .recalculation__field .value:after { content: "--"; color: #ccc; position: absolute; left: 0; top: 0; width: 100%; height: 100%; background: #f1f1f1; font-weight: bold; } .checkout__orderSummaryPreview .loadingState .recalculation__field { opacity: 0.3; } .checkout__orderSummaryPreview .loadingState .loading__taxAndFreightpopup{ display: block; } .checkout__orderSummaryPreview .label{ text-transform: uppercase; font-size: 14px; } .shopCart__estimatedPayment .label, .shopCart__estimatedPayment .value{ color: #565656; font-weight: bold; } .shopCart__orderTotalPanel-priceDetails .shopCart__estimatedPayment{ margin-top: 20px; border-top: 1px solid #ccc; padding-top: 10px; } .checkout__orderSummaryPreview .shopCart__orderTotalPanel-Total .label{ font-family: "UniversLTW02-67BoldCn","Arial Narrow",Arial,sans-serif; } .checkout__orderSummaryPreview .shopCart__orderTotalPanel-Total .value{ font-size: 18px; font-family: "UniversLTW02-67BoldCn","Arial Narrow",Arial,sans-serif; } .checkout__orderSummaryPreview #finance__modal{ transform: translate(-50%, 0%); position: fixed; } .shopping_cart_box #finance__modal{ transform: translate(-50%, 0%); position: fixed; } .shopCart__estimatedPayment .standard-link{ font-family: Arial, sans-serif; font-size: 12px; display: block; } @media (max-width: 991px){ .checkout__orderSummaryPreview{ padding: 20px 5px; } .checkout__orderSummaryPreview .pdp__savetolist{ text-align: left; } .fixedcatpage .totalsPrices .smalltext {margin-left: 0;} .checkout__orderSummaryPreview .savetolist__container{ left: 0; right: auto; } } #contactInformation__details .button { margin-top: 20px; } /* --- END: BCPC-3836: UI: Checkout Persistent Order Summary --- */ /* --- START: BCPC-3872 : CR: UI Checkout Redesign: Enclosed Checkout/Breadcrumbs --- */ @media (max-width: 991px){ .checkout__topProgress { display: block; } .checkout__progressLabel{ display: none; } .checkout-step{ width: 15%; } } /* --- END: BCPC-3872 : CR: UI Checkout Redesign: Enclosed Checkout/Breadcrumbs --- */ /* --- START: AURORA-11068 : Prod: CI Retail: Pre-Footer wraps incorrectly between 800px – 991px --- */ @media (max-width: 991px) and (min-width: 800px){ .prefooter{ height: auto; } .prefooter__contact{ padding: 0; margin-top: 20px; } .prefooter__hours{ margin-top: 20px; } } /* --- END: AURORA-11068 : Prod: CI Retail: Pre-Footer wraps incorrectly between 800px – 991px --- */ /* --- START: AURORA-11367 : The alignment for the checkbox in the filter (PLP) is not proper in QA1 --- */ .singleFacet .facetSelect .checkBox .checkmark{ background: transparent; border: none; } /* --- END: AURORA-11367 : The alignment for the checkbox in the filter (PLP) is not proper in QA1 --- */ /*---- START: AURORA-11368: The alignment for edge cutting is not proper in QA1 ----*/ @media (max-width: 413px) { .quantity_section .quantityIncDec{ width:50px; } } @media (max-width: 359px) { .quantity_section .quantityValueBtn{ width:70px; } } /*---- END: AURORA-11368: The alignment for edge cutting is not proper in QA1 ----*/ .terms-modal-popup{ display:none; } /*---- START: BCPC-3979: The warning symbol is not displaying fully for french, if we use the same password in forgot password option' does not exist. ----*/ .regErrorMsgFP:lang(fr) { max-width:590px; } /*---- End: BCPC-3979: The warning symbol is not displaying fully for french, if we use the same password in forgot password option' does not exist. ----*/ /*---- START: AURORA-11736: Registration: Translation UI: Close icon in the password pop up message gets overlapped for spanish ----*/ h2.sisMatchTitle:lang(es) { width: 290px; } /*---- End: AURORA-11736: Registration: Translation UI: Close icon in the password pop up message gets overlapped for spanish ----*/ /*---- START: BCPC-4071: Estimated Payments ----*/ .checkout__estimatedPayment-modal{ width: 440px; padding: 30px 40px; box-sizing: border-box; } .checkout__estimatedPayment-modal .finance__modal-text-title{ font-size: 30px; } .checkout__estimatedPayment-modal .finance__modal-sub-title{ font-size: 14px; margin-bottom: 10px; } .checkout__estimatedPayment-modal .apr-info{ font-size: 10px; max-height: 200px; overflow: auto; font-family: Arial, sans-serif; } .checkout__estimatedPayment-modal .close-pop-up{ color: #575757; } .checkout__estimatedPayment-modal .finance__modal-hr{ height: 2px !important; margin-top: 0; } /*---- End: BCPC-4071: Estimated Payments ----*/ /* --- START: BCPC-4189 : IE:New Checkout: Equipment Reservation: Cat Financial logo is misaligned --- */ @media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) { .orderconfirmation__catFinancialIcon { font-size: 80px; } } /* --- END: BCPC-4189 : IE:New Checkout: Equipment Reservation: Cat Financial logo is misaligned --- */ .email_CreateAccountFailure { font-size: 14px; } /* --- START: BCPC-4111 : CI Retail: Checkout: Sitewide/Dealer Specific Price Disclosure --- */ .shopCart__orderTotalPanel-priceDetails .taxEspot-message{ display: none; } .taxEspot-message { font-family: arial; font-size: 12px; color: #565656; } .priceDetails__tax .taxEspot-message{ display: block; margin: 15px 0; } .estimated--tax-required { display: inline-block; } /* --- END: BCPC-4111 : CI Retail: Checkout: Sitewide/Dealer Specific Price Disclosure --- */ /*-- START: BCPC-4097: UI changes --*/ .shopping-cart-page .coolerpromo { background: #f2f2f2; height: 50px; line-height: 50px; color: #3f3f3f; font-size: 14px; text-transform: inherit; } .coolerpromo { font-family: "UniversLTW02-57Condense 723821", "Arial Narrow", Arial, sans-serif; text-align: center; font-size: 17px; text-transform: uppercase; margin: 15px 0; line-height: 28px; background: url('../images/eSpot_PFLP_Desktop.png') no-repeat; height: 110px; background-size: cover; color: #fff; } .pdp-page-wraper .coolerpromo__block { max-width: 520px; } .coolerpromo__block { max-width: 660px; margin: 0 auto; overflow: hidden; } .coolerpromo__font42 { display: block; font-size: 42px; font-weight: bold; } .shopping-cart-page .coolerpromo__font42 { display: inline-block; font-size: 14px; font-weight: normal; } .shopping-cart-page .coolerpromo__content { margin-top: 0; } .coolerpromo__content { display: inline-block; margin-top: 12px; } .coolerpromo__link { color: #000; background: #fecc33; padding: 0 15px; font-weight: bold; text-transform: uppercase; font-size: 10px; float: right; margin-top: 40px; } .coolerpromo__img { float: left; width: 115px; background: url(../images/eSpot_cooler.png) no-repeat; height: 115px; background-size: 100%; background-position: 0 -5px; } .shopping-cart-page .coolerpromo__img { display: none; } .shopping-cart-page .coolerpromo__link { color: #2778b7; background: none; padding: 0; font-weight: normal; text-transform: inherit; font-size: 14px; float: none; margin-top: 0; } @media ( max-width : 991px) { .shopping-cart-page .coolerpromo, .shopping-cart-page .coolerpromo__link{ font-size: 11px; } .coolerpromo { font-size: 9px; line-height: 20px; height: 85px; margin: 15px 0px; padding: 0 10px; } .coolerpromo__img { width: 85px; height: 85px; background-position: 0 0px; } .coolerpromo__font42 { font-size: 25px; } .coolerpromo__link { font-size: 9px; padding: 2px 5px; margin-top: 30px; } .coolerpromo__block { max-width: 375px; } } /*-- END: BCPC-4097: UI changes --*/ /* --- START: BCPC-4030 : CI Retail: Mexico: Tax ID Updates (Registration/Checkout) - UI Dev --- */ #guestCompanyInfoForm .radio-grp-container, #attachmentContactInfoForm .radio-grp-container{ margin: 10px 0 10px 0; } .shopcartCheckoutButton .catMsg.large .catMsgText.catMsgBoth .catMsgTitle, .shopcartCheckoutButton .catMsg.large .catMsgText.catMsgBoth .catMsgBody { padding-left: 15px;; } .shopcartCheckoutButton .catMsg, .shopcartCheckoutButton .catMsg.large .catMsgIcon{ width: 100%; } .radio__btn .popup-container.attachment__popupcontainer{ white-space:normal; top:-15px !important; left:48px !important; } .radio__btn label{ text-indent:17px; width:auto; } .radio__btn input[type='radio'] + label, .radio__btn input[type='radio']:checked + label{ background-position:0 2px; height:16px; background-size:13px auto; width:auto; } #taxCreditError{ margin-top: 10px; padding-left: 5px; } @media (max-width: 1280px) { .radio-btn .popup-container.attachment__popupcontainer{ left:7% !important; } .personInfoLeftSide .radio-btn .popup-container.attachment__popupcontainer{ left:48px !important; } } @media (max-width: 1024px) { .radio-grp-container.radio-btn .popup-container.attachment__popupcontainer{ left:0!important; } } @media (max-width: 768px) { .personInfoLeftSide .radio-btn .popup-container.attachment__popupcontainer{ left:0!important; } } /* --- END: BCPC-4030 : CI Retail: Mexico: Tax ID Updates (Registration/Checkout) - UI Dev --- */ /*-- START: BCPC-4097: UI changes --*/ .shopping-cart-page .coolerpromo { background: #f2f2f2; height: 50px; line-height: 50px; color: #3f3f3f; font-size: 14px; text-transform: inherit; } .coolerpromo { font-family: "UniversLTW02-57Condense 723821", "Arial Narrow", Arial, sans-serif; text-align: center; font-size: 17px; text-transform: uppercase; margin: 15px 0; line-height: 28px; background: url('https://s7d2.scene7.com/is/image/Caterpillar/CM20190806-0279c-15019') no-repeat; height: 110px; background-size: cover; color: #fff; } .pdp-page-wraper .coolerpromo__block { max-width: 520px; } .coolerpromo__block { max-width: 660px; margin: 0 auto; overflow: hidden; } .coolerpromo__heading:lang(en) { display: block; font-size: 42px; font-weight: bold; } .coolerpromo__heading:lang(fr) { margin-left: 15px; } a.coolerpromo__link:lang(fr) { height: 35px; width: 100px; position: relative; bottom: 5px; line-height: 17px; } .coolerpromo__content:lang(fr) { margin-left: -28px; } @media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) { .coolerpromo__link:lang(fr) {line-height: 11px !important;} .coolerpromo__content:lang(fr) {margin-left: -30px !important;} .coolerpromo__img:lang(fr) {margin-left: -10px !important;} } .coolerpromo__heading { display: block; font-size: 30px; font-weight: bold; } .shopping-cart-page .coolerpromo__heading { display: inline-block; font-size: 14px; font-weight: normal; } .shopping-cart-page .coolerpromo__content { margin-top: 0; } .coolerpromo__content { display: inline-block; margin-top: 12px; } .coolerpromo__link { color: #000; background: #fecc33; padding: 0 15px; font-weight: bold; text-transform: uppercase; font-size: 10px; float: right; margin-top: 40px; } .coolerpromo__img { float: left; width: 115px; background: url(https://s7d2.scene7.com/is/image/Caterpillar/CM20190807-6c7a9-9a7d8?fmt=png-alpha) no-repeat; height: 115px; background-size: 100%; background-position: 0 -5px; } .shopping-cart-page .coolerpromo__img { display: none; } .shopping-cart-page .coolerpromo__link { color: #2778b7; background: none; padding: 0; font-weight: normal; text-transform: inherit; font-size: 14px; float: none; margin-top: 0; } @media ( min-width : 991px) { .flp__container-allcontent .coolerpromo__block:lang(en) { max-width: 900px; } .flp__container-allcontent .coolerpromo__block { max-width: 1000px; } .flp__container-allcontent .coolerpromo__heading{ display: inline-block; } .flp__container-allcontent .coolerpromo__content { margin-top: 25px; line-height: normal; } .coolerpromo__PDP{ clear: both; overflow: hidden; } .coolerpromo__PDP .coolerpromo{ width: 575px; float: right; margin-right: 15px; } } @media ( max-width : 991px) { .shopping-cart-page .coolerpromo, .shopping-cart-page .coolerpromo__link{ font-size: 11px; } .coolerpromo { font-size: 9px; line-height: 20px; height: 85px; margin: 15px 0px; padding: 0 10px; } .coolerpromo__img { width: 85px; height: 85px; background-position: 0 0px; } .coolerpromo__heading:lang(en) { font-size: 25px; } .coolerpromo__heading{ font-size: 20px; } .shopping-cart-page .coolerpromo__heading{ font-size: 14px; } .coolerpromo__link { font-size: 9px; padding: 2px 5px; margin-top: 30px; } .coolerpromo__block { max-width: 480px; } } /*---START: BCPC-3378 : B&F UI update -- */ .benefit_feature_content{ float: left !important; } .pdp__TopHeader{ font-size: 26px !important; text-transform: uppercase; font-family:"UniversLTW02-67BoldCn", "Arial Narrow", Arial, sans-serif; margin-bottom: 20px; color: #000; } .benefit_feature_content .pdp_feature{ margin: 0 15px !important; } .benefit_feature_content .pdp_featureLeft h2, .benefit_feature_content .pdp_featureRight h2 { font-size : 20px !important; } .benefit_feature_content .pdp_featureLeft, .benefit_feature_content .pdp_featureRight{ padding-top:0 !important; } /*---END: BCPC-3378 : B&F UI update -- */ @media ( max-width : 480px) { .coolerpromo__link:lang(fr) { max-width: 75px; line-height: 11px; } .coolerpromo__block { max-width: 375px; } .shopping-cart-page .coolerpromo:lang(es), .shopping-cart-page .coolerpromo:lang(fr){ line-height: 15px; padding: 5px 15px; height: 60px; } } @media ( max-width : 374px) { .coolerpromo__heading:lang(en) { font-size: 22px; } .coolerpromo__heading{ font-size: 18px; } .shopping-cart-page .coolerpromo, .shopping-cart-page .coolerpromo__link { font-size: 10px; } .shopping-cart-page .coolerpromo__heading{ font-size: 11px; } } /*-- END: BCPC-4097: UI changes --*/ /* START: AURORA-4208 */ .attachmentbundleEspot .contentRecommendationWidget{ width: 100%; } /* END: AURORA-4208 */ .header__waffle .waffle:hover .waffle__container, .header__menu:hover .header__menu__container { display: none; } .waffle__container .waffle__menu:hover,.header__menu__container .header__menu-list:hover { border-left: 5px solid #000 !important; padding-left: 10px !important; } .waffle__icon{ position: relative; color: #fff; } .waffle__icon:after{ font-family: 'font-icon' !important; content: "\e97b"; font-size: 14px; } .waffle__menu:nth-child(2){ border-left: 5px solid #fdcd00 !important; padding-left: 10px !important; } .header__menu{ display: block; } .header__menu__container { display: none; position: absolute; background-color: white; min-width: 160px; right: 0; top: 60px; list-style-type: none; z-index: 1; } .header__menu-list{ border-bottom: 1px solid #f2f2f2; padding: 5px; margin: 2px; display: block; } .header__menu__container:before { content: ''; height: 0; left: 0; position: absolute; top: -10px; width: 0; border-left: 10px solid transparent; border-right: 10px solid transparent; border-bottom: 10px solid #ccc; display:block; } .header__menu-item { color: black !important; display: block; } /*Azureb2c splitmodal */ #Header_GlobalLogin .splitmodal{ width: auto; border: 1px solid #fff; } .splitmodal__heading, .splitmodal__buttonTitle, .splitmodal__button-text{ font-family: "UniversLTW02-67BoldCn", "Arial Narrow", Arial,sans-serif !important; font-weight: normal; font-size: 16px; font-style: normal; line-height: 20px; letter-spacing: 0px; text-align: left; } .splitmodal__heading{ font-size: 32px; line-height: 36px; border-bottom: 4px solid #ffcd11; color: #000; } .splitmodal__container{ width:330px; background-color: #fff; z-index:999; } .splitmodal__container .icon-close{ cursor: pointer; } .splitmodal__container-inner{ padding: 7px 30px 30px; } .splitmodal__text{ font-family: Arial,"Helvetica Neue",Helvetica,sans-serif; font-size: 16px; font-style: normal; font-weight: 400; line-height: 20px; letter-spacing: 0px; text-align: left; color: #565656; padding-bottom: 20px; } .splitmodal__buttonTitle{ color: #000; padding-bottom: 12px; } .splitmodal__button--primary{ background: #FFCD11 !important; color: #000 !important; border: 0 !important; width: 94px !important; margin-bottom: 15px; padding: 9px 24px; } .splitmodal__button-text{ font-size: 14px !important; line-height: 14px; text-transform: uppercase; color: #000 !important; text-align: center; word-break: break-word; } .splitmodal__button--secondary{ background: #3F3F3F !important; border: 0 !important; width: 105px !important; padding: 9px 24px; } .splitmodal__button--secondary .splitmodal__button-text{ color: #fff !important; } .splitmodal__container .footer{ padding-top: 10px; margin-top: 10px; width:100%; border-top:1px solid #DBDEDF; } .splitmodal__container .icon-close { text-align: left; width: 100%; padding: 10px; color: #565656; } @media (max-width: 767px) { .splitmodal__container{ width: 100%; } .splitmodal{ top: 10px !important; } } /* BCP-208542 start */ .registration__modal .icon-close{ text-align: right; } .registration__modal .splitmodal__container-inner{ padding: 7px 23px 23px; } .registration__modal--desc{ font-size: 14px; line-height: 16px; color: #565656; } .registration__modal .zipcode-uppercase{ margin: 3px 0; } /* BCP-208542 end */ @media (min-width: 991px) { .header__waffle{ padding-left: 20px; } .waffle .waffle__container,.header__menu .header__menu__container{ padding: 0; border: 1px solid #f2f2f2; width: 225px; box-sizing: border-box; } .header__menu .header__menu__container{ width: 160px; right: auto; } .header__menu .header__menu__container:before{ right: 65px; } .header__waffle .waffle__container:before{ display: none; } .waffle__icon span{ display: none; } .waffle__icon:after{ display: inline-block; margin-top: -2px; } .waffle__icon:after{ font-size: 22px; } .waffle .waffle__container:before,.header__menu .header__menu__container:before{ content: ''; height: 0; right: 0; position: absolute; top: -10px; width: 0; border-left: 10px solid transparent; border-right: 10px solid transparent; border-bottom: 10px solid #fff; display:block; left: auto; } .header__menu .header__menu__container:before{ right: 65px; } .waffle__container .waffle__menu,.header__menu__container .header__menu-list{ padding: 10px 15px; margin: 0; display: block; float: none; height: 50px; line-height: 16px; box-sizing: border-box; } .waffle__menu-item,.header__menu-item{ text-transform: uppercase; font-family: "UniversLTW02-57Condense 723821","Arial Narrow",Arial,sans-serif; font-size: 16px; font-weight: normal; } .top-right-nav ul li.user-icon {margin-right: 20px } .header__menu .header__menu-list{ line-height: 20px; height: 43px; } } @media (min-width: 991px) and (max-width: 1175px) { .header__waffle{ padding-left: 0; } .top-right-nav ul li.shopping-cart { margin-right: 10px; } .top-right-nav ul li.user-icon {margin-right: 10px } } @media (max-width: 990px) { .waffle,.header__menu{ position: relative; } .header__waffle.desktop{ display: none; } .mobile-menu-container .waffle__icon{ padding-left: 10px; } .mobile-menu-container .waffle__icon span{ font-size: 13px; float: none; margin-left: 10px; display: inline-block; width: 50%; } .waffle__icon:after{ float:left; } .waffle .waffle__container:before, .header__menu .header__menu__container:before { display: none; } .header__menu .header__menu__container { right: auto; } .header__menu .header__menu__container .header__menu-list{ padding: 15px; display: block; float: none; height: 45px; line-height: 16px; } .waffle__container .waffle__menu, .header__menu__container .header__menu-list{ margin: 0; border-color: #3c3d3c; } .waffle-expanded .waffle__container{ display: block !important; background: #313232; position: relative; width: 100%; top: 0; } .waffle__icon:before { content: "\e929"; position: absolute; right: 12px; font-family: font-icon; font-size: 10px; } .waffle-expanded .waffle__icon{ color: #ffcd11; border-left: 5px solid #fff; } .waffle-expanded .waffle__icon:before { color: #ffcd11; -webkit-transform: rotate(-90deg); -moz-transform: rotate(-90deg); -o-transform: rotate(-90deg); -ms-transform: rotate(-90deg); transform: rotate(-90deg); } .mobile-menu-container .waffle__container .waffle__menu .waffle__menu-item{ border: none; color: #fff !important; line-height: normal; padding: 3px 10px; } .header__menu .header__menu-list{ font-family: "UniversLTW02-57Condense 723821","Arial Narrow",Arial,sans-serif; font-size: 16px; font-weight: normal; display: block; float: none; height: 43px; line-height: 20px; text-transform: uppercase; border-color: #f2f2f2; } .header__menu .header__menu__container:before { display: block; left: 65px; border-bottom: 10px solid #fff; } } /*-- START: BCPC-4225 --*/ #ShopCartPagingDisplay{ margin-right: 10px; } #ShopCartPagingDisplay > .total_figures{ float: none; } /*-- END: BCPC-4225 --*/ /* --- START: BCPC-4248 : New Checkout: UAT UI Bugs: General Items --- */ .checkout__formSubmitbtn.disabled{ background: #cccccc; } .requestPickup__date-container #zero_price_hiding_requested_date .dijitTextBox input.dijitArrowButtonInner{ background-image: none; background-position: inherit; } .requestPickup__date-container #zero_price_hiding_requested_date .dijitTextBox .dijitButtonNode:after{ font-family: 'font-icon' !important; content: "\e97c"; font-size: 20px; color: #b2b2b2; } /* --- END: BCPC-4248 : New Checkout: UAT UI Bugs: General Items --- */ /* --- START: BCPC-4469 : CI Retail: New Checkout: UI Bugs --- */ @media (max-width: 767px) { .terms-modal-popup .title .catPageSubHeader{ font-size: 20px; border-bottom: 4px solid #ffca04; padding-bottom: 5px; } .terms-modal-popup .header_diverder { display: none; } .header__menu .header__menu__container { right: -65px; } .header__menu .header__menu__container:before{ border-bottom: 10px solid #fff; } } /* --- END: BCPC-4469 : CI Retail: New Checkout: UI Bugs --- */ iframe.zEWidget-launcher, iframe.zEWidget-webWidget{ display: block; } /* --start azure-24986 */ .icon-social-instagram:before{ content: "\e913"; } /* --end azure-24986 */ /*-- START: AZURE-29441 --*/ .checkout__orderSummaryPreview .orderTotalEspot__Container{ position: absolute; width: calc(100% - 80px); margin: 30px 0 10px; } .orderTotalEspot__Container{ margin: 30px 10px 10px } .checkout__orderSummaryPreview .shopCart__orderTotalPanel-priceDetails{ margin-bottom: 20px; } .shopCart__orderTotalPanel .shopcartCheckout:lang(es){ white-space: normal !important; line-height: 17px; } .shopCart__orderTotalPanel .shopcartCheckout:lang(fr){ white-space: normal !important; line-height: 17px; } .checkout__orderSummaryPreview .orderTotalEspot__Container.taxDesclaimerPos{ position: relative; width: 100%; bottom: 0; margin: 30px 0 0; } @media (max-width: 800px) { .checkout__orderSummaryPreview .shopCart__orderTotalPanel-priceDetails{ margin-bottom: 20px; } .checkout__orderSummaryPreview .orderTotalEspot__Container{ position: relative; width: 100%; bottom: 0; margin-bottom: 0; } } /*-- END: AZURE-29441 --*/ /* START: AZURE-24824: CI Retail: Emoticon vs. Chat Placement */ #hbl-live-chat-wrapper{ position: fixed; bottom: -4px; right: 20px; text-align: right; z-index: 99999; } .QSIPopOver{ z-index: 99998 !important; display: none; } #hbl-live-chat-wrapper .olark-attention-grabber, #hbl-live-chat-wrapper .olark-launch-button{ position: inherit !important; } #hbl-live-chat-wrapper .olark-attention-grabber.olark-hidden, #hbl-live-chat-wrapper .olark-attention-grabber.olark-hidden.olark-init{ display: none; } /* END: AZURE-24824: CI Retail: Emoticon vs. Chat Placement */ .priceDetails__payment-label{ margin-bottom: 10px; font-weight: bold; color: #565656; } .checkout__orderSummaryPreview .shopCart__orderTotalPanel-priceDetails .priceDetails__payment-value{ margin-bottom: 10px; font-family: "UniversLTW02-57Condense 723821","Arial Narrow",Arial,sans-serif; } /* START: AZURE-27164: CI - Checkout: Show Currency Indicator Through All Checkout Steps */ .checkout__orderSummaryPreview .shopCart__orderTotalPanel-Total .currency__symbol, .shopCart__estimatedPayment #shopCart__Estimated_finance .currency__symbol { font-family: "UniversLTW02-57Condense 723821","Arial Narrow",Arial,sans-serif; font-weight: normal; } .shopCart__orderTotalPanel-Total .currency__symbol { margin-left: 3px; } /* END: AZURE-27164: CI - Checkout: Show Currency Indicator Through All Checkout Steps */ .relativeOrderSummary .col-xs-12.col-md-9{ position: inherit; } .relativeOrderSummary .cartContentbody{ position: relative; } .relativeOrderSummary .fixedcat{ position: absolute; top: 0; right: 0; } .relativeOrderSummary .fixedcatpage{ right: 0; margin: 0 !important; top: -225px !important; right: -15px !important; } /*-- START: Azure-21458 --*/ .msrp__popup--link { display: inline; cursor: pointer; } .msrpprice { display: inline-block; } .msrpprice__icon { color: #066ccc; vertical-align: super; } .totalprice__icon{ color: #565656; vertical-align: super; } .msrpprice-modal__heading { font-family: "UniversLTW02-67BoldCn", "Arial Narrow", Arial, sans-serif; font-size: 22px !important; border-bottom: 2px solid #ccc; margin-bottom: 10px; padding-bottom: 10px; padding-left: 0px; } .msrpprice-modal__description { font-family: Arial, Helvetica, sans-serif; font-size: 12px; line-height: normal; letter-spacing: normal; color: #000000; } .msrpmodal__close-popup .close-pop-up{ top: 16px !important; } .msrpprice__label { text-transform: uppercase; font-family: Arial, Helvetica, sans-serif;; font-size: 12px; color: #79797A; margin-top: 8px; } .msrpprice__label-pointer { cursor: pointer; } .msrpprice__price { font-family: "UniversLTW02-57Condense 723821","Arial Narrow",Arial,sans-serif; font-weight: bold; font-size: 20px; } .msrpprice__price .msrpold__price { text-decoration: line-through; } .pdpmsrp__label { text-transform: uppercase; font-family: "Arial"; font-size: 14px; color: #79797A; text-align: right; } .pdpmsrp__price { font-family: "UniversLTW02-67BoldCn", "Arial Narrow", Arial, sans-serif; font-size: 28px; text-align: right; } .pdpmsrp__price .msrpold__price { text-decoration: line-through; } .pdpmsrp { line-height: normal; margin-top: -10px; } .pdp__toggles { display: flex; position: relative; flex: auto; justify-content: flex-end; flex-wrap: wrap; } .pdp__apr-matric__toggle { margin-right: 0px; } .flpmsrp__price { margin-bottom: 6px; line-height: 18px; } .flpmsrp__bottomborder { border-bottom: 1px solid #ccc; margin-top: 5px; padding-bottom: 5px; opacity: 0.5; } .flp_mlp__finance-model, .register__loader { transform: translate(-50%, -50%) !important; top: 50% !important; left: 50% !important; margin-left: 0px !important; position: fixed !important; } .flp__product-value .price { font-size: 28px; } .flp__product-value .currencyCode { font-size: 28px; float: none; line-height: normal; } .pdpOfferPrice .price { font-size: 28px; } .pdpOfferPrice .currencyCode { font-size: 1.6em; } .pdpmachine-availability { width: 49%; margin-top: 8px; float: left; } .pdpmsrp__machine-availability { width: 100%; margin-top: 10px; } .pdpmachine-availability__nomsrp { width: 49%; margin-top: -42px; float: left; } .pdpavailability-finance { float: left; width: inherit; } .pdpprice__label { text-transform: uppercase; font-family: "Arial"; font-size: 14px; color: #79797A; line-height: 6px; text-align: right; } .pdp__currency { font-family: "UniversLTW02-57Condense 723821","Arial Narrow",Arial,sans-serif; } .list_mode .plpOfferPrice-wraper .pdpOfferPrice{ width: 195px; } .list_mode .plpOfferPrice-wraper .currencyCode{ margin-top: 0; padding-top: 0; font-size: 28px; color: #000000; } .grid_mode .productPriceContainer { display: flex; height: 100%; flex-direction: column-reverse; } @supports (-ms-ime-align:auto) { .product_image .image{ margin-top: 50px; } } .grid_mode .productPriceContainer .msrpprice__us { margin-bottom: 15px; } .grid_mode .productPriceContainer .startingfrom__price { margin-bottom: -13px; } .product_listing_container .grid_mode .startingfrom__price { margin-bottom: -13px; } .grid_mode .plpOfferPrice-wraper{ padding-bottom: 5px; } .grid_mode .plpOfferPrice-wraper .currencyCode { font-size: 28px; margin-top: 0px; padding-top: 0px; color: #000000; line-height: normal; } .grid_mode .startingfrom__price .mlpprice__wrapper--padbottom { padding-bottom: 0px; } /* FR ES languages specific changes start */ .product_listing_container .price-display-wraper .msrpprice:lang(fr) { margin-top: 6px; } .msrpprice__label:lang(fr) { line-height: normal; } @media (min-width: 991px) { .pdpmsrp { max-width: 35%; } .product-availability__large-text-bold { margin-bottom: 0px; } .pdpavailability__label { line-height: normal; display: flex; /* margin-bottom: 10px; */ flex-direction:column; } } @media only screen and (max-width: 992px) { .pdpavailability__label .column_display{ display: flex; flex-direction:column; } } /* FR ES languages specific changes end */ /* MSRP ipad specific changes start */ @media only screen and (min-device-width: 481px) and (max-device-width: 1024px) { .pdp-page-wraper .product_pageDesign_pageGroup .main_header #pdp__page_heading_title.wid50 { width: 49%; } } /* MSRP ipad specific changes end */ @media only screen and (max-width: 990px) { .msrpprice { clear: both; display: block; } div.widget_title_container { width: 100% !important; } .pdp__toggles { display: flex; /* position: relative; */ flex: auto; /* justify-content: flex-start; */ /* flex-wrap: wrap; */ padding-top: 20px; } .pdp__toggles .us-metric-machine { margin-top: 0px; margin-left: 0px; margin-top: 0px; width: auto; } .pdpprice__label { text-align: left; } .pdpmsrp__label { text-align: left; } .pdpmsrp__price { text-align: left; } .pdpmachine-availability__nomsrp { width: 100%; margin-top: 0px; float: none; } .pdpmsrp { line-height: normal; margin-top: 10px; margin-bottom: 20px; } .pdp-page-wraper .pdp__price_header { margin-top: 20px; } .finance__modal-popup { filter: blur(-1px); } .plpOfferPrice-wraper .pdpOfferPrice .price{ font-size: 28px !important; line-height: normal; } .grid_mode .plpOfferPrice-wraper .currencyCode{ padding-top: 0 !important; margin-top: 0px; line-height: normal; } .list_mode .plpOfferPrice-wraper .currencyCode{ margin-top: -2px; line-height: 1.7em; } .grid_mode .plpOfferPrice-wraper{ padding-bottom: 5px !important; } ul#MobileFilterTabList li.tablinks{ float: right; } } /*-- START: Azure-21458 --*/ /* START : 102899 */ .price-display-wraper .compareproduct__priceunavailable--lable { text-transform: uppercase; font-size: 16px; max-width: 70%; margin-bottom: 4px; min-height: 54px; padding-top: 5px; } .compareProduct__msrpPrice{ height: 180px; } .compareproduct__noprice{ height: 80px; } .compare-product-price .pdpOfferPrice .currencyCode{ line-height: normal; font-size: 28px; color: #000000; } .msrpprice__price .msrpcurrency__symbol{ font-weight: normal; } @media only screen and (max-width: 991px) { .price-display-wraper .compareproduct__priceunavailable--lable { max-width: 100%; margin-bottom: 4px; min-height: 49px; } .compare-product-price .pdpOfferPrice .currencyCode{ font-size: 22px; line-height: 1.2em; } .compare-product-price .pdpOfferPrice .price{ font-size: 22px !important; line-height: normal; } .compareProduct__msrpPrice{ height: 200px; } .compareProduct__msrpPrice .msrpprice__price{ font-size: 18px; } } /* END : 102899 */ /* START: 104205 */ .bundle_pageDesign_pageGroup .warrantytextContainer.pdp__savetolist{ border-bottom: none; } .bundle_pageDesign_pageGroup .pdp__savetolist{ margin-bottom: 0; } .pdp-page-wraper .warrantySection .warrantytextContainer.pdp__savetolist .warrantytext a{ padding: 0; } /* END: 104205 */ /* START: 60734 */ @media only screen and (max-width: 767px) { .home-page-container .carousel .content ul li.hidden{ display: inherit; visibility: inherit; } .home-page-container .carousel .content ul li.hide{ display: none !important; z-index: 0; } .home-page-container .carousel .content ul li.active{ display: block !important; z-index: 100 } .home__page-main-icon-text{ padding: 0; } } /* END: 60734 */ /*--- START: 111747 ---*/ .checkout-payment__container{ border-top: 1px solid #000; padding-top: 35px; } .contact-info__name{ font-weight: bold; margin-bottom: 10px; } .review__po-details{ border-top: none; padding-top: 0; padding-bottom: 35px; } .payment-summary__terms-and-condition{ font-size: 12px; margin-top: 18px; } .errorMessage__invalidOrFailed .catMsg { width: 100%; } .catMsg .catMsgIconWrapper { background: #940001 !important; vertical-align: middle; } .paymentMethod__list .list__item .checkbox-container input:checked ~ .checkmark{ background-color: #ffca04; border-color: #010100; } .paymentMethod__list .list__item .checkbox-container input:checked ~ .checkmark:after{ border-color: #010100; } .payment-summary-iframe{ display:block; border: 1px solid #D0D0D0; border-radius: 2%; margin-top: 25px; width: 100%; height: 560px; padding: 20px; } .checkout__companyInfoForm .review__details-address { margin-bottom: 10px; } #cat_upload_file_name .catUpload__filename { padding: 6px 0px; } #cat_upload_file_name .catUpload__icon { padding-left: 37px; width: 85%; } #quickLinksBar { display: flex; } .checkout__left-container .purchase__order-container, .checkout__left-container .requestPickup__date-container { margin: 20px 0; } .review__details .checkout__heading-gray { margin-bottom: 20px; } .upload-file-required__icon { float: left; line-height: 0.5rem; } @media (max-width: 991px){ .purchase__order-inputBox, .purchase__order-upload { width: 100%; } } /*--- END: 111747 ---*/ /*--- START: Feature 111746 ---*/ #attachment-emailAddress { margin-bottom: 40px; } .checkout__topProgress :nth-child(2) { width: 75%; } .shopCart__orderTotalPanel .loginNow__fastCheckout-content, .shopCart__orderTotalPanel .shopcartCheckout, .shopCart__orderTotalPanel-priceDetails .shopCart__estimatedPayment{ margin-top: 15px; } .shopCart__orderTotalPanel-priceDetails .row { margin: 8px 0 0; } #checkoutContactInfo .checkout__welcomeText { margin-bottom: 0px; font-family: "UniversLTW02-57Condense 723821", "Arial Narrow", Arial, sans-serif; } #billingInfoForm .checkout__companyForm { margin-top: 0px; } #billingInfoForm .checkout__formFieldContainer { margin-top: 10px; } /*--- START: Feature 111746 ---*/ /* START: 118946 */ @media only screen and (min-device-width: 320px) and (max-device-width:414px) { .recent-view-carousel { margin-left: 0px !important; background: #f2f2f2; padding: 20px 15px; position: relative; width: 100%; display: inline-block; } } /* END: 118946 */ /* START: 120985 */ @media (min-width: 1025px) { .shopCart__estimatedPayment .label:lang(fr) { white-space: nowrap; } } /* END: 120985 */ /* START: 124108 */ .relativeOrderSummary .fixedcatpage{ position: absolute !important; left: inherit !important; } /* END: 124108 */ /* START: 124121 Mobile view doesn't carry Breadcrumb titles on Billing Information and Payment & Summary page*/ @media (max-width: 1052px) { #checkoutContactInfo .checkout__progressLabel ,#checkoutReviewInfo .checkout__progressLabel{ display: block; width: 73% !important; } .checkout__topProgress :nth-child(2) { width: 61%; } .machine-checkout-step { width: 39%; } } /* END: 124121 Mobile view doesn't carry Breadcrumb titles on Billing Information and Payment & Summary page*/ /* START: 125467 Save cart to list is misaligned in Mobile view in shopping cart page*/ @media (max-width: 991px){ .listTable .toolbar #newListButton { float: none !important; color: #000 !important; } } /* END: 125467 Save cart to list is misaligned in Mobile view in shopping cart page*/ /* START: 125596 Terms & Conditions and Privacy statement text (Second line) is not properly aligned*/ @media (max-width: 768px) { .checkout__privacyCheckbox{ height: 50px; } } /* END: 125596 Terms & Conditions and Privacy statement text (Second line) is not properly aligned*/ /* START: 117281 Mobile: UI issues in machines for non-english language */ @media (max-width: 768px) { .pdp__toggles .us-metric-machine a { min-width: 15vw !important; padding: 2px; } .shop-cart-pkg__modal .shop-cart-pkg__modal-title { width: 70vw !important; } } /* END: 117281 Mobile: UI issues in machines for non-english language */ /* START: 60560 The save and print icons are not aligned properly */ .new_shop_import ul li:last-child { margin-right: 0; } .new_shop_import ul li { display: inline-block; margin-left: 5px; } /* END: 60560 The save and print icons are not aligned properly */ /* START: 61190 New Checkout: Font colors on Checkout */ .shopCart__orderTotalPanel .value { color: #222222; } .estimateTax__list .label, .estimateTax__list .value { color: #565656; } .priceDetails__subTotal .label, .priceDetails__subTotal .value, .priceDetails__FrightCost .label, .priceDetails__FrightCost .value{ color: #222222; } .priceDetails__estimatedTax .label, .priceDetails__estimatedTax .value { color: #565656; } /* END: 61190 New Checkout: Font colors on Checkout */ /* START: 60922 Misalignment after applying filter from sub header */ @media (max-width: 1024px) { .location_selected-view #section_findyourmachine { left: -85px; } .location_selected-view .contact-no #WC_DealerStoreLocPhone_sub-header { display: inline-block; width: 25rem !important; } } /* END: 60922 Misalignment after applying filter from sub header */ /* START: 130662 CI:Phone number on the top right for each store is not visible completely */ .location_selected-view .contact-no #WC_DealerStoreLocPhone_sub-header { display: inline-block; width: 37rem; } .location_selected-view #section_findyourmachine { left: -55px; } /* END: 130662 CI:Phone number on the top right for each store is not visible completely */ /* START: 61465 PLP UI: Availability isn't wrapping when no text break */ .product_listing_container .product-availability__stock-text { word-break: break-word; } /* END: 61465 PLP UI: Availability isn't wrapping when no text break */ /* START: 61402 Linear Modal: Overlapping text for Spanish or French language */ .pdp__addToCartPopup-recomendedAttachments .recommended .productgridtitle { height: auto !important; } /* END: 61402 Linear Modal: Overlapping text for Spanish or French language */ /*START: 116895 Eloqua to Salesforce subscription button */ #subscriptionOptIn-yes, #subscriptionOptIn-no{ opacity: 1; } #salesforceFormContainer .row-fluid .salesforce-dropdown:after { content: "\e943"; font-family: font-icon; font-size: 8px; color: #000; margin-right: 12px; margin-top: -21px; padding: 0 0 2px; position: relative; pointer-events: none; float: right; } #requestProductPopUpDialog #salesforceFormContainer .row-fluid .salesforce-dropdown:after{ margin-top: -28px; } /*END: 116895 Eloqua to Salesforce subscription button */ /* START: 132034 UI-CVA modal popup */ @media (min-width: 992px) { .epp__modal-headings.cva__modal-heading{ width: 185px; } } /* END: 132034 UI-CVA modal popup */ /* START: 128367 CI Retail: CVAs - UI: Font/Styling Updates on Pages in Scope for CVA Project */ .cva--flag{ background: #fff5cf !important; } .shop-cart__hide--details, .shop-cart__show--details { color: #2778b7; margin-bottom: 10px; font-size: 12px; text-transform: capitalize; } .recommended-section { margin: 0 0 5px 12px; } /* END: 128367 CI Retail: CVAs - UI: Font/Styling Updates on Pages in Scope for CVA Project */ /*START: 59668 UI - Forgot Password requirements popup field alignment problem */ @media (min-width: 769px){ #CatPasswordVerifyForm .passwordRequirementsPopup#passwordHelpPopup{ margin-top: 36px; left: 83%; } .sign_in_registration .passwordRequirementsPopup.passwordHelpPopup:after, .sign_in_registration .passwordRequirementsPopup.passwordHelpPopup:before{ top: 19% } } /*END: 59668 UI - Forgot Password requirements popup field alignment problem */ /*START: 60084 UI - Personal Information Page - Password Requirement popup not getting closed problem */ .personInfoRightSide .passwordHelpPopup .sisMatchTitle::before { content:none; } /*END: 60084 UI - Personal Information Page - Password Requirement popup not getting closed problem */ /*START: 60351 BCP: Cart UI: Firefox - dropdown icon is displayed in Quantity textbox */ #order_details .item-quantity input[type="number"] { -moz-appearance: textfield !important; } /*START: 60351 BCP: Cart UI: Firefox - dropdown icon is displayed in Quantity textbox */ /* START: Azure 141995 : Request a Quote Form - CSS styles could be improved */ .modalPopup_dialog fieldset, .modalPopup_dialog label[for="comments"] { margin: 10px 0; } .modalPopup_dialog label input[type="radio"] { display: none !important; } /* END: Azure 141995 : Request a Quote Form - CSS styles could be improved */ /* START: Azure 60085 : Password requirement popup is misaligned when there are 2 errors */ @media screen and (max-width: 1750px) { .password-section #passwordHelpPopup.fbeMatchContent { top: -380px !important; bottom: auto; } } @media screen and (max-width: 1024px) { .password-section #passwordHelpPopup.fbeMatchContent { top: -400px !important; } } @media (min-width: 768px) and (max-width: 991px) and (orientation: landscape) { .password-section #passwordHelpPopup.fbeMatchContent { top: -322px !important; } } @media (min-width: 320px) and (max-width: 768px) { .password-section #passwordHelpPopup.fbeMatchContent { bottom: 78%; } } #passwordHelpPopup { margin-top: -62px; } /* END: Azure 60085 : Password requirement popup is misaligned when there are 2 errors */ /* Bug 150757 */ @media ( max-width :765px) { .pdp__addToCartPopup-eppName .eppTooltip { transform: translate3d(15px, 29px, 0px) !important; } } /* Bug 150757 */ /* START: Azure 120978 */ div.QSIPopOver { margin-top: -55px !important; } /* END: Azure 120978 */ /* START: Azure - 141077 */ .legal_cookie_privacy_espot_content ul { list-style-type: disc; padding-left: 15px; } .legal_cookie_privacy_espot_content a:hover { color: #0056b3; text-decoration: underline; } /* END: Azure - 141077 */ /* START: 125392*/ .olark_tab { position: fixed; right: 0; top: 340px; z-index:1999; } .icon-chat-v3 .path1:before { font-family: 'font-icon' !important; content: "\e97d"; color: #3f3f3f; font-size: 48px; } .icon-chat-v3 .path2:before { font-family: 'font-icon' !important; content: "\e97e"; color: #fff; margin-left: -52px; font-size: 48px; } /* END: 125392*/ /* START: User Story - 152580 */ .requestQuotePopUpDialog-form-middele-section textarea, .requestInfoPopUpDialog-form-middele-section textarea { width: 100%; border: 1px solid #ccc; color: #000; font-size: 12px; padding: 5px 10px; } .requestQuotePopUpDialog-form-middele-section .salesforce-dropdown select, .requestInfoPopUpDialog-form-middele-section .salesforce-dropdown select { background-color: #fff; } /* END: User Story - 152580 */ /* START: User Story - 141646 */ .requestQuotePopUpDialog-form-middele-section .disabled-btn, .save-cart__content a.disabled-btn, .requestInfoPopUpDialog-form-middele-section .disabled-btn{ cursor: not-allowed; opacity: 0.4; } .save-cart__content a.disabled-btn:active { pointer-events: none; } /* END: User Story - 141646 */ /* Start 167383-CI Retail: H2 - OneTrust - UI- Warning Component for Blocked YouTube Cookies */ .video-cookie-warning .catMsg.yellow { border-color: #E56C00; } .video-cookie-warning .catMsgIconWrapper{ background: #f2f2f2 !important; } .video-cookie-warning .catMsgBody, .video-cookie-warning .catMsgTitle{ font-size: 16px !important; width: 100%; color: #565656; } .video-cookie-warning .catMsgTitle{ font-family: Arial,"Helvetica Neue",Helvetica,sans-serif; font-weight: 700; padding-bottom: 0px !important; } .video-cookie-warning .catMsgIcon { background-color: #E56C00 !important; margin: -1px; } .video-cookie-warning .catMsgButton{ display: inline-block; padding: 0px 0px 10px 0px; } .video-cookie-warning a.ot-sdk-show-settings, a.warning-show-settings{ padding: 0px 5px 5px 50px; font-size: 14px; background: transparent; color: #0078d6 !important; text-transform: uppercase; font-family: "UniversLTW02-67BoldCn","Arial Narrow",Arial,sans-serif; } .video-cookie-warning a.ot-sdk-show-settings:hover, a.warning-show-settings:hover{ color: #015394 !important; background: none; } @media screen and (max-width: 768px) { .video-cookie-warning a.ot-sdk-show-settings, a.warning-show-settings{ padding: 0; } } /* END 167383-CI Retail: H2 - OneTrust - UI- Warning Component for Blocked YouTube Cookies */ /* START: 169910 */ .payment__selection-done .active-list.cat-card-active-box { min-height: 300px; align-items: flex-start; } .cat-card-form__container { position: absolute; top: 80px; width: 100%; padding: 0 50px 0 40px; left: 20px; } .cat-card__inputBox { width: 100%; margin-bottom: 10px; } .cat-card-form__container label { color: #000000; font-weight: 600; font-size: 12px !important; font-family: Arial, sans-serif; text-transform: capitalize; } .cat-card-form__container .summary__inputbox { border: 1px solid #BFBFBF; height: 50px; font-family: Arial, sans-serif; } .cat-card-form__container .fieldValidationError { font-size: 14px; } .paymentMethod__listItem-content .cat-card-form__container { padding: 0 90px 0 0; } .paymentMethod__list .paymentMethod__list-item.list__item > div { width: 100%; } /* END: 169910 */ /* START: 127344*/ .olark_tab:hover .icon-chat-v3 .path1:before{ color: #000; } /* END: 127344*/ /* Start 175365 - only for iPad Pro device in portrait mode */ @media only screen and (min-width: 1024px) and (max-height: 1366px) and (orientation: portrait) and (-webkit-min-device-pixel-ratio: 1.5) { .flp__product-image img { margin-left: -30px; } } /* End 175365 - only for iPad Pro device in portrait mode */ /* START 134485 - Chat Icon in Mobile */ @media screen and (max-width: 768px) { .olark_tab { top: 280px; } } @media all and (-ms-high-contrast:none),(-ms-high-contrast:active) { div#lhnHelpOutCenter.lhnWindow.lhnWindow-modern.lhnActive { right: 20px !important; } } /* END 134485 - Chat Icon in Mobile */ /* START: AZ-178278 : CI Retail -- Expired Password Error/Hyperlink */ .msgTxtSection_ResetPassword .reset-password-message{ color: #4D4D4D !important; margin-left: 10px; font-size: 12px; margin-bottom: 4px; } .msgTxtSection_ResetPassword a{ color: #006ecc !important; font-weight: normal; font-size: 12px; margin-left: 10px; } .signinErrMsgWraper .errMsgContainer{ overflow: inherit; } .signinErrMsgWraper .msgIcnSection{ height: 102%; margin-left: -2px; } .msgTxtSection_ResetPassword{ display: table; margin-top: 10px; } /* END: AZ-178278 : CI Retail -- Expired Password Error/Hyperlink */ /* START 136984 - Chat Window in IE browser */ @media all and (-ms-high-contrast:none),(-ms-high-contrast:active) { #olark-container.olark-size-md { right: 20px !important } } /* END 136984 - Chat Window in IE browser */ /* START Cat Card Form Mobile Devices */ @media screen and (max-width: 460px) { .paymentMethod__listItem-content { width: 70% !important; } } /* END Cat Card Form Mobile Devices */ /* START: AZ-186489 : CI Retail - Product Detail Page - Product Name Display */ .pdp-page-wraper .catalogPageHeader .pdp__attach-prod-title { font-size: 24px; line-height: 0px; margin-bottom: 6px; margin-top: 40px !important; color: #565656; } .pdp-page-wraper div.namePartPriceContainer .pdp__page-head-title { font-size: 40px; margin-top: 6px; } .pdp-page-wraper .pdp__msrp-title { line-height: normal; margin-top: 23px; margin-bottom: 7px; } @media only screen and (max-width: 768px) { .pdp-page-wraper .pdp__machine-product-title { margin-top: 23px; } .pdp-page-wraper #mainTitleSecondary { display: block !important; font-size: 24px !important; margin-bottom: 6px !important; color: #565656; line-height: 0px; text-transform: uppercase; font-style: normal; } .pdp-page-wraper #productNameSecondary { display: block !important; font-size: 40px !important; font-family: "UniversLTW02-67BoldCn", "Arial Narrow", Arial, sans-serif; font-style: normal; text-transform: uppercase; } } /* END: AZ-186489 : CI Retail - Product Detail Page - Product Name Display */ /* START AZ-188832 - CI Retail - Product Detail Page - Used/Rental eSpot */ .pdp__espot-rental-main { margin-top:60px; } .pdp__espot-rental-main .pdp__espot-rental-main-img-main { min-height: 147px; background-position: center; height: 147px; background-color: white; background-image: url('https://s7d2.scene7.com/is/image/Caterpillar/CM20190729-d9ebe-90fb1?fmt=pjpeg'); background-repeat: no-repeat; } .pdp__espot-rental-main .pdp__espot-rental-title-first { padding-top: 52px; } .pdp__espot-rental-main .pdp__espot-rental-title-first-inline { text-transform: uppercase; color: #FFCD11; font-size: 32px; line-height: 39px; font-style: normal; margin-left: 24px; font-family: 'UniversLTW02-67BoldCn'; white-space: nowrap; } .pdp__espot-rental-main .pdp__espot-rental-title-second { padding-top: 54px; } .pdp__espot-rental-main .pdp__espot-rental-title-second-inline { white-space: nowrap; color: #FFFFFF; text-transform: uppercase; line-height: 39px; font-style: normal; font-size: 24px; margin-left: 0px; font-family: 'UniversLTW02-67BoldCn'; } .pdp__espot-rental-main .pdp__espot-rental-seprater-line { border-right: 2px solid #FFCD11; height: 104px; margin-top: 21px; margin-left: 192px; } .pdp__espot-rental-main .pdp__espot-rental-main-btn { padding-top: 5px; } .pdp__espot-rental-main .pdp__espot-rental-buy-used-btn { padding-top: 14px; width: 100px; margin-left: 28px; } .pdp__espot-rental-main .pdp__espot-rental-buy-used-btn .pdp__espot-rental-buyUsedMachineEnglish , .pdp__espot-rental-main .pdp__espot-rental-rent-btn .pdp__espot-rental-rentMachineEnglish { display: block; font-style: normal; font-size: 16px; line-height: 45px; text-align: center; text-transform: uppercase; color: #FFFFFF; align-items: center; height: 48px; border: 2px solid #FFFFFF; font-family: 'UniversLTW02-67BoldCn'; width: 133px; } .pdp__espot-rental-main .pdp__espot-rental-rent-btn { padding-top: 10px; width: 100px; margin-left: 28px; } @media screen and (max-width: 768px) { .pdp__espot-rental-main .pdp__espot-rental-main-img-main { height: 283px; width: auto; } .pdp__espot-rental-main .pdp__espot-rental-title-first-inline { font-size: 30px; line-height: 37px; } .pdp__espot-rental-main .pdp__espot-rental-title-first { padding-top: 36px } .pdp__espot-rental-main .pdp__espot-rental-title-second { padding-top: 13px; width: 64% !important; margin-left: 24px; } .pdp__espot-rental-main .pdp__espot-rental-title-second-inline { white-space: unset; font-size: 24px; line-height: 29px; margin-left: 0; } .pdp__espot-rental-main .pdp__espot-rental-seprater-line { border-right: 0; height: 0; margin-top: 0; margin-left: 0; } .pdp__espot-rental-main .pdp__espot-rental-main-btn { padding-top: 10px; } .pdp__espot-rental-main .pdp__espot-rental-rent-btn { margin-left: 197px; margin-top: -58px; } .pdp__espot-rental-main .pdp__espot-rental-buy-used-btn { margin-left: 24px; } .pdp__espot-rental-main .pdp__espot-rental-rent-btn #rentMachine , .pdp__espot-rental-main .pdp__espot-rental-buy-used-btn #buyUsedMachine { width: 154px; } .pdp__espot-rental-main .pdp__espot-rental-holder { padding-top: 5px; margin-right: 0; margin-left: 0; padding-left: 0; padding-right: 0; } } @media screen and (device-height: 1024px) { .pdp__espot-rental-main .pdp__espot-rental-rent-btn { margin-left: 24px; margin-top: 10px; } } @media screen and (device-height: 1366px) { .pdp__espot-rental-main .pdp__espot-rental-title-first { padding-top: 25px; } .pdp__espot-rental-main .pdp__espot-rental-title-first-inline { font-size: 32px; line-height: 39px; } .pdp__espot-rental-main .pdp__espot-rental-title-second-inline { margin-left: -320px; font-size: 24px; line-height: 75px; } .pdp__espot-rental-main .pdp__espot-rental-buy-used-btn .pdp__espot-rental-buyUsedMachineEnglish , .pdp__espot-rental-main .pdp__espot-rental-rent-btn .pdp__espot-rental-rentMachineEnglish { width: 110px; } .pdp__espot-rental-main .pdp__espot-rental-seprater-line { margin-left: 138px; } .pdp__espot-rental-main .pdp__espot-rental-buy-used-btn, .pdp__espot-rental-main .pdp__espot-rental-rent-btn { margin-left: 2px; } } @media screen and (device-height: 568px) { .pdp__espot-rental-main .pdp__espot-rental-title-first-inline { font-size: 25px; } .pdp__espot-rental-main .pdp__espot-rental-title-second { width: 75% !important; } .pdp__espot-rental-main .pdp__espot-rental-buy-used-btn #buyUsedMachine , .pdp__espot-rental-main .pdp__espot-rental-rent-btn #rentMachine { width: 120px; } .pdp__espot-rental-main .pdp__espot-rental-rent-btn { margin-left: 170px; } } @media screen and (device-height: 736px) { .pdp__espot-rental-main .pdp__espot-rental-title-first-inline { margin-left: 43px; } .pdp__espot-rental-main .pdp__espot-rental-title-second { margin-left: 43px; } .pdp__espot-rental-main .pdp__espot-rental-buy-used-btn { margin-left: 43px; } .pdp__espot-rental-main .pdp__espot-rental-rent-btn { margin-left: 211px; } } /* END AZ-188832 - CI Retail - Product Detail Page - Used/Rental eSpot*/ /* START - story -185059 CI Retail - Product Detail Page - Pricing Component */ .pdp-page-wraper .pdp__cls-price .pdpprice__label, .pdp-page-wraper .pdp__cls-finance .pdpprice__label, .pdp-page-wraper .pdpmsrp .pdpmsrp__label{ font-family: "UniversLTW02-67BoldCn", "Arial Narrow", Arial, sans-serif; color: #3F3F3F !important; text-align: left; line-height: 14px; font-size:14px; } .pdp-page-wraper .pdp__cls-price .pdp__your-price, .pdp-page-wraper .pdp__cls-finance .pdp_finance, .pdp-page-wraper .pdpmsrp .pdpmsrp__price{ font-size: 32px; line-height: 36px; text-align: left; color: #3F3F3F; } .pdp-page-wraper .pdp__cls-price .pdp__price_header{ line-height: normal; margin-top: 2px; margin-bottom: 7px; /* width: 42%; */ } .pdp-page-wraper .pdp__cls-price .pdp__currency, .pdp-page-wraper .pdp__cls-finance .pdp__currency, .pdp-page-wraper .pdpmsrp .pdp__currency{ font-family: "Arial"; font-style: normal; font-weight: normal; font-size: 16px; line-height: 20px; color: #565656; } .pdp-page-wraper .pdpmsrp .msrpprice__icon{ margin-left: 3px; } /* css for FINANCE */ .pdp-page-wraper .pdp__cls-finance .pdp__price_header{ /* width: 42%; */ line-height: normal; margin-top: 2px; margin-bottom: 2px; } .pdp-page-wraper .pdp__cls-finance .pdp__view-offer__modal-popup{ font-family: Arial; font-style: normal; font-weight: bold !important; font-size: 16px !important; line-height: 20px; color: #0078D6 !important; display: block; margin-top: 4px; } .pdp-page-wraper .pdp__cls-finance .pdp__finance-mo{ font-family: "Arial"; font-style: normal; font-weight: normal !important; color: #3F3F3F; } /* css for FINANCE END */ @media screen and (max-width: 800px) { .pdp-page-wraper .pdp__cls-finance .pdp__price_header{ width: 100%; } .pdp-page-wraper .pdp__cls-finance .pdp__view-offer__modal-popup{ top:0; margin-left: 14px; display: inline-block; } .pdp-page-wraper .pdp__cls-price .pdp__price_header{ margin-top: 2px; margin-bottom: 2px; } } @media (min-width: 320px) and (max-width: 360px){ .pdp-page-wraper .pdp__cls-finance .pdp__view-offer__modal-popup{ margin-left: 0px; } } /* END - story -185059 CI Retail - Product Detail Page - Pricing Component */ /* START - Bug: 198963-SAVE button alignment issue in Attachment PDP Page for Logged In users only*/ .warrantySection .pdp__attach-save-btn-no-border-bottom { border-bottom-width: 0px; } /* END - Bug: 198963-SAVE button alignment issue in Attachment PDP Page for Logged In users only*/ /* START - story -198551 CI Retail - UI changes to align Machine Product Detail page Specification Section */ .tab-content-sections .pdp__specification-row { padding-bottom: 15px; padding-top: 15px; } .tab-content-sections .pdp__specification-row .pdp__spec-seprator { width: 0px; height: 48px; border-right: 1px solid #CCCCCC; float:right; position: absolute; display:inline-block; } .tab-content-sections .pdp__desktop-tab-content-section { display: inline-grid; align-items: center; justify-content: center; } .tab-content-sections .pdp__spec-tab-content-section .pdp__spec-content-section-left { padding-left: 0; padding-right: 0; font-family: "UniversLTW02-67BoldCn", "Arial Narrow", Arial, sans-serif; font-size: 20px; line-height: 24px; text-transform: uppercase; color: #3F3F3F; word-wrap: break-word; } .tab-content-sections .pdp__spec-tab-content-section .pdp__spec-content-section-right { font-family: "UniversLTW02-67BoldCn", "Arial Narrow", Arial, sans-serif; font-style: normal; font-size: 40px; line-height: 44px; text-transform: uppercase; color: #3F3F3F; padding-right: 0; } .tab-content-sections .pdp__spec-tab-content-section .pdp__spectitle-left { width: 100%; float: left; } .tab-content-sections .pdp__spec-tab-content-section .pdp__specinfo-right { width: 100%; display: block; word-wrap: break-word; } @media ( min-width : 481px) and (max-width:768px) { .tab-content-sections .pdp__specification-row { padding-bottom: 0; padding-top: 0; } .tab-content-sections .pdp__specification-row .pdp__spec-seprator { display:none; } .tab-content-sections .pdp__spec-tab-content-section { display: flex; align-items: start; justify-content: center; } .tab-content-sections .pdp__spec-tab-content-section .pdp__spec-content-section-left { font-style: normal; font-size: 14px; line-height: 14px; } .tab-content-sections .pdp__spec-tab-content-section .pdp__spectitle-left { width: 12%; } .tab-content-sections .pdp__spec-tab-content-section .pdp__specinfo-right { width: 22%; display: block; word-wrap: break-word; bottom: 5px; position: relative; } .tab-content-sections .pdp__spec-tab-content-section .pdp__spec-content-section-right { font-size: 32px; line-height: 36px; } .tab-content-sections .pdp__spec-tab-content-section { margin: 12px 12px; } } @media ( min-width : 320px) and (max-width: 480px) { .tab-content-sections .pdp__specification-row { padding-bottom: 0; padding-top: 0; } .tab-content-sections .pdp__spec-tab-content-section { display: flex; align-items: start; justify-content: center; } .tab-content-sections .pdp__specification-row .pdp__spec-seprator { display:none; } .tab-content-sections .pdp__spec-tab-content-section .pdp__spec-content-section-left { font-size: 14px; line-height: 14px; text-align: right; } .tab-content-sections .pdp__spec-tab-content-section .pdp__spec-content-section-right { font-size: 32px; line-height: 36px; width: 40%; bottom: 5px; position: relative; padding-left: 15px; } .tab-content-sections .pdp__spec-tab-content-section .pdp__spectitle-left { width: 27%; } .tab-content-sections .pdp__spec-tab-content-section { margin: 12px 12px; } } /* END - story -198551 CI Retail - UI changes to align Machine Product Detail page Specification Section */ /* START AZ-188832 - CI Retail - Product Detail Page - Used/Rental eSpot */ .pdp__espot-rental-main:lang(es), .pdp__espot-rental-main:lang(fr) { margin-top:60px; } .pdp__espot-rental-main .pdp__espot-rental-main-img-main:lang(es), .pdp__espot-rental-main .pdp__espot-rental-main-img-main:lang(fr) { min-height: 147px; background-position: center; height: 147px; background-color: white; background-image: url('https://s7d2.scene7.com/is/image/Caterpillar/CM20190729-d9ebe-90fb1?fmt=pjpeg'); background-repeat: no-repeat; } .pdp__espot-rental-main .pdp__espot-rental-title-first:lang(es) { padding-top: 24px; } .pdp__espot-rental-main .pdp__espot-rental-title-first:lang(fr) { padding-top: 25px; } .pdp__espot-rental-main .pdp__espot-rental-title-first-inline:lang(es), .pdp__espot-rental-main .pdp__espot-rental-title-second-inline:lang(es), .pdp__espot-rental-main .pdp__espot-rental-title-first-inline:lang(fr), .pdp__espot-rental-main .pdp__espot-rental-title-second-inline:lang(fr) { text-transform: uppercase; font-family: 'UniversLTW02-67BoldCn'; white-space: nowrap; line-height: 39px; } .pdp__espot-rental-main .pdp__espot-rental-title-first-inline:lang(es) { color: #FFCD11 !important; margin-left: 4px; font-size: 32px; font-style: normal; line-height: 39px; } .pdp__espot-rental-main .pdp__espot-rental-title-first-inline:lang(fr) { font-size: 32px; color: #FFCD11 !important; line-height: 39px; font-style: normal; margin-left: 20px; } .pdp__espot-rental-main .pdp__espot-rental-title-second:lang(es), .pdp__espot-rental-main .pdp__espot-rental-title-second:lang(fr) { padding-top: 54px; } .pdp__espot-rental-main .pdp__espot-rental-title-second-inline:lang(es) { color: #FFFFFF; font-size: 24px; margin-left: -395px; line-height: 80px; } .pdp__espot-rental-main .pdp__espot-rental-title-second-inline:lang(fr) { margin-left: -385px; font-size: 24px; line-height: 80px; } .pdp__espot-rental-main .pdp__espot-rental-seprater-line:lang(fr) { border-right: 2px solid #FFCD11; height: 107px; margin-top: 21px; margin-left: 160px; } .pdp__espot-rental-main .pdp__espot-rental-seprater-line:lang(es) { border-right: 2px solid #FFCD11; height: 107px; margin-top: 21px; margin-left: 180px; } .pdp__espot-rental-main .pdp__espot-rental-main-btn:lang(es) { padding-top: 21px; } .pdp__espot-rental-main .pdp__espot-rental-buy-used-btn:lang(es) { margin-left: 25px; padding-top: 0px; width: 0px; } .pdp__espot-rental-main .pdp__espot-rental-main-btn:lang(fr) { padding-top: 20px; } .pdp__espot-rental-main .pdp__espot-rental-buy-used-btn:lang(fr) { margin-left: 10px; padding-top: 0px; width: 0px; } .pdp__espot-rental-main .pdp__espot-rental-buy-used-btn:lang(es) .pdp__espot-rental-main .pdp__espot-rental-buy-used-btn:lang(fr) { padding-top: 14px; width: 100px; margin-left: 28px; } .pdp__espot-rental-main .pdp__espot-rental-rent-btn #rentMachineSpanish:lang(es), .pdp__espot-rental-main .pdp__espot-rental-buy-used-btn .pdp__espot-rental-buyUsedMachineSpanish:lang(es), .pdp__espot-rental-main .pdp__espot-rental-rent-btn #rentMachineFrench:lang(fr), .pdp__espot-rental-main .pdp__espot-rental-buy-used-btn .pdp__espot-rental-buyUsedMachineFrench:lang(fr) { display: block; font-style: normal; text-align: center; text-transform: uppercase; color: #FFFFFF; align-items: center; height: 48px; border: 2px solid #FFFFFF; font-family: 'UniversLTW02-67BoldCn'; width: 140px; } .pdp__espot-rental-main .pdp__espot-rental-rent-btn #rentMachineFrench:lang(fr) { font-size: 11px !important; line-height: 40px; } .pdp__espot-rental-main .pdp__espot-rental-rent-btn #rentMachineSpanish:lang(es) .pdp__espot-rental-main .pdp__espot-rental-rent-btn #rentMachineFrench:lang(fr) { font-size: 11px; line-height: 40px; } .pdp__espot-rental-main .pdp__espot-rental-buy-used-btn-inner:lang(fr) { margin-top: 9px; font-size: 11px; } .pdp__espot-rental-main .pdp__espot-rental-buyUsedMachineSpanish .pdp__espot-rental-buy-used-btn-inner:lang(es) { margin-top: 8px; font-size: 11px; } .pdp__espot-rental-main #rentMachineSpanish .pdp__espot-rental-buy-used-btn-inner:lang(es) { margin-top: 13px; font-size: 11px; } .pdp__espot-rental-main .pdp__espot-rental-rent-btn:lang(es) { padding-top: 10px; width: 100px; margin-left: 25px; } .pdp__espot-rental-main .pdp__espot-rental-rent-btn:lang(fr) { padding-top: 10px; width: 100px; margin-left: 10px; } @media screen and (max-width: 768px) { .pdp__espot-rental-main .pdp__espot-rental-title-second-inline:lang(es) { white-space: unset; } .pdp__espot-rental-main .pdp__espot-rental-main-img-main:lang(es), .pdp__espot-rental-main .pdp__espot-rental-main-img-main:lang(fr) { height: 283px; width: auto; } .pdp__espot-rental-main .pdp__espot-rental-title-first-inline:lang(es) { font-size: 25px; line-height: 37px; white-space: normal; margin-left: 0px; } .pdp__espot-rental-main .pdp__espot-rental-title-first-inline:lang(fr) { font-size: 30px; line-height: 37px; white-space: normal; margin-left: 0px; } .pdp__espot-rental-main .pdp__espot-rental-title-first:lang(es) { padding-top: 2px; width: 95% !important; margin-left: 38px } .pdp__espot-rental-main .pdp__espot-rental-title-first:lang(fr) { padding-top: 30px; width: 95% !important; margin-left: 28px } .pdp__espot-rental-main .pdp__espot-rental-title-second:lang(es){ padding-top: 5px; width: 89% !important; margin-left: 38px; } .pdp__espot-rental-main .pdp__espot-rental-title-second:lang(fr) { margin-left: 27px; padding-top: 5px; width: 89% !important; } .pdp__espot-rental-main .pdp__espot-rental-title-second-inline:lang(es) { font-size: 19px; line-height: 29px; margin-left: 0px } .pdp__espot-rental-main .pdp__espot-rental-title-second-inline:lang(fr) { font-size: 25px; line-height: 30px; white-space: unset; margin-left: 0; } .pdp__espot-rental-main .pdp__espot-rental-seprater-line:lang(es), .pdp__espot-rental-main .pdp__espot-rental-seprater-line:lang(fr) { border-right: 0; height: 0; margin-top: 0; margin-left: 0; } .pdp__espot-rental-main .pdp__espot-rental-main-btn:lang(es) { padding-top: 20px; } .pdp__espot-rental-main .pdp__espot-rental-main-btn:lang(fr) { padding-top: 25px; } .pdp__espot-rental-main .pdp__espot-rental-rent-btn:lang(es), .pdp__espot-rental-main .pdp__espot-rental-rent-btn:lang(fr) { margin-left: 197px; margin-top: -58px; } .pdp__espot-rental-main .pdp__espot-rental-buy-used-btn:lang(es) { margin-left: 38px; margin-top: -10px; } .pdp__espot-rental-main .pdp__espot-rental-buy-used-btn:lang(fr) { margin-left: 28px; margin-top: -10px; } .pdp__espot-rental-main .pdp__espot-rental-rent-btn:lang(es) #rentMachineSpanish, .pdp__espot-rental-main .pdp__espot-rental-buy-used-btn:lang(es) .pdp__espot-rental-buyUsedMachineSpanish { width: 132px; } .pdp__espot-rental-main .pdp__espot-rental-holder:lang(es), .pdp__espot-rental-main .pdp__espot-rental-holder:lang(fr) { padding-top: 5px; margin-right: 0; margin-left: 0; padding-left: 0; padding-right: 0; } } @media screen and (min-width: 992px) and (max-width: 1024px) { .pdp__espot-rental-main .pdp__espot-rental-title-second-inline:lang(es) { margin-left: -334px; } .pdp__espot-rental-main .pdp__espot-rental-title-second-inline:lang(fr) { margin-left: -324px; } .pdp__espot-rental-main .pdp__espot-rental-seprater-line:lang(fr) { width: 100%; margin-left: -47px; } .pdp__espot-rental-main .pdp__espot-rental-buy-used-btn:lang(fr), .pdp__espot-rental-main .pdp__espot-rental-rent-btn:lang(fr) { margin-left: -25px; } .pdp__espot-rental-main .pdp__espot-rental-rent-btn #rentMachineSpanish:lang(es), .pdp__espot-rental-main .pdp__espot-rental-buy-used-btn .pdp__espot-rental-buyUsedMachineSpanish:lang(es) { width: 110px; } } /* END AZ-188832 - CI Retail - Product Detail Page - Used/Rental eSpot */ /* start BCP-208605 */ .info__heading{ font-size: 24px; margin-top: 10px; } .info__text{ font-size: 16px; font-style: normal; line-height: 20px; color: #565656; margin: 22px 0px; } .info__text--label{ font-weight: bold; } .info__text--edit{ font-weight: bold; margin-left: 8px; color: #0078D6; } .info__text--edit:hover{ text-decoration: underline; } .personal__Info__required__text{ font-family: "UniversLTW02-57Condense 723821", "Arial Narrow", Arial, sans-serif; font-style: normal; font-weight: normal; font-size: 14px; line-height: 14px; color: #000000; padding: 30px 0 5px; } .update__button-container{ position:inherit; } .update__button{ margin-top: 40px !important; } .update__button .update__button--primary{ width: 342px; padding: 12px 0; } .personal__info__wrapper br{ display: none; } .personal__info__wrapper .inputField, .personal__info__wrapper .column.single-left-column .inputField{ width: 100% !important; } .personal__info__wrapper .dijitSelect,.personal__info__wrapper .inputField{ max-width: 100% !important; } @media (max-width: 991px) { .update__button .update__button--primary{ width: 100%; display: inline-block; } } /* end BCP-208605 */ .acc__error__wrapper .catMsgBody{ width: 100%; } .acc__error__wrapper .catMsg.small .catMsgIcon{ height: 42px; } .acc__error__wrapper .catMsg.small .catMsgIcon:before{ line-height: 40px; } .acc__error__wrapper .catMsgIconWrapper{ left: -0.5px; background: #f2f2f2 !important; } @media screen and (max-width: 767px){ .acc__error__wrapper .catMsgIconWrapper { top: -1px; } } /* START BUG-211402 - BCP_Lengthy Category name is overlapping on itself in Machine PDP */ .pdp-page-wraper .catalogPageHeader .pdp__attach-prod-title { line-height: 24px; margin-bottom: -6px; } @media only screen and (max-width: 768px) { .pdp-page-wraper #mainTitleSecondary { line-height: 24px; margin-bottom: -6px !important; margin-top: -8px; } } /* END BUG-211402 - BCP_Lengthy Category name is overlapping on itself in Machine PDP */ /* START story - 201788 - CI Retail - Update PDP Specifications Display to Expand to Show All Specifications onClick 'See More' */ .pdp__see-all-spec.pdp__view-more-btn { margin-top:50px; } @media screen and (max-width: 768px) { .pdp__see-all-spec.pdp__view-more-btn { display: block !important; } } /* END story - 201788 - CI Retail - Update PDP Specifications Display to Expand to Show All Specifications onClick 'See More' */ /* START BUG - 232271 - BCP_Space missing between Overview section title and description in Mobile view */ @media screen and (max-width: 768px) { .omniproductpagecontainer #allSpecifications .main-sub-heading2 { margin: 0px 15px 0 15px; } .shopperActions .button_primary2, .fixed-btn-container .button_primary2 { line-height: 18px !important; } } /* END BUG - 232271 - BCP_Space missing between Overview section title and description in Mobile view */ /* START BUG - 258716 - BCP_Location sub-header is overlapping on sign-in/Register Options in Mobile */ .user-icon .header__menu__container{ z-index: 10; } /* END BUG - 258716 - BCP_Location sub-header is overlapping on sign-in/Register Options in Mobile */ /* START story - 208770 - CI Retail - SCC - PDP - Journey Changes - Update PDP Financing Disclaimer Section */ .pdp__finance-disc-text { background-color: white; padding: 30px 20px; } /* END story - 208770 - CI Retail - SCC - PDP - Journey Changes - Update PDP Financing Disclaimer Section */ /* START story - 202213 - CI Retail - SCC - PDP - Journey Changes - Update PDP Build and Price Section */ .omniproductpagecontainer .pdp__build-price-section { margin:0 0 10px 0; } .pdp__build-price-section .pdp__bnp-btn{ width: 45%; float: left; position: relative; min-height: 1px; padding-left: 15px; padding-right: 15px; border-radius: 4px; } .omniproductpagecontainer .pdp__build-price-section .pdp__build-price-heading { font-family: UniversLTW02-67BoldCn,"Arial Narrow",Arial,sans-serif; font-style: normal; font-size: 24px; line-height: 30px; text-transform: uppercase; color: #3F3F3F; margin-bottom: 15px; padding-left: 0; } .omniproductpagecontainer .pdp__build-price-section .pdp__build-price-description { font-size: 16px; line-height: 20px; display: flex; align-items: center; color: #565656; margin-bottom: 28px; } .omniproductpagecontainer .pdp__build-price-section .pdp__contact-dealer-btn { padding-left: 0px; width:45%; float:left; position: relative; min-height: 1px; padding-right: 15px; } .omniproductpagecontainer .pdp__build-price-section .pdp__btn-height { line-height: 17px; border-radius: 4px; } .omniproductpagecontainer .mobile_separator {display:none!important;} @media screen and (max-width: 768px) { .omniproductpagecontainer .pdp__build-price-section { /* margin-top: -32px; */ } .pdp__build-price-section .pdp__bnp-btn { width:100%; } .omniproductpagecontainer .pdp__build-price-section .pdp__contact-dealer-btn { padding-left: 15px; margin-top: 15px; width:100%; } .omniproductpagecontainer .pdp__build-price-section .pdp__build-price-heading { font-size: 20px; line-height: 24px; } } /* END story - 202213 - CI Retail - SCC - PDP - Journey Changes - Update PDP Build and Price Section */ /* START story - 214809 - CI Retail - PDP - Update PDP and MFLP Pricing Section for MO to Display in Upper Case */ .flp__productdetails .price-display-wraper .plp__finance-mo { text-transform: uppercase; } .pdp-page-wraper .pdp__cls-finance .pdp__finance-mo{ font-size: 16px; text-transform: uppercase; } /* END story - 214809 - CI Retail - PDP - Update PDP and MFLP Pricing Section for MO to Display in Upper Case */ /* START story - 217652 - CI Retail - SCC - PDP - Journey Changes - Update CI MSRP Disclosure */ .msrpprice-modal__heading { border-bottom: none; border-width: none; padding-bottom: 0px; font-size: 30px !important; } .msrpprice-modal__description, .msrpprice-modal__second-description { font-size: 16px; line-height: 20px; color: #565656; font-family: sans-serif; margin-top: -10px; } .msrpprice-modal__dividerbar { border-color: #fecc33; border-width: 0px 0px 4px; margin-top: -15px; } .msrpmodal__close-popup .close-pop-up { left: 7px !important; font-size: 15px; color: #79797A; top: 8px !important; } .msrpprice_modal__content { padding-top: 7px; padding-left: 10px; } /* START story - 227483 - CI Retail - SCC - PDP - Journey Changes - Build and Price Wizard - Stepper Wizard Flow Progress Indicator */ .pdp__wizard-stepper { width: 20px; height: 20px; border-radius: 50%; border: 1px solid #ccc; color: #fff; background-color: #cccccc; font-weight: bold; padding: 2px 5px; font: 13px Arial, sans-serif; margin-left: 10px; white-space: nowrap; margin: 0 auto; margin-top:12px; } .pdp__wizard-stepper-title { white-space: nowrap; margin-top: 5px; font-size: 12px; } .pdp__wizard-stepper-line { text-align: center; height: 5px; border-width: 0; color: #cccccc; background-color: #cccccc; margin:0px; } .active-stepper { background-color: #fdcd00; height: 5px; color: #000;; } .active-stepper .pdp__wizard-stepper { background-color: #000000; } .prev-stepper-active { background-color: #4A90E2; } .prev-stepper-active-label { color: #4A90E2; cursor: pointer; text-decoration: underline; } #buildAndPricePopup .dijitDialogPaneContent { position: relative !important; width: 640px !important; height: auto !important; margin-left: 30%; } .stepper-content { text-align: center; } @media (max-width: 991px) { .pdp__wizard-stepper-title { display: none; } .pdp__wizard-stepper-line { display: inline-flex; width: 100%; margin-left: 0px; } .pdp__wizard-stepper-master { width: 25%; } .stepper-content { margin-top: 80px; } } /* END story - 227483 - CI Retail - SCC - PDP - Journey Changes - Build and Price Wizard - Stepper Wizard Flow Progress Indicator */ /* START: 206992 : Build and Price Wizard - Add Protection Plan Modal*/ #buildAndPricePopup .dijitDialogPaneContent{ height: auto !important; width: 660px !important; margin-top: 20px !important; position: absolute !important; margin-left: calc(50% - 330px) !important; } .pdp__bap-protection-plan-container{ width: 100%; float: left; border: 1px solid #ccc; padding: 15px 5px; margin-top: 10px; position: relative; } .pdp__protecion-plan-title{ font-family: "UniversLTW02-67BoldCn"; font-size: 24px; line-height: 28px; text-transform: uppercase; } .pdp__protecion-plan-description{ font-size: 16px; line-height: 20px; color: #565656; margin-top: 20px; } .pdp__protection-plan-price{ font-family: "UniversLTW02-67BoldCn"; font-size: 40px; text-transform: uppercase; line-height: 44px; } .pdp__protection-plan-price span{ font-family: sans-serif; font-size: 16px; color: #565656; } .pdp__bap-protection-plan-container.protection-plan-recommended{ margin-top: 0; padding-top: 40px; } .pdp__protection-plan-recommended-text{ position: relative; background: #ffcd11; width: 150px; font-size: 16px; text-transform: uppercase; padding: 3px; text-align: center; font-family: "UniversLTW02-67BoldCn"; top: 0; left: 0; } .desktop-text{ position: absolute; } .mobile-text{ display: none; } .pdp__protection-plan-text{ position: relative; margin: 30px 0; width: 100%; float: left; color: #565656; } .protection-plan-selected{ border: 1px solid #000; } .pdp__bap-protection-plan-container .currencyCode{ float: none; font-size: 16px; } /* Radio CSS changes */ .radio-container { display: block; position: relative; padding-left: 35px; margin-bottom: 12px; margin-top: 5px; cursor: pointer; font-size: 22px; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; } .radio-container input { position: absolute; opacity: 0; cursor: pointer; } .radio-container .checkmark { position: absolute; top: 0; left: 0; height: 20px; width: 20px; background-color: #fff; border-radius: 50%; } .radio-container:hover input ~ .checkmark { background-color: #fff; } .radio-container input:checked ~ .checkmark { background-color: #ffcd11; border-color: #ffcd11; } .radio-container .checkmark:after { content: ""; position: absolute; display: none; } .radio-container input:checked ~ .checkmark:after { display: block; } .radio-container .checkmark:after { top: 5px; left: 5px; width: 9px; height: 9px; border-radius: 50%; background: #000; } @media (max-width: 991px) { #buildAndPricePopup .dijitDialogPaneContent{ width: 95% !important; margin-left: 2% !important; } .pdp__protection-plan{ margin-top: 30px; } .desktop-text{ display: none; } .mobile-text{ display: block; width: 100%; } .pdp__bap-protection-plan-container.protection-plan-recommended{ padding-top: 15px; } .pdp__protection-plan-price{ margin-left: 15%; } .pdp__protection-plan-price{ font-size: 32px; } } /* END: 206992 : Build and Price Wizard - Add Protection Plan Modal*/ /* START story - 232648 - CI Retail - SCC - PDP - Journey Changes - Build and Price Wizard - Wizard Sticky Footer */ .pdp__build-price-sticky-footer , .pdp__build-price-msrpprice-main { background: #F1F1F1; height: auto; display: flex; flex-direction: row; align-items: flex-start; padding: 15px 20px; text-transform: uppercase; margin-left: -20px; margin-right: -20px; } .pdp__footer-msrp-price-container { margin-top: -7px; } .pdp__build-price-sticky-footer-btn { background: #FFCD11; font-size: 16px; line-height: 20px; display: block; padding: 12px; height: 48px; position: relative; color: #000; width: max-content; cursor: pointer; min-width: 200px; } .pdp__build-price-sticky-footer-btn-arrow { font-size: 21px; position: relative; top: 2px; left: 2px; } .pdp__build-price-sticky-footer-btn-primary-cta { margin-left: auto; } .pdp__finance-for-price-container { width: 25%; } .pdp__finance-for-price-container-child { margin-left: -11px; } .pdp__build-price-sticky-footer-total-price { width: 29%; } .pdp__build-price-sticky-footer-total-price-child { margin-left: 30px; } .pdp__build-price-sticky-footer-msrp-price , .pdp__build-price-sticky-footer-lbl , .pdp__build-price-sticky-footer-price-lbl { line-height: 22px; color: #000; font-family: "UniversLTW02-67BoldCn", "Arial Narrow", Arial, sans-serif; } .pdp__build-price-sticky-footer-msrp-price , .pdp__build-price-sticky-footer-price-lbl { font-size: 22px; } .pdp__build-price-sticky-footer-lbl { font-size: 16px; } .pdp__build-price-sticky-footer-lbl-currency , .pdp__build-price-sticky-footer-lbl-currency-mo , .pdp__build-price-sticky-footer-lbl-currency-usd , .pdp__build-price-sticky-footer-lbl-currency-msrp { color: #565656; font-family: Arial, sans-serif; font-size: 14px; } .pdp__build-price-sticky-footer-lbl-currency-msrp { position: relative; left: 4px; } .pdp__build-price-sticky-msrp-icon { color: #066ccc; vertical-align: super; } .pdp__msrp-price-sticky-footer-lbl { font-size: 16px; line-height: 20px; font-style: normal; color: #000; font-family: "UniversLTW02-67BoldCn", "Arial Narrow", Arial, sans-serif; } .pdp__build-price-msrpprice-description { font-size: 16px; line-height: 20px; color: #565656; font-family: sans-serif; text-transform: none; } .pdp__build-price-msrpprice-main { text-transform: none; margin-top: -12px; } #buildAndPricePopup .dijitDialogPaneContent { width: 640px !important; position:relative !important; } #buildAndPricePopUpDialogBarForStepper .modalPopup_dialog { padding-bottom: 0; } @media (max-width: 991px) { .pdp__build-price-sticky-footer { display: flow-root; } .pdp__finance-for-price-container { width: 50%; float: left; } .pdp__finance-for-price-container-child , .pdp__build-price-sticky-footer-total-price-child { margin-left: 0; } .pdp__build-price-sticky-footer-total-price { width: 42%; float: right; padding-bottom: 15px; } .pdp__build-price-sticky-footer-btn { display: inline-block; color: #000; width: 100%; } .pdp__build-price-sticky-footer-msrp-price , .pdp__build-price-sticky-footer-lbl , .pdp__build-price-sticky-footer-price-lbl { line-height: 24px; } .pdp__build-price-sticky-footer-lbl-currency , .pdp__build-price-sticky-footer-lbl-currency-mo , .pdp__build-price-sticky-footer-lbl-currency-usd , .pdp__build-price-sticky-footer-lbl-currency-msrp { font-size: 11px; font-weight: 500; } .pdp__build-price-msrpprice-description { width: 91%; margin-bottom: 15px; } .pdp__footer-msrp-price-container , .pdp__build-price-msrpprice-description { padding-left: 15px; } .pdp__footer-msrp-price-container { margin-bottom: 10px; } } /* END story - 232648 - CI Retail - SCC - PDP - Journey Changes - Build and Price Wizard - Wizard Sticky Footer */ /* START story - 203386 - CI Retail - SCC - PDP - Journey Changes - Build and Price Wizard - Base Model Modal */ #buildAndPricePopUpDialogBarForStepper .modalPopup_dialog { padding-bottom: 0px; } .bnppopup-modal__heading { font-family: "UniversLTW02-67BoldCn", "Arial Narrow", Arial, sans-serif; font-size: 40px; line-height: 44px; text-transform: uppercase; margin-top: 20px; color: #000000; } .bnppopup-modal__dividerbar { border-color: #fecc33; border-width: 0px 0px 4px; margin: 0px 0px; } .bnppopup-modal__description { font-size: 16px; line-height: 20px; color: #3F3F3F; font-family: arial; margin: 18px 0px 25px; } .pdp__bnp-base-model{ margin:15px 0px; } .pdp__bnp_popup_machine_title { font-size: 24px; line-height: 28px; margin-bottom: 2px; color: #565656; font-family: "UniversLTW02-67BoldCn", "Arial Narrow", Arial, sans-serif; text-transform: uppercase; word-break: break-all; } .pdp__bnp_popup_product_name { font-size:40px; line-height:44px; color:#000000; font-family: "UniversLTW02-67BoldCn", "Arial Narrow", Arial, sans-serif; text-transform:uppercase; word-break: break-all; } .pdp__bnp_popup_listing { font-size: 16px; line-height: 24px; color: #565656; margin-top: 10px; font-family: Arial, sans-serif; margin-left: 12px; word-break: break-all; } .pdp__bnp_popup_listing ul { list-style-type: disc; } .pdp__bnp_espot_description { font-size: 14px; line-height: 16px; color: #565656; padding: 10px 0px; font-family: Arial, sans-serif; } .pdp__bnp_popup_img { height: 100%; width: 100%; margin: 0 auto !important; } @media (max-width: 991px) { .pdp__bnp-base-model { margin: 22px 0px 10px; } .bnppopup_modal__content .bnppopup-modal__heading { font-size: 32px; line-height: 36px; } .bnppopup_modal__content .bnppopup-modal__description { margin: 10px 0px; } .pdp__bnp_popup_listing { margin: 20px 0px 17px 18px; } } @media (min-width: 320px) and (max-width: 768px) { #buildAndPricePopup .dijitDialogPaneContent { margin-left: 2%; width: 96% !important; margin-top: 20%; } } @media (min-width: 992px) and (max-width: 1024px) { #buildAndPricePopup .dijitDialogPaneContent { margin-left: 17%; margin-top: 20%; } } /* END story - 203386 - CI Retail - SCC - PDP - Journey Changes - Build and Price Wizard - Base Model Modal */ /* START story - 203392 - CI Retail - SCC - PDP - Journey Changes - Build and Price Wizard - Add Attachments Modal */ .pdp__bnp-add-attachment .pdp__bnp-recom-attachment { font-size: 24px; line-height: 30px; color: #3F3F3F; text-transform: uppercase; font-family: "UniversLTW02-67BoldCn", "Arial Narrow", Arial, sans-serif; margin: 10px 0px; } .pdp__bnp-add-attachment .pdp__bnp-attachment-row, .pdp__bnp-your-package .pdp__bnp-yourpackage-row { border: 1px solid #CCC; background: #fff; height: auto; clear: both; margin-bottom: 10px; } .pdp__bnp-attachment-row .pdp__bnp-checkbox { float: left; padding-right: 0; } /* Start - Blue color Bg Checkbox */ .pdp__bnp-attachment-checkbox-container { display: inline-block; position: relative; margin-bottom: 12px; cursor: pointer; font-size: 22px; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; } .pdp__bnp-attachment-checkbox-container input { position: absolute; opacity: 0; cursor: pointer; height: 0; width: 0; } .pdp__checkmark { position: absolute; top: 10px; left: 8px; height: 16px; width: 16px; background-color: #fff; border: 1px solid #ccc; } .pdp__bnp-attachment-checkbox-container:hover input ~ .pdp__checkmark { background-color: #fff; border: 1px solid #ccc; } .pdp__bnp-attachment-checkbox-container input:checked ~ .pdp__checkmark { background-color: #0070AE; border: none; } .pdp__checkmark:after { content: ""; position: absolute; display: none; } .pdp__bnp-attachment-checkbox-container input:checked ~ .pdp__checkmark:after { display: block; } .pdp__bnp-attachment-checkbox-container .pdp__checkmark:after { left: 4px; top: 0px; width: 4px; height: 10px; border: solid #fff; border-width: 0 3px 3px 0; -webkit-transform: rotate(45deg); -ms-transform: rotate(45deg); transform: rotate(45deg); } /* End - Blue color Bg Checkbox */ .pdp__bnp-attachment-row .pdp__bnp-img-box { padding-left: 0; padding-right: 0; } .pdp__bnp-attachment-row .pdp__bnp-attachment-img, .pdp__bnp-yourpackage-row .pdp__bnp-yourpackage-img { width: 100%; height: 100%; margin: 0 auto; } .pdp__bnp-attachment-row .pdp__bnp-attachment-machineNameBox { padding-left: 0; margin-top: 15px; } .pdp__bnp-attachment-machineName, .pdp__bnp-reviewpackage-machineName { font-size: 12px; line-height: 16px; color: #777777; text-transform: uppercase; font-family: UniversLTW02-67BoldCn,"Arial Narrow",Arial,sans-serif; font-style: normal; } .pdp__bnp-attachment-description, .pdp__bnp-reviewpackage-description, .pdp__bnp-reviewpkg-protection-machineName { color: #000000; font-size: 20px; text-transform: uppercase; font-family: UniversLTW02-67BoldCn,"Arial Narrow",Arial,sans-serif; line-height: 24px; } .pdp__bnp-attachment-machinePrice, .pdp__bnp-reviewpackage-machinePrice { font-size: 28px; text-transform: uppercase; color: #000000; font-family: UniversLTW02-67BoldCn,"Arial Narrow",Arial,sans-serif; } .pdp__bnp-attachment-currency, .pdp__bnp-reviewpackage-currency { font-size: 13px; line-height: 20px; color: #666; text-transform: uppercase; font-family: "UniversLTW02-57Condense 723821","Arial Narrow",Arial,sans-serif; padding: 0px 0px 0px 3px; } .pdp__bnp-attachment-box, .pdp__bnp-reviewpackage-box { margin-top: 15px; } @media (max-width: 991px) { .pdp__bnp-add-attachment { margin-top: 33px; } .pdp__bnp-attachment-row .pdp__bnp-img-box { padding-left:0px; margin-top: 7px; } .pdp__attachment-machineNameBox, .pdp__reviewpackage-machineNameBox { padding: 0; } } .pdp__bnp-attachment-checkedbox { border : 1px solid #000 !important; } /* END story - 203392 - CI Retail - SCC - PDP - Journey Changes - Build and Price Wizard - Add Attachments Modal */ /* START story - 235006 - CI Retail - SCC - PDP - Journey Changes - Update CI MSRP Disclosure for Mobile UI with CI Styling */ .msrpmodal__close-popup .msrpmodal__price-close-icon { text-align: right; } .msrpprice__update-finance-modal { padding: 15px; } @media (max-width: 991px) { .mobile__modal-popup .msrpmodal__close-popup .msrpmodal__price-close-icon { top: 10px !important; color: #79797A; } .msrpprice_modal__content .msrpprice__update-modal-desc { width: 96%; } } /* END story - 235006 - CI Retail - SCC - PDP - Journey Changes - Update CI MSRP Disclosure for Mobile UI with CI Styling */ /*START story - 210168 - CI Retail - SCC - PDP - Journey Changes - Build and Price Wizard - Send Your Configuration Modal*/ .pdp__configuration-package #FS-1614 .col-xs-12, .pdp__configuration-package #FS-1615 .col-xs-12 { /* display: flex; */ flex-direction: column-reverse; margin-bottom: 22px; } .pdp__configuration-package #FS-1614 input, .pdp__configuration-package #FS-1615 input { background: #FFFFFF; border: 1px solid #777777; padding: 8px 9px; width: 596px; height: 32px; color: #000 !important; } .pdp__configuration-package #FS-1614 label, .pdp__configuration-package #FS-1615 label { font-style: normal; font-size: 16px; line-height: 20px; color: #565656; margin-bottom: 5px; font-family: "UniversLTW02-67BoldCn","Arial Narrow",Arial,sans-serif; text-transform:uppercase; } .pdp__configuration-package #FS-1614 h3, .pdp__configuration-package #FS-1615 h3 { font-style: normal; font-size: 20px; line-height: 24px; color: #000000; margin-bottom: 22px; font-family: "UniversLTW02-67BoldCn","Arial Narrow",Arial,sans-serif; text-transform: uppercase; margin-top: 22px; } .pdp__configuration-package #FS-1616 h3, .pdp__configuration-package #FS-1613 h3 { font-family: "UniversLTW02-67BoldCn","Arial Narrow",Arial,sans-serif; font-style: normal; font-size: 24px; line-height: 30px; text-transform: uppercase; color: #000000; margin: 20px 0px 10px; } .pdp__configuration-package #FS-1616 .field-description { font-family: Arial; font-style: normal; font-weight: normal; font-size: 16px; line-height: 20px; color: #565656; } .pdp__configuration-package #submitBtn { display: none; } #FS-1616 div.row:nth-child(3n) legend, #FS-1616 div.row:nth-child(2n) legend { display: none; } #FS-1616 div.row:nth-child(5n) fieldset{ display: flex; } #FS-1616 div.row:nth-child(5n) fieldset label{ margin-top: 10px; } #FS-1616 div.row:nth-child(5n) fieldset label:last-child{ margin-left: 150px; } .pdp__configuration-package #FS-1616 .radio { display: inline-block; font-style: normal; font-weight: normal; font-size: 16px; line-height: 20px; color: #565656; } .pdp__configuration-package #FS-1613 { border-top: 1px solid #C4C4C4; } .pdp__configuration-package #FS-1613 .radio { font-style: normal; font-weight: normal; font-size: 16px; line-height: 20px; color: #565656; display: inline-block; width: 195px; margin-top: 10px; } .pdp__configuration-package #FS-1613 legend { font-style: normal; font-weight: normal; font-size: 16px; line-height: 20px; color: #565656; word-wrap: break-word; width: 100%; } .pdp__configuration-package #FS-1615 select{ background-color: #fff; color: #000; border: 1px solid #777777; -webkit-appearance: auto; -moz-appearance: auto; appearance: auto; } .pdp__configuration-package #FS-1616 label input[type="radio"] { display: inline-block !important; opacity: 1; margin-right: 5px; } .pdp__configuration-package #FS-1616 #fieldValue20, #fieldValue10, .pdp__configuration-package #FS-1613 #systemOptInForEmail-yes, #systemOptInForEmail-no { display: inline-block; margin-right: 5px; } /*START Bug - 267303 -salesforce-form-checkbox-alignment */ .pdp__configuration-package #FS-1616 #fieldValue20, #fieldValue10 { float: left; margin:3px 5px 10px 0; } /*END Bug - 267303 -salesforce-form-checkbox-alignment */ .pdp__configuration-package #FS-1613 input[type="radio"]:checked + i { background: rgba(0, 0, 0, 0) url("../images/bcp/1280_RadialFull.png") no-repeat scroll 0 0 / 100% auto; display: inline-block; height: 13px; padding: 0; width: 13px; margin-right: 5px; } .pdp__configuration-package #FS-1613 input[type="radio"] + i { background: rgba(0, 0, 0, 0) url("../images/bcp/1280_RadialEmpty.png") no-repeat scroll 0 0 / 100% auto; display: inline-block; height: 13px; padding: 0; width: 13px; margin-right: 5px; } @media (max-width:991px) { .pdp__configuration-package #FS-1614 input, .pdp__configuration-package #FS-1615 input { width: 100%; } .pdp__configuration-package #FS-1614 h3 { margin-top: 22px; } #FS-1616 #fieldValue20, #fieldValue10 { position: relative; top: 0; } .bnppopup_modal__content .bnppopup-modal__description { width: 306px; } } /*END story - 210168 - CI Retail - SCC - PDP - Journey Changes - Build and Price Wizard - Send Your Configuration Modal */ /* START story - 207906 - CI Retail - SCC - PDP - Journey Changes - Review Your Package Modal */ .pdp__bnp-base-model-package { margin-top: 7px; } .pdp__bnp-attachment-package, .pdp__bnp-protectionplan-package { margin-top: 25px; } .pdp__bnp-headingpackage { background-color: #f2f2f2; font-family: "UniversLTW02-67BoldCn", "Arial Narrow", Arial, sans-serif; color: #3F3F3F; text-transform: uppercase; padding: 9px; font-size: 24px; line-height: 28px; } .pdp__bnp-your-package .pdp__bnp-mar-15 { margin-top:15px; margin-bottom: 15px; } .pdp__bnp-your-package .pdp__bnp-mt-15 { margin-top:15px; } .pdp__bnp-headingpackage .pdp__bnp-edit-btn { font-size: 14px; color: #0078D6; text-align: center; } .pdp__bnp-reviewpkg-protection-desc{ font-size: 14px; line-height: 18px; color: #565656; margin-top: 2px; margin-bottom: 7px; } .pdp__bnp-protectionplan-fix-img { margin-top: 10px !important; } @media (max-width: 991px) { .pdp__bnp-mob-p0 { padding: 0; } .pdp__bnp-base-model-package { margin-top: 35px; } .pdp__bnp-your-package .pdp__bnp-reviewpackage-box { margin-top: 15px; margin-bottom: 15px; } .pdp__bnp-protectionplan-fix-img { margin-top: 18px !important; } } /* END story - 207906 - CI Retail - SCC - PDP - Journey Changes - Review Your Package Modal */ /* START story - 210188 - CI Retail - Build and Price Wizard - Confirmation Modal */ .pdp__image-number-confirmation-modal { border-radius: 50%; width: 32px; height: 32px; color: #000; text-align: center; background: #FFFFFF; border: 1px solid #FFCD11; padding: 3px; font-weight: bold; font-size: 20px; line-height: 24px; } .pdp__build-price-finance-content , .pdp__build-price-growbusiness-content , .pdp__build-price-connectdealer-content { width: 60% !important; color: #777; font-size: 16px; line-height: 20px; font-family: arial; } .pdp__build-price-growbusiness-content { width: 75%; } .pdp__build-price-connectdealer-content { width: 100% !important; } .pdp__build-price-confirmation-modal-finance , .pdp__build-price-confirmation-modal-growbusiness , .pdp__build-price-confirmation-modal-connectdealer , .pdp__build-price-confirmation-modal-footer { display: flex; } .pdp__build-price-confirmation-modal-growbusiness { margin-top: -15px; } .pdp__build-price-confirmation-modal-getfinance-section { margin-bottom: 30px; } .pdp__build-price-confirmation-modal-getfinance-section , .pdp__build-price-confirmation-modal-growbusiness-section , .pdp__build-price-confirmation-modal-connectdealer-section { margin-left: 17px; width: 100%; margin-top: -2px; } .pdp__build-price-confirmation-modal-getfinance-section > label , .pdp__build-price-confirmation-modal-growbusiness-section > label , .pdp__build-price-confirmation-modal-connectdealer-section > label { font-size: 16px; line-height: 20px; text-transform: uppercase; } .pdp__build-price-confirmation-modal-getfinance-section > label , .pdp__build-price-confirmation-modal-growbusiness-section > label , .pdp__build-price-confirmation-modal-connectdealer-section > label , .pdp__confirmation-applynow-btn , .pdp__confirmation-explore-resources-btn { font-family: "UniversLTW02-67BoldCn", "Arial Narrow", Arial, sans-serif; } .pdp__confirmation-applynow-btn , .pdp__confirmation-explore-resources-btn { float: right; padding: 14px 5px; background: #646464; position: relative; top: -88px; width: 145px; height: 48px; font-size: 16px; line-height: 20px; color: #FFFFFF; } #bapConfirmModalApplyNowCTA { position: absolute; top: 200px; right: 25px; margin-bottom: 30px; } .pdp__confirmation-explore-resources-btn { width: 208px; height: 48px; top:-65px; } .pdp__confirmation-dividerbar-top , .pdp__confirmation-dividerbar-bottom { width: 100%; top: -30px; position: relative; margin-bottom: 0; border-color: #C4C4C4; border-width: 0px 0px 1px; clear: right; } .pdp__confirmation-modal { width: 100%; } .pdp__build-price-confirmation-modal-dealer-logo , .pdp__build-price-confirmation-modal-footer-img-section { width: 50%; } .pdp__build-price-confirmation-modal-footer-img { width: 258px; height: 180px; float: right; object-fit: cover; } .pdp__build-price-confirmation-modal-footer { margin-top: 12px; padding-bottom: 25px; } .pdp__build-price-confirmation-modal-dealer-logo { margin-left: 38px; } .pdp__dealer-phone-number , .pdp__dealer-website { font-size: 16px; line-height: 20px; color: #007AD9; font-family: Arial; font-weight: bold; display:block; } .pdp__build-price-confirmation-modal-dealer-contact-section { width: 50%; margin-left: 11px; margin-top: 20px; } .pdp__dealer-website { position: relative; top: 10px; } .pdp__build-price-confirmation-dealer-logo-pointer-event-disable { pointer-events: none; } @media (max-width: 991px) { .pdp__build-price-finance-content , .pdp__build-price-growbusiness-content , .pdp__build-price-connectdealer-content { width: 96% !important; } .pdp__confirmation-applynow-btn , .pdp__confirmation-explore-resources-btn { margin-top: 15px; width: 100%; top: 0; } #bapConfirmModalApplyNowCTA { position: relative; top: 0; right: 0; margin-bottom: 0; } .pdp__build-price-confirmation-modal-getfinance-section { margin-bottom:0; } .pdp__confirmation-dividerbar-top , .pdp__confirmation-dividerbar-bottom { top: 30px; } .pdp__build-price-confirmation-modal-growbusiness , .pdp__build-price-confirmation-modal-connectdealer { margin-top: 50px; } .pdp__build-price-confirmation-title { width: 88%; } .pdp__build-price-confirmation-modal-footer { display: block; margin-top: 25px; } .pdp__build-price-confirmation-modal-footer-img-section { width: 100%; margin-top: 40px; } .pdp__build-price-confirmation-modal-footer-img { width: 100%; float: none; } .pdp__build-price-confirmation-modal-dealer-contact-section { margin-top: 30px; } } /* END story - 210188 - CI Retail - Build and Price Wizard - Confirmation Modal */ /* START BUG - 258716 - BCP_Location sub-header is overlapping on sign-in/Register Options in Mobile */ .user-icon .header__menu__container{ z-index: 10; } /* END BUG - 258716 - BCP_Location sub-header is overlapping on sign-in/Register Options in Mobile */ /* START BUG - 261411 - BCP_Confirmation modal CTA text misaligned and not translated for French and Spanish */ .pdp__confirmation-applynow-btn:lang(fr) , .pdp__confirmation-applynow-btn:lang(es) { width: 176px; word-break: break-word; } .pdp__confirmation-applynow-btn:lang(fr) { line-height: 15px; height: 54px; } .pdp__confirmation-applynow-btn:lang(es) { line-height: unset; } @media (max-width: 991px) { .pdp__confirmation-applynow-btn:lang(fr) , .pdp__confirmation-applynow-btn:lang(es) { width: 100%; word-break: unset; line-height: unset; height: unset; } } /* END BUG - 261411 - BCP_Confirmation modal CTA text misaligned and not translated for French and Spanish */ /* START BUG - 268223 - BCP_Lengthy dealer website address is overlapping on Image present beside it in confirmation model */ .pdp__build-price-confirmation-modal-dealer-contact-section .pdp__dealer-website { word-wrap: break-word; } .pdp__build-price-confirmation-modal-dealer-contact-section { width: 95%; } @media (max-width: 991px) { .pdp__build-price-confirmation-modal-dealer-logo { width: 86%; } } /* END BUG - 268223 - BCP_Lengthy dealer website address is overlapping on Image present beside it in confirmation model */ /*START BUG - 367837-TEXT-NOT BOLDED-MSRP-POPUP.*/ .msrpprice_modal__content p strong { font-weight: bold; } /*END BUG - 367837-TEXT-NOT BOLDED-MSRP-POPUP.*/