*{ outline:none} html{ text-size-adjust:100%; -ms-text-size-adjust:100%; -webkit-text-size-adjust:100%; height:100%} .blockElement{ display:block} .hideMe,.showInDevice{ display:none} .clear{ clear:both} .clearAfter::after{ clear:both; display:block; content:""} .alignCenter{ text-align:center} .alignLeft{ text-align:left} .alignRight{ text-align:right} .noBorder{ border:none !important} .dropdown-backdrop{ cursor:wait} .bootstrap-select:not([class*="col-"]):not([class*="form-control"]):not(.input-group-btn){ width:100%; z-index:unset} .dropdown-menu>.active>a,.dropdown-menu>.active>a:focus,.dropdown-menu>.active>a:hover{ background:#01070b} abbr[data-original-title],abbr[title]{ cursor:text; border-bottom:none} input::-webkit-outer-spin-button,input::-webkit-inner-spin-button{ -webkit-appearance:none; margin:0} input[type=number]{ -moz-appearance:textfield} .modal-body{ color:#01070b} .required{ color:#f00} .requiblack{ color:#000} .row.no-gutters{ margin-right:0; margin-left:0} .row.no-gutters>[class^="col-"],.row.no-gutters>[class*=" col-"]{ padding-right:0; padding-left:0; position:relative} dt,label{ font-weight:normal} dl,p{ margin:0px} a{ color:#01070b; cursor:pointer} a:focus,a:hover{ text-decoration:none} .text-wrap{ word-break:break-word} h1,h2,h3,h4,h5,h6{ font-weight:bold} h1{ font-size:48px} h2{ font-size:32px} h3{ font-size:26px} h4{ font-size:20px} h5{ font-size:18px} h6{ font-size:16px} footer ul,header ul,:not(.cimm_staticPageWrap) ul,footer ul li,header ul li,:not(.cimm_staticPageWrap) ul li,footer ol,header ol,:not(.cimm_staticPageWrap) ol,footer ol li,header ol li,:not(.cimm_staticPageWrap) ol li{ list-style-type:none; padding:0; margin:0} .cimm_bodyContentWrap .cimm_staticPageWrap ul{ padding:0 0 0 30px} .cimm_bodyContentWrap .cimm_staticPageWrap ul li{ list-style-type:disc} .cimm_bodyContentWrap .cimm_staticPageWrap ol{ padding:0 0 0 30px} .cimm_bodyContentWrap .cimm_staticPageWrap ol li{ list-style-type:decimal} .row-space{ margin:15px 0px; border:0px} .row-space:before,.row-space:after{ content:""; display:table} .row-space:after{ clear:both} .dataTables_filter{ text-align:right} .dataTables_paginate{ text-align:right} .dataTables_paginate .pagination{ margin:0} .dataTables_paginate .paginate_button a{ border:none; color:#01070b; background-color:#fff; font-weight:bold; width:20px; height:20px; text-align:center} .dataTables_paginate .paginate_button a:hover{ background:#fff} .dataTables_paginate .paginate_button a:focus{ outline:none} .dataTables_paginate .paginate_button.active a{ border:1px solid #01070b; color:#01070b; background:#fff} .dataTables_paginate .paginate_button.active a:focus{ outline:none} .dataTables_paginate .pagination>.active>a,.dataTables_paginate .pagination>.active>a:focus,.dataTables_paginate .pagination>.active>a:hover,.dataTables_paginate .pagination>.active>span,.dataTables_paginate .pagination>.active>span:focus,.dataTables_paginate .pagination>.active>span:hover{ background-color:#fff} .zero-border{ border-radius:0} .color_red{ color:#ee3426} b,strong{ font-weight:700} .fa-lg{ font-size:1em; line-height:0.75em} body:not(.modal-open){ padding-right:0 !important} a.button:hover,a.cimm_inlineButton:hover,.multiTab .multiTabContent .buttonWrap a.btnPrevious:hover,.multiTab .multiTabContent .buttonWrap a.btnNext:hover,a.btnFinish:hover{ color:#fff} @media print{ .tooltip{ visibility:hidden} } .Remove_input_boarder_radius .form-control{ border-radius:unset} .boarder_bottom{ border-bottom:1px solid #c1c8cd} .boarder_bottom .ordertail_title{ font-size:14px; text-transform:uppercase; font-weight:normal} .new_head{ bottom:16px; text-transform:uppercase} .custom_datatable{ border:none; border-bottom:1px solid #01070b} .custom_datatable thead tr th{ text-transform:uppercase; border:none; border-bottom:1px solid #01070b} .custom_datatable tbody tr td{ border-left:none; border-right:none} .custom_datatable tbody tr:nth-of-type(odd){ background:#fff} .text_capitalize{ text-transform:capitalize} ul.ul_gridalign{ width:100%} ul.ul_gridalign li{ float:left; width:calc(100% - 600px);line-height:20px} ul.ul_gridalign li span{ width:40%; display:inline-block; position:relative; vertical-align:top} ul.ul_gridalign li span :first-child{ vertical-align:top} ul.price_align{ width:100%} ul.price_align li span{ width:50%} ul.price_align li span:first-child{ float:left; text-align:left} .mask_check_box span::after,.mask_check_box span::before{ opacity:0} .a_tag_btn{ border:none; border-color:unset; background-color:unset} .a_tag_btn:active{ color:unset} @font-face{ font-family:"RobotoRegular"; font-display:auto; font-style:normal; font-weight:normal; src:url("https://cdnassets.unilogcorp.com/fonts/Roboto-Regular-webfont.eot?#iefix") format("embedded-opentype"),url("https://cdnassets.unilogcorp.com/fonts/Roboto-Regular-webfont.woff") format("woff"),url("https://cdnassets.unilogcorp.com/fonts/Roboto-Regular-webfont.ttf") format("truetype"),url("https://cdnassets.unilogcorp.com/fonts/Roboto-Regular-webfont.svg#robotoregular") format("svg")} @font-face{ font-family:"RobotoBlack"; font-display:auto; font-style:normal; font-weight:normal; src:url("https://cdnassets.unilogcorp.com/fonts/Roboto-Black-webfont.eot?#iefix") format("embedded-opentype"),url("https://cdnassets.unilogcorp.com/fonts/Roboto-Black-webfont.woff") format("woff"),url("https://cdnassets.unilogcorp.com/fonts/Roboto-Black-webfont.ttf") format("truetype"),url("https://cdnassets.unilogcorp.com/fonts/Roboto-Black-webfont.svg#robotoblack") format("svg")} @font-face{ font-family:"RobotoCondensedBold"; font-display:auto; font-style:normal; font-weight:normal; src:url("https://cdnassets.unilogcorp.com/fonts/RobotoCondensed-Bold-webfont.eot?#iefix") format("embedded-opentype"),url("https://cdnassets.unilogcorp.com/fonts/RobotoCondensed-Bold-webfont.woff") format("woff"),url("https://cdnassets.unilogcorp.com/fonts/RobotoCondensed-Bold-webfont.ttf") format("truetype"),url("https://cdnassets.unilogcorp.com/fonts/RobotoCondensed-Bold-webfont.svg#roboto_condensedbold") format("svg")} @font-face{ font-family:"AktivGroteskCorpRegular"; font-display:auto; font-style:normal; font-weight:normal; src:url("https://cdnassets.unilogcorp.com/fonts/AktivGroteskCorp-Regular.eot?#iefix") format("embedded-opentype"),url("https://cdnassets.unilogcorp.com/fonts/AktivGroteskCorp-Regular.woff") format("woff"),url("https://cdnassets.unilogcorp.com/fonts/AktivGroteskCorp-Regular.ttf") format("truetype"),url("https://cdnassets.unilogcorp.com/fonts/AktivGroteskCorp-Regular.svg#AktivGroteskCorpRegular") format("svg")} @font-face{ font-family:"MuseoSans300"; font-display:auto; font-style:normal; font-weight:normal; src:url("https://cdnassets.unilogcorp.com/fonts/MuseoSans-300.eot?#iefix") format("embedded-opentype"),url("https://cdnassets.unilogcorp.com/fonts/MuseoSans-300.woff") format("woff"),url("https://cdnassets.unilogcorp.com/fonts/MuseoSans-300.ttf") format("truetype"),url("https://cdnassets.unilogcorp.com/fonts/MuseoSans-300.svg#MuseoSans300") format("svg")} @font-face{ font-family:"MuseoSans500"; font-display:auto; font-style:normal; font-weight:normal; src:url("https://cdnassets.unilogcorp.com/fonts/MuseoSans-500.eot?#iefix") format("embedded-opentype"),url("https://cdnassets.unilogcorp.com/fonts/MuseoSans-500.woff") format("woff"),url("https://cdnassets.unilogcorp.com/fonts/MuseoSans-500.ttf") format("truetype"),url("https://cdnassets.unilogcorp.com/fonts/MuseoSans-500.svg#MuseoSans500") format("svg")} @font-face{ font-family:"Glyphicons Halflings"; font-display:auto; font-style:normal; font-weight:normal; src:url("https://cdnassets.unilogcorp.com/fonts/glyphicons-halflings-regular.eot?#iefix") format("embedded-opentype"),url("https://cdnassets.unilogcorp.com/fonts/glyphicons-halflings-regular.woff") format("woff"),url("https://cdnassets.unilogcorp.com/fonts/glyphicons-halflings-regular.ttf") format("truetype"),url("https://cdnassets.unilogcorp.com/fonts/glyphicons-halflings-regular.svg#glyphicons_halflingsregular") format("svg")} @font-face{ font-family:"icomoon"; font-display:auto; font-style:normal; font-weight:normal; src:url("../fonts/icomoon.eot?#iefix") format("embedded-opentype"),url("../fonts/icomoon.woff") format("woff"),url("../fonts/icomoon.ttf") format("truetype"),url("../fonts/icomoon.svg#icomoon") format("svg")} .mTop-0{ margin-top:0 !important} .mRight-0{ margin-right:0 !important} .mBottom-0{ margin-bottom:0 !important} .mLeft-0{ margin-left:0 !important} .marginX-0{ margin-right:0 !important; margin-left:0 !important} .marginY-0{ margin-top:0 !important; margin-bottom:0 !important} .margin-1{ margin:4px !important} .mTop-1{ margin-top:4px !important} .mRight-1{ margin-right:4px !important} .mBottom-1{ margin-bottom:4px !important} .mLeft-1{ margin-left:4px !important} .marginX-1{ margin-right:4px !important; margin-left:4px !important} .marginY-1{ margin-top:4px !important; margin-bottom:4px !important} .margin-2{ margin:8px !important} .mTop-2{ margin-top:8px !important} .mRight-2{ margin-right:8px !important} .mBottom-2{ margin-bottom:8px !important} .mLeft-2{ margin-left:8px !important} .marginX-2{ margin-right:8px !important; margin-left:8px !important} .marginY-2{ margin-top:8px !important; margin-bottom:8px !important} .margin-3{ margin:16px !important} .mTop-3{ margin-top:16px !important} .mRight-3{ margin-right:16px !important} .mBottom-3{ margin-bottom:16px !important} .mLeft-3{ margin-left:16px !important} .marginX-3{ margin-right:16px !important; margin-left:16px !important} .marginY-3{ margin-top:16px !important; margin-bottom:16px !important} .margin-4{ margin:24px !important} .mTop-4{ margin-top:24px !important} .mRight-4{ margin-right:24px !important} .mBottom-4{ margin-bottom:24px !important} .mLeft-4{ margin-left:24px !important} .marginX-4{ margin-right:24px !important; margin-left:24px !important} .marginY-4{ margin-top:24px !important; margin-bottom:24px !important} .margin-5{ margin:48px !important} .mTop-5{ margin-top:48px !important} .mRight-5{ margin-right:48px !important} .mBottom-5{ margin-bottom:48px !important} .mLeft-5{ margin-left:48px !important} .marginX-5{ margin-right:48px !important; margin-left:48px !important} .marginY-5{ margin-top:48px !important; margin-bottom:48px !important} .padding-0{ padding:0} .pTop-0{ padding-top:0} .pRight-0{ padding-right:0} .pBottom-0{ padding-bottom:0} .pLeft-0{ padding-left:0} .paddingX-0{ padding-right:0; padding-left:0} .paddingY-0{ padding-top:0; padding-bottom:0} .padding-1{ padding:4px} .pTop-1{ padding-top:4px} .pRight-1{ padding-right:4px} .pBottom-1{ padding-bottom:4px} .pLeft-1{ padding-left:4px} .paddingX-1{ padding-right:4px; padding-left:4px} .paddingY-1{ padding-top:4px; padding-bottom:4px} .padding-2{ padding:8px} .pTop-2{ padding-top:8px} .pRight-2{ padding-right:8px} .pBottom-2{ padding-bottom:8px} .pLeft-2{ padding-left:8px} .paddingX-2{ padding-right:8px; padding-left:8px} .paddingY-2{ padding-top:8px; padding-bottom:8px} .padding-3{ padding:16px} .pTop-3{ padding-top:16px} .pRight-3{ padding-right:16px} .pBottom-3{ padding-bottom:16px} .pLeft-3{ padding-left:16px} .paddingX-3{ padding-right:16px; padding-left:16px} .paddingY-3{ padding-top:16px; padding-bottom:16px} .padding-4{ padding:24px} .pTop-4{ padding-top:24px} .pRight-4{ padding-right:24px} .pBottom-4{ padding-bottom:24px} .pLeft-4{ padding-left:24px} .paddingX-4{ padding-right:24px; padding-left:24px} .paddingY-4{ padding-top:24px; padding-bottom:24px} .padding-5{ padding:48px} .pTop-5{ padding-top:48px} .pRight-5{ padding-right:48px} .pBottom-5{ padding-bottom:48px} .pLeft-5{ padding-left:48px} .paddingX-5{ padding-right:48px; padding-left:48px} .paddingY-5{ padding-top:48px; padding-bottom:48px} .margin-auto{ margin:auto !important} header{ border-bottom:1px solid #c1c8cd} header .cimm_header{ position:relative} header .cimm_header .cimm_header_top{ background:#fff; color:#000; font-family:aktiv-grotesk,sans-serif; font-size:12px; font-weight:normal; border-bottom:2px solid #fff} header .cimm_header .cimm_header_mid{ background:#fff; color:#000; font-family:aktiv-grotesk,sans-serif; font-size:12px; font-weight:normal; border-top:0px solid #01070b} header .cimm_header .cimm_header_top .cimm_header_top-phone{ float:left} header .cimm_header .cimm_header_top .cimm_header_top-phone ul li{ padding:10px} header .cimm_header .cimm_header_top .cimm_header_top-menu{ text-align:right} header .cimm_header .cimm_header_top .cimm_header_top-menu ul li{ text-transform:capitalize; display:inline-block; position:relative} header .cimm_header .cimm_header_top .cimm_header_top-menu ul li:hover ul{ display:block} header .cimm_header .cimm_header_top .cimm_header_top-menu ul li ul.dropdown-menu{ padding:0} header .cimm_header .cimm_header_top .cimm_header_top-menu ul li ul.dropdown-menu li{ border-bottom:1px solid #c1c8cd; width:100%} header .cimm_header .cimm_header_top .cimm_header_top-menu ul li ul.dropdown-menu li a{ color:#01070b; padding:5px 10px} header .cimm_header .cimm_header_top .cimm_header_top-menu ul li a{ color:#fff; padding:10px; display:block} header .cimm_header .cimm_header_mid{ padding:0px 0px 8px 0px; border-top:none} header .cimm_header .cimm_header_mid .cimm_logo{ width:250px; height:95px; position:relative} header .cimm_header .cimm_header_mid .cimm_logo img{ width:200px; max-width:100%; height:auto; max-height:100%; display:block; position:absolute; top:0; bottom:0; left:0; right:0; margin:auto} .cimm_signWrap{ text-align:right; padding:30px 0px !important} .cimm_signWrap>li{ display:inline-block; position:relative; text-align:center; width:45px} .cimm_signWrap>li>a{ display:block; font-weight:bold; font-size:11px; text-transform:lowercase} .cimm_signWrap>li>a span{ font-weight:normal; font-family:aktiv-grotesk,sans-serif; text-transform:uppercase; margin-top:4px} .cimm_signWrap>li>a span.imgBox{ display:block; width:50px; height:32px; position:relative; margin:0 auto 0 auto; overflow:hidden} .cimm_signWrap>li>a span.imgBox em{ position:absolute; left:5px; color:#01070b; top:18px; width:40px; height:40px; font-size:14px} .cimm_signWrap>li>a span.imgBox em.fa-user{ top:14px} .cimm_signWrap>li>a img{ width:auto; height:24px} .cimm_signWrap>li.cartCountDisplayLi a span.cartCountrefresh{ position:absolute; top:-5px; left:4px; font-size:12px; font-weight:bold; width:90%; text-align:center} .cimm_signWrap>li.cartCountDisplayLi a svg{ width:35px; fill:#fff} .cimm_signWrap>li:first-child{ width:40px} .slideDropMenu li a em,.myAccountMenu li a em{ margin-right:10px; font-size:16px; width:20px; text-align:center} .myAccountMenu{ top:30px; background:#FFFFFF; right:0px; width:275px; left:auto; border:1px solid #c1c8cd; border-radius:2px; padding:0} .myAccountMenu li{ width:100%; text-transform:none; font-family:aktiv-grotesk,sans-serif; text-align:left} .myAccountMenu li a{ font-weight:normal; color:#01070b; font-size:16px; padding:3px 10px} .myAccountMenu li.loginLink{ margin-top:15px; padding:15px 0; background:#fff; text-align:center} .myAccountMenu li.loginLink a{ background:#01070b; color:#fff; display:inline-block; padding:10px} .myAccountMenu li:last-child{ border-bottom:none} .myAccountMenu li.logoutBtn{ background:#fff; text-align:center} .myAccountMenu li.logoutBtn a{ background:#01070b; color:#fff; display:inline-block; padding:12px; margin:25px 0; box-shadow:0 1px 2px rgba(0,0,0,0.6)} .loginWindow{ position:absolute; top:50px; background:#fff; right:38px; width:370px; min-height:300px; left:auto; border:none; border-radius:0; padding:0; margin:0; border:2px solid #c1c8cd; font-family:RobotoRegular; font-size:12px} .loginWindow form{ background:#ccc; padding:18px} .loginWindow form .form-control{ height:42px; box-shadow:none; border:1px solid #c1c8cd; border-radius:2px} .loginWindow form .form-group label{ text-transform:uppercase} .loginWindow ul,.loginWindow ul li{ width:100%; text-transform:none; font-family:aktiv-grotesk,sans-serif} .loginWindow .rememberLogWrap{ text-transform:none; padding-top:6px} .loginWindow .rememberLogWrap .button,.loginWindow .rememberLogWrap .calendarFilterWrap .tableHeader ul.calendarFilterHead li,.calendarFilterWrap .tableHeader ul.calendarFilterHead .loginWindow .rememberLogWrap li,.loginWindow .rememberLogWrap .cimm_inlineButton,.loginWindow .rememberLogWrap .multiTab .multiTabContent .buttonWrap .btnPrevious,.multiTab .multiTabContent .buttonWrap .loginWindow .rememberLogWrap .btnPrevious,.loginWindow .rememberLogWrap .multiTab .multiTabContent .buttonWrap .btnNext,.multiTab .multiTabContent .buttonWrap .loginWindow .rememberLogWrap .btnNext,.loginWindow .rememberLogWrap .btnFinish{ width:192px; box-shadow:0 1px 2px rgba(0,0,0,0.6)} .loginWindow .customCheckBox span{ text-transform:capitalize} .loginWindow .forgotPassword{ font-family:aktiv-grotesk,sans-serif; margin-top:15px; font-weight:normal; text-decoration:underline; text-align:right} .loginWindow .register_link{ padding:26px 18px} .loginWindow .register_link a{ color:#fff; font-size:16px; box-shadow:0 1px 2px rgba(0,0,0,0.6)} .cimm_searchWrapper{ width:90%; float:left; text-align:center; margin:30px 0 18px; position:relative} .cimm_searchWrapper input[type='text']{ border:1px solid #c1c8cd; border-radius:0px; font-family:aktiv-grotesk,sans-serif} .cimm_searchWrapper .cimm_searchIcon{ border:1px solid #c1c8cd; border-radius:0px 5px 5px 0px; width:47px; color:#fff} #head_nav_shop #brandLink .all_product_btn{ position:relative; float:right; padding-right:25px; margin:2px 0; background-color:transparent; background-image:none; border:1px solid transparent; border-radius:4px} #head_nav_shop #brandLink .all_product_btn span.icon-bar{ background-color:#333; width:100%; height:4px !important; width:28px !important; display:block; width:22px; height:2px; border-radius:1px; margin:4px 0px} #head_nav_shop .shopbyprod_head{ min-width:555px; margin:9px 0px 0px 0px; border-radius:0px; background:#fff; box-shadow:none} #head_nav_shop .shopbyprod_head ul{ width:50%; float:left; padding:0px 10px} #head_nav_shop .shopbyprod_head ul li{ padding:3px 0px} #head_nav_shop .shopbyprod_head ul li a{ font-family:"MuseoSans300"} #head_nav_shop .shopbyprod_head ul li a:hover{ color:#01070b; text-decoration:underline} #head_nav_shop em{ position:absolute; right:0; top:5px; display:inline-block; padding:20px 14px} #head_nav_shop em:after{ content:"\f078"; position:absolute; z-index:11; font-weight:900; font-size:10px; font-family:"Font Awesome 5 Free"; top:6px; right:4px} #search_Form .globla_search_container .search-icon-btn{ position:absolute; z-index:9; top:5px} #search_Form .globla_search_container #txtSearch{ border:none; border-bottom:1px solid #01070b; border-top:none; border-left:none; border-right:none; height:35px; padding-left:25px; width:190px; box-shadow:none} #search_Form .globla_search_container:hover #txtSearch,#search_Form .globla_search_container:focus-within #txtSearch{ padding-left:20px; padding-right:10px; width:350px; border-bottom:2px solid #01070b} #search_Form .globla_search_container:hover .search-icon-btn,#search_Form .globla_search_container:focus-within .search-icon-btn{ margin-left:320px; z-index:99} #search_Form .globla_search_container:hover .search-icon-btn,#search_Form .globla_search_container:hover #txtSearch,#search_Form .globla_search_container:focus-within .search-icon-btn,#search_Form .globla_search_container:focus-within #txtSearch{ -webkit-transition:all 0.5s; -moz-transition:all 0.5s; -ms-transition:all 0.5s; -o-transition:all 0.5s; transition:250ms ease-out 100ms} .cimm_signWrap .cartCountDisplayLi .tooltip{ width:70px; left:-10px !important} nav.navbar{ background:#01070b; border-radius:0px; border:0px; margin:0} nav.navbar .cimm_nav{ position:relative} nav.navbar .cimm_nav>ul>li{ border-bottom:2px solid transparent} nav.navbar .cimm_nav>ul>li span{ display:inline-block; position:relative} nav.navbar .cimm_nav>ul>li span>a{ white-space:normal; letter-spacing:1px; padding:8px; display:block; color:#fff; text-transform:uppercase; font-family:"MuseoSans500"; font-size:12px; padding-left:14px !important} nav.navbar .cimm_nav>ul>li span em{ position:absolute; right:0; top:5px; display:inline-block; padding:20px 14px} nav.navbar .cimm_nav>ul>li span em:after{ content: "\f0da"; speak:none; position:absolute; z-index:11; font-weight:900; font-size:20px; font-family:"Font Awesome 5 Free"; top:10px; right:4px; color:#01070b} nav.navbar .cimm_nav>ul>li span em:after{ color:#fff} nav.navbar .cimm_nav>ul>li .dropdown-menu{ background:#fff; padding:10px 0px; min-width:275px; border-radius:0px} nav.navbar .cimm_nav>ul>li .dropdown-menu ul{ width:282px; vertical-align:top; display:inline-block} nav.navbar .cimm_nav>ul>li .dropdown-menu li{ position:relative; padding:2px 0px} nav.navbar .cimm_nav>ul>li .dropdown-menu li:hover{ background:transparent; text-decoration:underline} nav.navbar .cimm_nav>ul>li .dropdown-menu li:hover>span em:after{ color:#01070b} nav.navbar .cimm_nav>ul>li .dropdown-menu li:hover>.dropdown-menu{ display:block} nav.navbar .cimm_nav>ul>li .dropdown-menu li>span{ display:block} nav.navbar .cimm_nav>ul>li .dropdown-menu li>span>a{ text-transform:capitalize; padding:4px 10px; font-size:12px; font-family:"MuseoSans300"; display:block; color:#01070b} nav.navbar .cimm_nav>ul>li .dropdown-menu li>span>a:hover{ color:#01070b} nav.navbar .cimm_nav>ul>li .dropdown-menu li>span>em{ padding:14px 14px} nav.navbar .cimm_nav>ul>li .dropdown-menu li>span>em:after{ top:4px; color:#444} nav.navbar .cimm_nav>ul>li .dropdown-menu li>.dropdown-menu{ left:100%; top:0; border-radius:0; border:none; display:none} nav.navbar .cimm_nav>ul>li:hover{ border-bottom:2px solid; border-color:#fff; background:#01070b} nav.navbar .cimm_nav>ul>li:hover>span>a{ color:#fff} nav.navbar .cimm_nav>ul>li:hover>span em:after{ content:""; speak:none; position:absolute; z-index:11; font-weight:900; font-size:20px; font-family:"Font Awesome 5 Free"; color:#01070b} nav.navbar .cimm_nav>ul>li:hover>span em:after{ color:#fff} nav.navbar .cimm_nav>ul>li:hover>.dropdown-menu{ display:block} nav.navbar .cimm_nav>ul>li:last-child>span>a:after{ content:""} nav.navbar .cimm_nav>ul>li.navicon::after{ content:"|"; color:#fff} .nav_headingBlock{ display:none} nav.navbar{ min-height:30px} nav.navbar .cimm_nav>ul{ padding-left:35%; font-family:"Helvetica Neue Light", "Helvetica Neue", Helvetica, Arial, "Lucida Grande", sans-serif; font-size:1.5rem} nav.navbar .cimm_nav>ul>li:nth-last-child(3)>.dropdown-menu{ left:-165px} nav.navbar .cimm_nav>ul>li:nth-last-child(3)>.dropdown-menu li>.dropdown-menu{ top:0; left:-100%; margin:0; border-radius:0} nav.navbar .cimm_nav>ul>li .dropdown-menu.shopbyprod,nav.navbar .cimm_nav>ul>li .dropdown-menu.shopbymanuf,nav.navbar .cimm_nav>ul>li .dropdown-menu.shopbybrand{ width:855px} nav.navbar .cimm_nav>ul>li.contact_number span a{ color:#000 !important; margin-right:60px} nav.navbar .cimm_nav>ul>li.contact_number:hover{ border-color:#01070b !important} .cimm_leftnav .cimm_filter{ padding:0px; border:0px} .cimm_leftnav .cimm_filter .cimm_filter-block,.cimm_leftnav .cimm_filter .cimm_search-block{ background:rgba(0,0,0,0); padding:0px; margin-bottom:0px; border:0px} .cimm_leftnav .cimm_filter .cimm_filter-block .cimm_filter-block-title,.cimm_leftnav .cimm_filter .cimm_search-block .cimm_filter-block-title,.cimm_leftnav .cimm_filter .cimm_filter-block .cimm_myaccount-block-title,.cimm_leftnav .cimm_filter .cimm_search-block .cimm_myaccount-block-title,.cimm_leftnav .cimm_filter .cimm_search-block .cimm_search-block-title{ cursor:pointer; position:relative; background:rgba(0,0,0,0); padding:12px 0px; margin:0px 0px; text-transform:uppercase; font-family:"MuseoSans300"; font-size:14px; color:#01070b; border-bottom:1px solid #c1c8cd} .cimm_leftnav .cimm_filter .cimm_filter-block .cimm_filter-block-title.cleatBtn:after,.cimm_leftnav .cimm_filter .cimm_search-block .cimm_filter-block-title.cleatBtn:after,.cimm_leftnav .cimm_filter .cimm_filter-block .cleatBtn.cimm_myaccount-block-title:after,.cimm_leftnav .cimm_filter .cimm_search-block .cleatBtn.cimm_myaccount-block-title:after,.cimm_leftnav .cimm_filter .cimm_search-block .cleatBtn.cimm_search-block-title:after{ content:""} .cimm_leftnav .cimm_filter .cimm_filter-block .cimm_filter-block-title:after,.cimm_leftnav .cimm_filter .cimm_search-block .cimm_filter-block-title:after,.cimm_leftnav .cimm_filter .cimm_filter-block .cimm_myaccount-block-title:after,.cimm_leftnav .cimm_filter .cimm_search-block .cimm_myaccount-block-title:after,.cimm_leftnav .cimm_filter .cimm_search-block .cimm_search-block-title:after{ content:""; speak:none; position:absolute; z-index:11; font-weight:900; font-size:12px; font-family:"Font Awesome 5 Free"; top:30%; right:0px; color:#01070b} .cimm_leftnav .cimm_filter .cimm_filter-block .cimm_filter-block-title.collapsed:after,.cimm_leftnav .cimm_filter .cimm_search-block .cimm_filter-block-title.collapsed:after,.cimm_leftnav .cimm_filter .cimm_filter-block .collapsed.cimm_myaccount-block-title:after,.cimm_leftnav .cimm_filter .cimm_search-block .collapsed.cimm_myaccount-block-title:after,.cimm_leftnav .cimm_filter .cimm_search-block .collapsed.cimm_search-block-title:after{ content:""; speak:none; position:absolute; z-index:11; font-weight:900; font-size:12px; font-family:"Font Awesome 5 Free"; top:30%; right:0px; color:#01070b} .cimm_leftnav .cimm_filter .cimm_filter-block .cimm_filter_block-container .filterTextBox,.cimm_leftnav .cimm_filter .cimm_search-block .cimm_filter_block-container .filterTextBox{ margin-top:10px} .cimm_leftnav .cimm_filter .cimm_filter-block .cimm_filter_block-container .slimScrollDiv,.cimm_leftnav .cimm_filter .cimm_search-block .cimm_filter_block-container .slimScrollDiv{ margin-top:10px} .cimm_leftnav .cimm_filter .cimm_filter-block .cimm_filter_block-container ul li,.cimm_leftnav .cimm_filter .cimm_search-block .cimm_filter_block-container ul li{ padding:5px 0px} .cimm_leftnav .cimm_filter .cimm_filter-block .cimm_filter_block-container ul li a,.cimm_leftnav .cimm_filter .cimm_search-block .cimm_filter_block-container ul li a,.cimm_leftnav .cimm_filter .cimm_filter-block .cimm_filter_block-container ul li label span,.cimm_leftnav .cimm_filter .cimm_search-block .cimm_filter_block-container ul li label span{ font-family:aktiv-grotesk,sans-serif; font-size:12px; color:#01070b; text-transform:capitalize} .cimm_leftnav .cimm_filter .cimm_filter-block .cimm_myaccount-block-title:after,.cimm_leftnav .cimm_filter .cimm_search-block .cimm_myaccount-block-title:after{ content:""} .cimm_leftnav .cimm_filter .cimm_search-block .cimm_search-block-title:after{ content:""} .cimm_filter .cimm_filter-block .cimm_refinedMultiFilterResults ol li,.cimm_leftnav .cimm_filter .cimm_search-block .cimm_refinedMultiFilterResults ol li{ padding:5px 20px; text-transform:capitalize} .cimm_filter .cimm_filter-block .cimm_refinedMultiFilterResults ol li span.Refine-value,.cimm_leftnav .cimm_filter .cimm_search-block .cimm_refinedMultiFilterResults ol li span.Refine-value{ display:block; padding-left:15px} .cimm_filter .cimm_filter-block .cimm_filter-block-title+div>ul,.cimm_leftnav .cimm_filter .cimm_search-block .cimm_filter-block-title+div>ul,.cimm_leftnav .cimm_filter .cimm_filter-block .cimm_myaccount-block-title+div>ul,.cimm_leftnav .cimm_filter .cimm_search-block .cimm_myaccount-block-title+div>ul,.cimm_leftnav .cimm_filter .cimm_search-block .cimm_filter-block .cimm_search-block-title+div>ul,.cimm_leftnav .cimm_filter .cimm_search-block .cimm_search-block-title+div>ul{ padding:10px 0} .cimm_filter .cimm_filter-block ul li,.cimm_leftnav .cimm_filter .cimm_search-block ul li{ padding:3px 0} .cimm_filter .cimm_filter-block ul.myAccountLeftMenu li,.cimm_leftnav .cimm_filter .cimm_search-block ul.myAccountLeftMenu li{ line-height:22px} .cimm_filter .cimm_filter-block ul.myAccountLeftMenu li em,.cimm_leftnav .cimm_filter .cimm_search-block ul.myAccountLeftMenu li em{ width:20px; margin-right:10px; text-align:center} .cimm_filter .cimm_filter-block .slimScrollBar,.cimm_leftnav .cimm_filter .cimm_search-block .slimScrollBar{ width:11px !important; right:3px !important} .cimm_filter .cimm_filter-block .acc_menu_for_leftmenu li a,.cimm_leftnav .cimm_filter .cimm_search-block .acc_menu_for_leftmenu li a{ text-transform:uppercase} .cimm_filter .cimm_filter-block .acc_menu_for_leftmenu li a em,.cimm_leftnav .cimm_filter .cimm_search-block .acc_menu_for_leftmenu li a em{ display:none} .cimm_searchWithin{ margin-bottom:21px; margin-top:35px} .cimm_searchWithin .cimm_narrowSearch{ background:none; border:none; border-bottom:2px solid #01070b} .cimm_narrowSearch{ font-size:18px; text-transform:uppercase; font-family:"MuseoSans500"} .cimm_narrowSearch input,.cimm_narrowSearch input[type=text]:focus{ border:none; box-shadow:none} .cimm_narrowSearch .input-group-btn .btn,.cimm_narrowSearch .input-group-btn .btn-primary{ background:none; color:#01070b; padding:0} .cimm_narrowSearch a{ text-decoration:underline; font-size:14px; color:#01070b; text-transform:uppercase; font-family:"MuseoSans300"; padding:3px 0 0} .cimm_narrow-filter{ font-size:14px} .cimm_narrow-filter .float-none{ float:none !important; margin-left:5px} .cimm_narrow-filter .Refine-value{ background:#f5f7fa; display:inline-block !important; padding:5px 10px !important} .cimm_narrow-filter .cimm_refinedMultiFilterResults .cimm_refinedAttribute ol li{ padding:0} .cimm_narrow-filter .cimm_refinedMultiFilterResults .cimm_refinedAttribute ol li .Refine-value{ font-size:14px; color:#01070b; text-decoration:none} .cimm_narrow-filter .fa-search:before{ content:"\e903"; font-family:"icomoon" !important; font-size:20px} .cimm_narrow-filter .fa-times:before{ content:"\e900"; font-family:"icomoon" !important; font-size:20px} .cimm_narrow-filter .fa-times{ vertical-align:middle} .cimm_narrow-filter .cimm_filter-scrollbar ul{ padding-right:16px} .cimm_narrow-filter .cimm_filter-scrollbar ul li a{ word-break:break-word} .cimm_title_label .cimm_filter-block-title:after,.cimm_title_label .cimm_leftnav .cimm_filter .cimm_filter-block .cimm_myaccount-block-title:after,.cimm_leftnav .cimm_filter .cimm_filter-block .cimm_title_label .cimm_myaccount-block-title:after,.cimm_title_label .cimm_leftnav .cimm_filter .cimm_search-block .cimm_myaccount-block-title:after,.cimm_leftnav .cimm_filter .cimm_search-block .cimm_title_label .cimm_myaccount-block-title:after,.cimm_title_label .cimm_leftnav .cimm_filter .cimm_search-block .cimm_search-block-title:after,.cimm_leftnav .cimm_filter .cimm_search-block .cimm_title_label .cimm_search-block-title:after{ content:"\e901" !important; font-family:"icomoon" !important} .cimm_title_label .cimm_filter-block-title.collapsed:after,.cimm_title_label .cimm_leftnav .cimm_filter .cimm_filter-block .collapsed.cimm_myaccount-block-title:after,.cimm_leftnav .cimm_filter .cimm_filter-block .cimm_title_label .collapsed.cimm_myaccount-block-title:after,.cimm_title_label .cimm_leftnav .cimm_filter .cimm_search-block .collapsed.cimm_myaccount-block-title:after,.cimm_leftnav .cimm_filter .cimm_search-block .cimm_title_label .collapsed.cimm_myaccount-block-title:after,.cimm_title_label .cimm_leftnav .cimm_filter .cimm_search-block .collapsed.cimm_search-block-title:after,.cimm_leftnav .cimm_filter .cimm_search-block .cimm_title_label .collapsed.cimm_search-block-title:after{ content:"\e902" !important; font-family:"icomoon" !important} #mulitFilterTrail ol li .Refine-label{ display:none} #mulitFilterTrail ol li .Refine-value{ margin-top:10px} #leftMenu{ padding-right:30px} input#narrowText{ text-overflow:ellipsis} .cimm_leftnav .cimm_filter .cimm_filter-block .cimm_filter-block-title,.cimm_leftnav .cimm_filter .cimm_search-block .cimm_filter-block-title,.cimm_leftnav .cimm_filter .cimm_filter-block .cimm_myaccount-block-title,.cimm_leftnav .cimm_filter .cimm_search-block .cimm_myaccount-block-title,.cimm_leftnav .cimm_filter .cimm_search-block .cimm_search-block-title{ padding-right:14px; letter-spacing:1px} .cimm_leftnav .cimm_filter .cimm_filter-block .cimm_filter_block-container ul li label span,.cimm_leftnav .cimm_filter .cimm_search-block .cimm_filter_block-container ul li label span{ letter-spacing:0.9px} .cimm_leftnav .cimm_filter .cimm_filter-block .cimm_filter_block-container ul li .customCheckBox,.cimm_leftnav .cimm_filter .cimm_search-block .cimm_filter_block-container ul li .customCheckBox{ line-height:13px} footer{ color:#fff} footer .cimm_footer_top{ background:#01070b; color:#fff; font-family:aktiv-grotesk,sans-serif; font-size:14px; font-weight:normal; border-bottom:2px solid #fff} footer .cimm_footer_top a{ color:#fff; font-family:aktiv-grotesk,sans-serif; font-size:14px; font-weight:normal} footer .cimm_footer_top .footerCol h3{ position:relative} footer .cimm_footer_top .footerCol h3 a{ color:#fff; font-size:16px; text-transform:uppercase; letter-spacing:1px} footer .cimm_footer_top .footerCol h3 em{ display:none; position:absolute; top:2px; right:10px; width:35px; height:35px; padding:5px; text-align:center} footer .cimm_footer_top ul li a{ color:#fff; padding:3px 0; display:block} footer .cimm_footer_top ul li a.cimm_button{ padding:10px; font-size:16px; width:220px; margin:10px 0} footer .cimm_footer_mid{ background:#01070b; color:#fff; font-family:aktiv-grotesk,sans-serif; font-size:14px; font-weight:normal; border-top:0px solid #01070b} footer .cimm_footer_mid a{ color:#fff; font-family:aktiv-grotesk,sans-serif; font-size:14px; font-weight:normal} footer .cimm_footer_mid .footerCol h3{ position:relative} footer .cimm_footer_mid .footerCol h3 a{ color:#fff; font-size:24px; text-transform:uppercase; letter-spacing:1px} footer .cimm_footer_mid .footerCol h3 em{ display:none; position:absolute; top:2px; right:10px; width:35px; height:35px; padding:5px; text-align:center} footer .cimm_footer_mid ul li a{ color:#fff; padding:3px 0; display:block} footer .cimm_footer_mid ul li a.cimm_button{ padding:10px; font-size:16px; width:220px; margin:10px 0} footer .cimm_footer_down{ background:#01070b; color:#fff; font-family:aktiv-grotesk,sans-serif; font-size:14px; font-weight:normal; border-top:2px solid #01070b} footer .cimm_footer_down a{ color:#fff; font-family:aktiv-grotesk,sans-serif; font-size:14px; font-weight:normal} footer .cimm_footer_down .footerCol h3{ position:relative} footer .cimm_footer_down .footerCol h3 a{ color:#fff; font-size:16px; text-transform:uppercase; letter-spacing:1px} footer .cimm_footer_down .footerCol h3 em{ display:none; position:absolute; top:2px; right:10px; width:35px; height:35px; padding:5px; text-align:center} footer .cimm_footer_down ul li a{ color:#fff; padding:3px 0; display:block} footer .cimm_footer_down ul li a.cimm_button{ padding:10px; font-size:16px; width:220px; margin:10px 0} footer .cimm_footer_mid{ height:270px; overflow-x:overlay} footer .cimm_footer_mid .footerCol h3{ position:relative; margin:15px 0; font-weight:normal} footer .cimm_footer_mid .footerCol h3 a{ text-transform:uppercase; letter-spacing:1px; font-size:14px; font-family:"MuseoSans500"} footer .cimm_footer_mid .footerCol h3 em{ position:absolute; top:2px; right:10px; width:10px; height:10px; display:none} footer .cimm_footer_mid .footerCol ul li a{ padding:3px 0; display:block; font-family:"MuseoSans300"} footer .cimm_footer_mid .footerCol ul li a.btn-signup{ padding:10px; font-size:16px; margin-top:18px} footer .cimm_footer_mid .social_medial_link{ padding:10px 0px} footer .cimm_footer_mid #footerSignUp a.close{ color:#01070b !important} footer .cimm_footer_mid #footerSignUp .footer_email{ border-bottom:2px solid #c1c8cd} footer .cimm_footer_mid #footerSignUp .footer_email #email{ background:#01070b; border:none; color:#fff} footer .cimm_footer_mid #footerSignUp .footer_email #email::placeholder{ color:#fff} footer .cimm_footer_down{ padding:20px 10px; background:#01070b; color:#fff} footer .cimm_footer_down .container{ border-top:2px solid #c1c8cd; padding-top:20px} footer .cimm_footer_down .cimm_footer-copyright{ margin:0; letter-spacing:1px} footer .cimm_footer_down .cimm_footer-copyright a{ color:#fff} footer .cimm_footer_down p{ padding:5px 0px} footer .cimm_footer_down p:nth-child(2){ font-style:italic} footer .signup_block{ padding:10px 0px; background:#b5d0db} footer .signup_block .alert-danger,footer .signup_block .alert-success{ text-align:center} footer .signup_block strong{ text-transform:uppercase; color:#457495; font-size:36px} footer .signup_block #email{ height:54px; border-radius:0px} footer .signup_block button,footer .signup_block .button,footer .signup_block .calendarFilterWrap .tableHeader ul.calendarFilterHead li,.calendarFilterWrap .tableHeader ul.calendarFilterHead footer .signup_block li,footer .signup_block .cimm_inlineButton,footer .signup_block .multiTab .multiTabContent .buttonWrap .btnPrevious,.multiTab .multiTabContent .buttonWrap footer .signup_block .btnPrevious,footer .signup_block .multiTab .multiTabContent .buttonWrap .btnNext,.multiTab .multiTabContent .buttonWrap footer .signup_block .btnNext,footer .signup_block .btnFinish{ background:#457495; color:#fff; border-radius:0px; padding:16px 70px} #loginModal .modal-dialog{ width:500px} #loginModal .modal-dialog .modal-content{ height:530px; background:#fff; border-radius:0px} #loginModal .modal-dialog .modal-content .btn-primary,#loginModal .modal-dialog .modal-content .btn-secondary{ margin:10px 0px; width:370px; height:38px; text-transform:uppercase; font-size:14px; border-radius:0px} #loginModal .modal-dialog .modal-content .btn-secondary{ background:#fff; color:#01070b !important; font-weight:bold} #loginModal .modal-dialog .modal-content .form-group label,#loginModal .modal-dialog .modal-content .form-group .forgotPass{ font-size:14px; font-weight:bold} #loginModal .modal-dialog .modal-content .form-group input{ border-radius:0px; height:40px} #loginModal .modal-dialog .modal-content .modal-body{ padding:0px 65px} #loginModal .modal-dialog .modal-content .modal-body .acc_login{ text-align:center; font-size:14px; letter-spacing:2px} #loginModal .modal-dialog .modal-content .modal-body .label_login{ text-align:center; font-size:18px; border-bottom:2px solid #c1c8cd; height:60px; margin-bottom:30px; text-transform:uppercase} #loginModal .modal-dialog .modal-content .modal-header{ border-bottom:none} .cimm_category_bannercont .cimm_category-banners{ margin-bottom:20px; min-height:180px; border:1px solid #c1c8cd; vertical-align:middle; text-align:center; line-height:180px} .cimm_category_bannercont .cimm_category-banners .slick-list{ padding:0} .cimm_ctegory-description{ text-align:justify} .cimm_category-item .cimm_category-itemimage{ border:0px} .cimm_category-item .cimm_category-itemname{ background:transparent} .cimm_category-item .cimm_category-itemimage{ height:200px; position:relative; background:rgba(0,0,0,0)} .cimm_category-item .cimm_category-itemimage a{ display:block} .cimm_category-item .cimm_category-itemimage a img{ height:180px; padding:2px; max-width:100%; display:block; position:absolute; top:0; bottom:0; left:0; right:50px; margin:auto; width:auto} .cimm_category-item .cimm_category-itemname{ text-transform:uppercase; margin:0; height:40px; line-height:0.8; font-weight:normal} .cimm_category-item .cimm_category-itemname a{ font-size:14px; font-family:"MuseoSans500"; color:#01070b} .cimm_category-item .cimm_category-itemname a:hover{ color:#01070b} .cimm_category-item .sub_cate ul li{ padding-top:10px} .cimm_category-item .sub_cate ul li a{ font-size:13px; font-family:aktiv-grotesk,sans-serif; text-transform:capitalize; color:#01070b; letter-spacing:0.9px} .cimm_category-item .sub_cate ul li a .fa-plus{ font-size:10px} .category_align:nth-child(4n+1){ clear:both} .cimm_category_description{ font-size:12px; letter-spacing:0.9px; line-height:2} .cimm_mainContentEnclosure .cimm_page-title{ color:#01070b; font-size:18px; font-weight:normal; letter-spacing:1.2px; padding-bottom:0} .cimm_listGridTopControls{ padding:0 0; border-bottom:1px solid #c1c8cd} .cimm_listGridTopControls .cimm_listGridTopLeftCtrls{ padding:15px 0px 20px 0px} .cimm_listGridTopControls .cimm_listGridTopRightCtrls{ text-transform:uppercase} .cimm_listGridTopControls .cimm_listGridTopRightCtrls form{ display:inline; margin-right:10%} .cimm_listGridTopControls .cimm_listGridTopRightCtrls form .bootstrap-select:not([class*="col-"]):not([class*="form-control"]):not(.input-group-btn){ width:130px} .cimm_listGridTopControls .cimm_listGridTopRightCtrls form .bootstrap-select:not([class*="col-"]):not([class*="form-control"]):not(.input-group-btn) li>a{ padding:3px 15px} .cimm_listGridTopControls .cimm_listGridTopRightCtrls form .selected span{ font-size:18px; font-weight:600} .cimm_listGridTopControls .cimm_listGridTopRightCtrls form select.selectpicker_remove_border{ border-color:#fff; box-shadow:unset; width:140px; height:auto; padding:0px; font-weight:bold; text-transform:uppercase; color:#01070b; text-align:right} .cimm_listGridTopControls .cimm_listGridTopRightCtrls #ItemsperPageForm{ margin-right:0px} .cimm_listGridTopControls .cimm_listGridTopRightCtrls #ItemsperPageForm .bootstrap-select:not([class*="col-"]):not([class*="form-control"]):not(.input-group-btn){ width:60px; display:none} .cimm_listGridTopControls .cimm_listGridTopRightCtrls .grid_filter form{ display:block} .cimm_listGridTopControls .item_count{ padding-top:1px} .uom_list{ font-size:12px; font-family:"MuseoSans300"; font-style:normal} .listGridContainer .prodImage .spin-figure{ width:220px} .listGridContainer .listView{ width:100%; min-height:50px; border-bottom:1px solid #c1c8cd; padding:5px 5px; margin-top:20px} .listGridContainer .listView .productTitle{ width:450px; overflow:hidden; display:inline-block; text-overflow:ellipsis; white-space:nowrap} .listGridContainer .listView ul li{ float:left} .listGridContainer .listView ul li.sessionImg{ width:250px; margin-right:20px} .listGridContainer .listView ul li.sessionImg a{ display:block} .listGridContainer .listView ul li.sessionImg a .prodImage{ width:100%; position:relative; height:242px} .listGridContainer .listView ul li.sessionImg a .prodImage img{ height:242px; padding:2px; max-width:100%; display:block; position:absolute; top:0; bottom:0; left:0; right:0; margin:auto; width:auto} .listGridContainer .listView ul li.sessionDesp{ width:calc(100% - 270px);float:left;min-height:220px; position:relative} .listGridContainer .listView ul li.sessionDesp .checkToCompare .customCheckBox{ float:right} .listGridContainer .listView ul li.sessionDesp ul{ float:left; width:50%; padding-right:8px} .listGridContainer .listView ul li.sessionDesp ul li{ width:100%; float:none; font-size:14px; padding:0 0 16px 0; font-family:aktiv-grotesk,sans-serif} .listGridContainer .listView ul li.sessionDesp ul li .priceSpanFa{ width:100%; float:none; font-size:12px; padding:0 0 16px 0; font-family:aktiv-grotesk,sans-serif} .listGridContainer .listView ul li.sessionDesp ul li .availability{ width:100%; float:none; font-size:12px; padding:0 0 16px 0; font-family:aktiv-grotesk,sans-serif} .listGridContainer .listView ul li.sessionDesp ul li.cimm_priceWrap{ padding:16px 0px} .listGridContainer .listView ul li.sessionDesp ul li.cimm_qtyWrap{ text-transform:uppercase} .listGridContainer .listView ul li.sessionDesp ul.mycart_li{ width:100%; padding:0px 160px 10px 0px} .listGridContainer .listView ul li.sessionDesp ul.mycart_li li{ width:35%; float:left} .listGridContainer .listView ul li.sessionDesp ul.mycart_li .inside_li{ text-align:right; width:49%; position:absolute; float:left; left:0; padding-top:25px} .listGridContainer .listView ul li.sessionDesp ul.mycart_li .inside_li li{ float:none; width:100%; text-align:unset; padding:0px; font-size:12px} .listGridContainer .listView ul li.sessionDesp ul.mycart_li .btn_secondary{ margin:0px} .listGridContainer .listView ul li.sessionDesp ul.mycart_li .btn_secondary,.listGridContainer .listView ul li.sessionDesp ul.mycart_li .btn-addtocart{ height:38px} .listGridContainer .listView ul li.sessionDesp ul.mycart_li .pTop-2 .dropdown-menu li{ width:100%} .listGridContainer .listView ul li.sessionDesp ul.mycart_li .pTop-2 .popMsg{ top:38px} .listGridContainer .listView ul li.sessionDesp ul.mycart_li .btn{ padding:9px 12px} .listGridContainer .listView ul li.sessionDesp .listGridItemDesc{ text-transform:uppercase; padding:8px 0} .listGridContainer .listView ul li.sessionDesp .listGridItemDesc a{ font-weight:600} .listGridContainer .listView ul li.sessionDesp .itemCountList{ margin-top:30px} .listGridContainer .listView ul li.sessionDesp .itemCountList .button,.listGridContainer .listView .calendarFilterWrap .tableHeader ul.calendarFilterHead li.sessionDesp .itemCountList li,.calendarFilterWrap .tableHeader .listGridContainer .listView ul.calendarFilterHead li.sessionDesp .itemCountList li,.listGridContainer .listView ul li.sessionDesp .itemCountList .cimm_inlineButton,.listGridContainer .listView ul li.sessionDesp .itemCountList .multiTab .multiTabContent .buttonWrap .btnPrevious,.multiTab .multiTabContent .buttonWrap .listGridContainer .listView ul li.sessionDesp .itemCountList .btnPrevious,.listGridContainer .listView ul li.sessionDesp .itemCountList .multiTab .multiTabContent .buttonWrap .btnNext,.multiTab .multiTabContent .buttonWrap .listGridContainer .listView ul li.sessionDesp .itemCountList .btnNext,.listGridContainer .listView ul li.sessionDesp .itemCountList .btnFinish{ display:inline-block; padding:8px; font-family:aktiv-grotesk,sans-serif; letter-spacing:normal; font-size:14px; width:205px; border-radius:2px} .listGridContainer .listView ul li.sessionDesp .itemCountList .button em,.listGridContainer .listView .calendarFilterWrap .tableHeader ul.calendarFilterHead li.sessionDesp .itemCountList li em,.calendarFilterWrap .tableHeader .listGridContainer .listView ul.calendarFilterHead li.sessionDesp .itemCountList li em,.listGridContainer .listView ul li.sessionDesp .itemCountList .cimm_inlineButton em,.listGridContainer .listView ul li.sessionDesp .itemCountList .multiTab .multiTabContent .buttonWrap .btnPrevious em,.multiTab .multiTabContent .buttonWrap .listGridContainer .listView ul li.sessionDesp .itemCountList .btnPrevious em,.listGridContainer .listView ul li.sessionDesp .itemCountList .multiTab .multiTabContent .buttonWrap .btnNext em,.multiTab .multiTabContent .buttonWrap .listGridContainer .listView ul li.sessionDesp .itemCountList .btnNext em,.listGridContainer .listView ul li.sessionDesp .itemCountList .btnFinish em{ margin-right:12%} .listGridContainer .listView ul li.sessionDesp .itemCountList .btn_secondary.clickStream{ width:280px} .listGridContainer .listView ul li.sessionDesp .itemCountList .btn_secondary.clickStream:active{ outline-offset:unset; outline:unset; box-shadow:unset} .listGridContainer .listView ul li.sessionDesp .itemCountGrid{ display:none} .listGridContainer .listView ul li.prodModeItemCountGrid{ width:100%} .listGridContainer .listView ul li.productModeItemsDiv{ width:100%; margin-top:10px} .listGridContainer .listView ul li.selectCompareGroupBlock{ width:100%; float:none; padding-top:6px; clear:both} .listGridContainer .listView ul li.selectCompareGroupBlock .itemDetailInfoList a{ padding-left:20px; position:relative; background:#fff; border-radius:10px} .listGridContainer .listView ul li.selectCompareGroupBlock .itemDetailInfoList a:after{ content:""; height:14px; width:14px; background:#fff; position:absolute; left:0; top:1px; border:1px solid #c1c8cd} .listGridContainer .listView ul li.selectCompareGroupBlock .itemDetailInfoList a.active:before{ width:0; height:0; border-top:7px solid #000; border-left:5px solid transparent; border-right:5px solid transparent; position:absolute; left:2px; top:5px; content:""; z-index:11} .listGridContainer .listView #childItemTable tbody tr td:not(:first-of-type){ padding-top:0px; padding-bottom:0px} .listGridContainer .listView #childItemTable tbody tr td{ padding-top:0px} .listGridContainer .listView #childItemTable tbody tr td .check_box_color{ margin-left:5px; width:99%} .listGridContainer .listView #childItemTable tbody tr td.hideForPrint .btn_secondary{ margin-top:5px} .listGridContainer .listView #childItemTable tbody tr td .addToCart{ height:38px} .listGridContainer .listView #childItemTable tbody tr td .productGroupBtn .btn_secondary{ height:38px} .listGridContainer .listView #childItemTable tbody tr .tabelPrice p:first-child{ padding-top:10px} .listGridContainer .listView #childItemTable tbody .priceSpan{ font-size:14px; padding-top:12px} .listGridContainer .listView #childItemTable tbody .focusItemTabs .cimm_productModeDetail .productTitle{ font-size:14px} .listGridContainer .listView #childItemTable tbody .focusItemTabs #multiTab #featureSection ul li{ line-height:30px} .listGridContainer .listView #childItemTable tbody .focusItemTabs #multiTab #featureSection ul li::marker{ font-size:16px; color:#01070b} .listGridContainer .listView #childItemTable tbody .focusItemTabs #multiTab .multiTabContent>div{ padding:10px 0px 0px 2px} .listGridContainer .listView #childItemTable tbody .focusItemTabs #multiTab .multiTabContent>div p:first-child{ padding-top:0px} .listGridContainer .listView #childItemTable tbody .focusItemTabs #multiTab ul.multiTabHeading li a{ font-size:14px; text-align:center} .listGridContainer .listView #childItemTable tbody .focusItemTabs table tr td{ padding-top:0px} .listGridContainer .gridView{ width:calc(100% / 3); float:left; margin:25px 0 0 0; position:relative; height:510px} .listGridContainer .gridView .productTitle{ display:inline-block; min-height:53px; max-height:53px} .listGridContainer .gridView .productTitle.mode_title{ white-space:normal; padding-top:35px; min-height:80px; max-height:80px} .listGridContainer .gridView .gridFixHeight{ padding:10px 0px 10px 0px; height:510px; border-bottom:1px solid #c1c8cd; width:100%} .listGridContainer .gridView:nth-child(3n+2){ margin:25px 0 0 0} .listGridContainer .gridView ul li{ width:100%} .listGridContainer .gridView ul li.sessionImg{ width:100%} .listGridContainer .gridView ul li.sessionImg a{ display:block} .listGridContainer .gridView ul li.sessionImg a .prodImage{ width:100%; position:relative; height:220px} .listGridContainer .gridView ul li.sessionImg a .prodImage img{ height:220px; padding:2px; max-width:100%; display:block; vertical-align:middle; position:absolute; top:0; bottom:0; left:0; right:0; margin:auto; width:auto} .listGridContainer .gridView ul li.sessionDesp{ width:100%; margin-top:10px} .listGridContainer .gridView ul li.sessionDesp ul li{ padding:0 0 5px; font-size:12px} .listGridContainer .gridView ul li.sessionDesp ul li.hideToHover{ display:none} .listGridContainer .gridView ul li.sessionDesp ul.mycart_li{ width:95%; float:left} .listGridContainer .gridView ul li.sessionDesp ul.mycart_li li{ width:37%; float:left} .listGridContainer .gridView ul li.sessionDesp ul.mycart_li .inside_li{ padding:15px 6px 0px 0px} .listGridContainer .gridView ul li.sessionDesp ul.mycart_li .inside_li li{ float:none; width:100%; text-align:right; font-size:12px} .listGridContainer .gridView ul li.sessionDesp ul.mycart_li .btn_secondary,.listGridContainer .gridView ul li.sessionDesp ul.mycart_li .btn-addtocart{ margin:0px; width:130px; height:38px; padding:9px 12px} .listGridContainer .gridView ul li.sessionDesp ul.mycart_li .btn_secondary{ margin-left:calc(100% - 40px)}.listGridContainer .gridView ul li.sessionDesp ul.mycart_li .pTop-2 .dropdown-menu li{ width:100%} .listGridContainer .gridView ul li.sessionDesp ul.mycart_li .pTop-2 .popMsg{ top:38px; left:43px} .listGridContainer .gridView ul li.sessionDesp ul.mycart_li.available_list{ width:99%} .listGridContainer .gridView ul li.sessionDesp .listGridItemDesc{ text-transform:uppercase; padding:6px 0} .listGridContainer .gridView ul li.sessionDesp .listGridItemDesc a{ font-weight:600} .listGridContainer .gridView ul li.sessionDesp .itemCountList{ position:absolute; bottom:0; text-align:center; width:100%; display:none} .listGridContainer .gridView ul li.sessionDesp .itemCountGrid{ position:absolute; bottom:13px; text-align:center; width:calc(100% - 8px)}.listGridContainer .gridView ul li.sessionDesp .itemCountGrid a{display:inline-block; padding:8px; width:100%; font-family:aktiv-grotesk,sans-serif; letter-spacing:normal; font-size:14px; border-radius:0px} .listGridContainer .gridView ul li.sessionDesp .itemCountGrid a em{ margin-right:5%} .listGridContainer .gridView ul li.sessionDesp .itemCountGrid a.clickStream:active{ outline-offset:unset; outline:unset; box-shadow:unset} .listGridContainer .gridView ul li.sessionDesp .checkToCompare{ padding-top:8px; padding-bottom:8px} .listGridContainer .gridView ul li.sessionDesp .productGroupBtn .dropdown-menu{ left:32px} .listGridContainer .gridView ul li.prodModeItemCountGrid,.listGridContainer .gridView ul li.productModeItemsDiv,.listGridContainer .gridView ul li.productModeItemsDiv{ width:100%; position:absolute; bottom:0; text-align:center; left:0} .listGridContainer .gridView ul li.prodModeItemCountGrid .itemDetailInfoList,.listGridContainer .gridView ul li.productModeItemsDiv .itemDetailInfoList,.listGridContainer .gridView ul li.productModeItemsDiv .itemDetailInfoList{ background:#01070b; width:180px; margin:0 auto; padding:10px} .listGridContainer .gridView ul li.prodModeItemCountGrid .itemDetailInfoList a,.listGridContainer .gridView ul li.productModeItemsDiv .itemDetailInfoList a,.listGridContainer .gridView ul li.productModeItemsDiv .itemDetailInfoList a{ color:#fff; font-family:"MuseoSans300"; letter-spacing:1px; text-transform:uppercase} .listGridContainer .gridView ul li.prodModeItemCountGrid .itemCountList,.listGridContainer .gridView ul li.productModeItemsDiv .itemCountList,.listGridContainer .gridView ul li.productModeItemsDiv .itemCountList{ display:none} .listGridContainer .gridView ul li.selectCompareGroupBlock{ display:none} .listGridContainer .gridView ul .cimm_qtyWrap{ text-transform:uppercase} .listGridContainer .cimm_productModeDetailWrap ul li{ float:none} .cimm_mainContentEnclosure .row .container{ width:100%} .bulkActionBtn{ max-width:200px} .assignedStaticPageWrap{ height:210px; overflow:hidden; position:relative} .assignedStaticPageWrap .overlay{ height:100%; width:100%; position:absolute; cursor:pointer; z-index:5; background:rgba(255,255,255,0); background:-moz-linear-gradient(top, rgba(255,255,255,0) 0%, rgba(255,255,255,0.59) 46%, #fff 78%); background:-webkit-gradient(left top, left bottom, color-stop(0%, rgba(255,255,255,0)), color-stop(46%, rgba(255,255,255,0.59)), color-stop(78%, #fff)); background:-webkit-linear-gradient(top, rgba(255,255,255,0) 0%, rgba(255,255,255,0.59) 46%, #fff 78%); background:-o-linear-gradient(top, rgba(255,255,255,0) 0%, rgba(255,255,255,0.59) 46%, #fff 78%); background:-ms-linear-gradient(top, rgba(255,255,255,0) 0%, rgba(255,255,255,0.59) 46%, #fff 78%); background:linear-gradient(to bottom, rgba(255,255,255,0) 0%, rgba(255,255,255,0.59) 70%, #fff 90%)} .assignedStaticPageWrap .overlay:after{ font-family:"Font Awesome 5 Free"; content:"\f103 Show More"; color:#46acee; font-size:16px; position:absolute; left:45%; bottom:20px; font-weight:900} .assignedStaticPageWrap .recal_overlay:after{ font-family:"Font Awesome 5 Free"; content:"\f102 Show Less"; color:#46acee; font-size:16px; font-weight:900} .exitWarning{ background:#777; height:30px} #childItemTable_wrapper #childItemTable_info{ padding-top:2px} #childItemTable_wrapper #childItemTable_paginate .pagination{ margin:0} #childItemTable_wrapper #childItemTable_paginate .pagination li a{ padding:1px 5px} .cimm_itemdetail{ margin:15px 0} .cimm_itemdetail .cimm_itemdetail-imgcontainer{ width:625px; float:left; margin-right:20px; padding-right:50px} .cimm_itemdetail .cimm_itemdetail-imgcontainer.verticalThumblist .cimm_itemdetail-image{ float:right} .cimm_itemdetail .cimm_itemdetail-imgcontainer.verticalThumblist .cimm_itemdetail_thumblist .slick-list{ padding:0 10px} .cimm_itemdetail .cimm_itemdetail-imgcontainer.verticalThumblist .cimm_itemdetail_thumblist .slick-prev{ top:350px; width:30px; height:15px; left:35px} .cimm_itemdetail .cimm_itemdetail-imgcontainer.verticalThumblist .cimm_itemdetail_thumblist .slick-prev:before{ content:"\f107"; font-size:25px; position:relative; top:-6px; font-family:"Font Awesome 5 Free"} .cimm_itemdetail .cimm_itemdetail-imgcontainer.verticalThumblist .cimm_itemdetail_thumblist .slick-next{ top:25px; width:30px; height:15px; left:35px} .cimm_itemdetail .cimm_itemdetail-imgcontainer.verticalThumblist .cimm_itemdetail_thumblist .slick-next:before{ font-size:25px; content:"\f106"; position:relative; top:-7px; font-family:"Font Awesome 5 Free"} .cimm_itemdetail .cimm_itemdetail-imgcontainer .cimm_itemdetail-image{ width:400px; text-align:center; position:relative; margin:0 auto; padding:0px 0px} .cimm_itemdetail .cimm_itemdetail-imgcontainer .cimm_itemdetail-image .imgForSend{ display:block; width:400px; height:350px; position:relative} .cimm_itemdetail .cimm_itemdetail-imgcontainer .cimm_itemdetail-image img{ max-height:400px; position:absolute; max-width:100%; top:0; right:0; bottom:0; left:0; padding:2px; margin:auto} .cimm_itemdetail .cimm_itemdetail-imgcontainer .cimm_itemdetail-image .imgEnlargeIcon{ display:none} .cimm_itemdetail .cimm_itemdetail-imgcontainer a.imgEnlargeIcon{ position:absolute; top:25px; right:6px; color:#eee; font-size:24px; z-index:12} .cimm_itemdetail .cimm_itemdetail-imgcontainer .cimm_itemdetail_thumblist{ float:left; width:100px; padding:30px 0px 0px 0px} .cimm_itemdetail .cimm_itemdetail-imgcontainer .cimm_itemdetail_thumblist .cimm_slideItemImg{ padding-bottom:20px; height:auto; position:relative} .cimm_itemdetail .cimm_itemdetail-imgcontainer .cimm_itemdetail_thumblist .cimm_slideItemImg.threesixtydegreeimg{ background:transparent url("../images/360_3.png") no-repeat center 93%; background-size:65%} .cimm_itemdetail .cimm_itemdetail-imgcontainer .cimm_itemdetail_thumblist .cimm_slideItemImg a{ position:relative; height:80px; display:block} .cimm_itemdetail .cimm_itemdetail-imgcontainer .cimm_itemdetail_thumblist .cimm_slideItemImg a:focus{ outline:transparent} .cimm_itemdetail .cimm_itemdetail-imgcontainer .cimm_itemdetail_thumblist .cimm_slideItemImg a img{ max-height:78px} .cimm_itemdetail .cimm_itemDescription{ width:calc(100% - 645px);float:left}.cimm_itemdetail .cimm_itemDescription .itemDetailUtility .detailreview{float:left}.cimm_itemdetail .cimm_itemDescription .itemDetailUtility .prodSharePrintBtnWrap{float:right;position:relative}.cimm_itemdetail .cimm_itemDescription .itemDetailUtility .prodSharePrintBtnWrap>a{color:#555;margin:0 3px;vertical-align:middle; font-size:16px} .cimm_itemdetail .cimm_itemDescription .itemDetailUtility .prodSharePrintBtnWrap a#sharePageTrigger:hover+ol{ display:block} .cimm_itemdetail .cimm_itemDescription .itemDetailUtility .prodSharePrintBtnWrap ol{ position:absolute; background:#fff; z-index:2; padding:4px; top:28px; right:0px; -webkit-border-radius:2px; -moz-border-radius:2px; -ms-border-radius:2px; border-radius:2px} .cimm_itemdetail .cimm_itemDescription .itemDetailUtility .prodSharePrintBtnWrap ol.sharePageWrap{ width:0; overflow:hidden; padding:0} .cimm_itemdetail .cimm_itemDescription .itemDetailUtility .prodSharePrintBtnWrap ol.sharePageWrap.sharePageWrapTog{ box-shadow:0px 0px 6px 1px #6f6f6f; padding:6px; width:auto; max-width:95px; overflow:visible; -webkit-transition:scale 0.1s ease-in-out; -moz-transition:scale 0.1s ease-in-out; -o-transition:scale 0.1s ease-in-out; transition:scale 0.1s ease-in-out} .cimm_itemdetail .cimm_itemDescription .itemDetailUtility .prodSharePrintBtnWrap ol.sharePageWrap.sharePageWrapTog .custom-twitter-share-button a{ display:inline-block; position:relative; height:20px; padding:1px 8px 1px 6px; background-color:#00a9e7; color:#fff; overflow:hidden} .cimm_itemdetail .cimm_itemDescription .itemDetailUtility .prodSharePrintBtnWrap ol.sharePageWrap.sharePageWrapTog .custom-twitter-share-button a .btn-icon{ position:absolute; width:16px; height:13px; top:50%; left:6px; margin-top:-6px; background:url(../images/twitter-share.png) 1px center no-repeat; background-size:13px} .cimm_itemdetail .cimm_itemDescription .itemDetailUtility .prodSharePrintBtnWrap ol.sharePageWrap.sharePageWrapTog .custom-twitter-share-button a .btn-text{ display:inline-block; padding:2px 3px 0 20px; position:relative; font-family:"arial"; top:-2px; font-weight:bold} .cimm_itemdetail .cimm_itemDescription .itemDetailUtility .prodSharePrintBtnWrap ol .quick_ship_qty{ padding-top:28px} .cimm_itemdetail .cimm_itemDescription .itemDetailUtility .prodSharePrintBtnWrap ol li{ line-height:20px; margin-top:5px} .cimm_itemdetail .cimm_itemDescription .itemDetailUtility .prodSharePrintBtnWrap ol li:first-child{ margin-top:0} .cimm_itemdetail .cimm_itemDescription .itemDetailUtility .prodSharePrintBtnWrap ol li div{ display:block} .cimm_itemdetail .cimm_itemDescription .detailreview_printWrap{ padding:10px 0} .cimm_itemdetail .cimm_itemDescription ul li{ padding:3px 0} .cimm_itemdetail .cimm_prodDetailTitle{ margin:0; padding:5px 0; font-family:"MuseoSans500"; text-transform:uppercase; font-size:20px; font-weight:normal; letter-spacing:1px} .cimm_itemdetail .cimm_itemShortDesc{ line-height:22px; margin-bottom:6px} .cimm_itemdetail ul li.quantityWrap strong{ font-size:20px; float:left; margin:0px 15px 15px 0} .cimm_itemdetail ul li.quantityWrap span a{ background:#e5e5e5; padding:5px 10px; float:left; height:30px; border:1px solid #01070b; cursor:pointer} .cimm_itemdetail ul li.quantityWrap span a i{ color:#01070b; font-size:16px} .cimm_itemdetail ul li.quantityWrap span input{ float:left; width:60px; text-align:center; height:30px; border-top:1px solid #01070b; border-bottom:1px solid #01070b; border-width:1px; border-style:ridge; font-weight:bold; font-size:18px} .cimm_itemdetail ul li.detailButtonWrap div a:not(.popMsg){ display:block} .cimm_itemdetail ul li.detailButtonWrap div.productGroupBtn,.cimm_itemdetail ul li.detailButtonWrap div.custparNoBtn{ font-size:14px} .cimm_itemdetail ul li.detailButtonWrap div.productGroupBtn>a,.cimm_itemdetail ul li.detailButtonWrap div.custparNoBtn>a{ color:#01070b} .cimm_itemdetail ul li.detailButtonWrap div.productGroupBtn ul,.cimm_itemdetail ul li.detailButtonWrap div.custparNoBtn ul{ width:100%; padding:5px} .cimm_itemdetail ul li.detailButtonWrap div.productGroupBtn ul li,.cimm_itemdetail ul li.detailButtonWrap div.custparNoBtn ul li{ width:100%; border-bottom:1px solid #c1c8cd; text-align:left} .cimm_itemdetail ul li.detailButtonWrap div.productGroupBtn ul li label,.cimm_itemdetail ul li.detailButtonWrap div.custparNoBtn ul li label{ width:100%} .cimm_itemdetail ul li.detailButtonWrap div.productGroupBtn ul li:last-child,.cimm_itemdetail ul li.detailButtonWrap div.custparNoBtn ul li:last-child{ border:none} .cimm_itemdetail ul li.detailButtonWrap div.productGroupBtn ul li.alignCenter,.cimm_itemdetail ul li.detailButtonWrap div.custparNoBtn ul li.alignCenter{ text-align:center} .cimm_itemdetail ul li.detailButtonWrap div.productGroupBtn ul li input,.cimm_itemdetail ul li.detailButtonWrap div.custparNoBtn ul li input{ height:35px; padding:10px 6px; width:100%} .cimm_itemdetail ul li.detailButtonWrap div.productGroupBtn ul li a,.cimm_itemdetail ul li.detailButtonWrap div.custparNoBtn ul li a{ color:#01070b; text-transform:capitalize; display:block; padding:5px; white-space:normal; word-break:break-all} .cimm_itemdetail ul li.detailButtonWrap div.productGroupBtn ul li a:hover,.cimm_itemdetail ul li.detailButtonWrap div.custparNoBtn ul li a:hover{ background:#01070b; color:#fff} .cimm_itemdetail ul li.detailButtonWrap div.custparNoBtn ul{ width:100%} .cimm_itemdetail ul li.detailButtonWrap div.addToCartFloat{ float:none} .detailPage{ width:75%; margin:20px auto} .detailPage .multiTabHeading li a{ text-transform:uppercase} .documentStack li{ float:left; width:15%; text-align:center} .documentStack li a{ display:block} .documentStack li a strong{ display:block} .review_block{ margin:20px 0; background-color:#e5e5e5; border:1px solid #c1c8cd; padding:15px; border-radius:3px} .review_block h3{ margin-bottom:20px} .review_block>ul>li{ border-bottom:1px solid #c1c8cd; padding:10px 0px} .review_block>ul>li:nth-last-child(2){ border-bottom:0px} .review_block p{ word-break:break-word} .filterSelOptions .bootstrap-select:not([class*="col-"]):not([class*="form-control"]):not(.input-group-btn){ width:200px} .filterSelOptions{ margin-bottom:10px} .ratingModalWrap .modal-header{ padding:10px 15px 0} .ratingModalWrap .modal-header h3{ margin:0} .ratingModalWrap .modal-body ul li div{ width:100% !important} #featureSection ul{ padding-left:16px} #featureSection ul li{ list-style-type:disc; float:none} #documentsSection ul li{ max-width:100px; margin-right:10px} #documentsSection ul li a{ display:inline-block} #documentsSection ul li a label{ display:block; text-align:center; margin:10px 0 0 0; font-weight:600} .cimm_pdfLink{ display:none} .cloneImg{ float:left; margin:10px 0} .cloneTitle{ float:left; width:calc(100% - 300px)}.cloneTitle .cimm_prodDetailTitle{margin:0;padding:5px 0;font-family:"MuseoSans300"; text-transform:uppercase; font-size:20px} .cloneAddtocartWrap{ float:right; text-align:right} .cloneAddtocartWrap ul li{ padding:3px 0} .zoomContainer{ z-index:10} .tabelImage a{ position:relative; display:inline-block} .cimm_itemdetail-image .spin-figure{ width:360px} .sirv-spin-button.fullscreen{ background-image:url(https://scripts.sirv.com/spin/graphics/buttons06.png)} .sirv-spin-button.fullscreen-exit{ background-image:url(https://scripts.sirv.com/spin/graphics/buttons06.png)} #customcursor .spin-figure.desktop.zoom-in{ cursor:url(https://sirv.sirv.com/docs/zoom5.png?h=32),zoom-in} #customcursor .sirv-spin-container.desktop .magnifier.inner,#customcursor .sirv-spin-fullscreen.desktop .magnifier.inner{ cursor:url(https://sirv.sirv.com/docs/drag5.png?h=32),zoom-out} #multiTabOne .multiTabContent{ letter-spacing:0.9px} #multiTabOne .multiTabContent h3{ background:#fff; color:#01070b; border:2px solid #01070b; letter-spacing:1px} #multiTabOne .multiTabContent h3.active:after{ content:"\e901"; font-family:"icomoon"; color:#01070b} #multiTabOne .multiTabContent h3:after{ content:"\e902"; font-family:"icomoon"; color:#01070b} #multiTabOne .multiTabContent>div{ border:none} #multiTabOne .multiTabContent #featureSection{ margin-top:10px} #multiTabOne .multiTabContent #featureSection ul li{ line-height:2} #multiTabOne .multiTabContent #featureSection ul li::marker{ font-size:16px} .cpn_ul .cpn_li{ float:left} .cpn_ul .cpn_li .custparNoBtn{ color:#7296b0} .cpn_ul .cpn_li .custparNoBtn a{ color:#7296b0} .cpn_ul .cpn_li .custparNoBtn em{ padding-right:5px; font-size:10px} .cpn_ul .cpn_li .custparNoBtn a:nth-child(2){ color:#7296b0; padding-left:5px} .cpn_ul #customerPartNumSubmit{ width:300px; left:0; right:auto} .cpn_ul #customerPartNumSubmit ul{ width:100%; padding:0px 5px} .cpn_ul #customerPartNumSubmit ul li{ border-bottom:1px solid #a1a1a1; width:100%} .cpn_ul #customerPartNumSubmit ul li #newCustomerPartNumber{ width:100%; height:35px} .cpn_ul #customerPartNumSubmit ul li.clearAfter{ border-top:1px solid #a1a1a1; text-align:left} .cpn_ul #customerPartNumSubmit ul li label.customCheckBoxRight{ text-align:left; width:100%} #Detail_cart_btn .btn-addtocart,#Detail_cart_btn .btn_secondary{ width:100%; height:40px; margin:0; padding:9px 12px} #Detail_cart_btn .popMsg{ top:40px; width:100%; left:0} #childItemTable thead tr th{ border-top:1px solid #c1c8cd; border-bottom:2px solid #01070b; text-transform:uppercase} #childItemTable thead tr th:nth-child(2){ padding-left:0} #childItemTable tbody tr{ background:none} #childItemTable tbody tr td{ padding-top:0px; border:none} #childItemTable tbody tr td p{ line-height:2} #childItemTable tbody tr td.details-control .fa-plus-circle::before{ content:"\e902"; font-family:"icomoon"; color:#01070b} #childItemTable tbody tr td.details-control .fa-minus-circle::before{ content:"\e901"; font-family:"icomoon"; color:#01070b} #childItemTable tbody tr.custom_Toplabel td{ vertical-align:middle; padding-left:0 !important; padding-right:0 !important; position:relative} #childItemTable tbody tr.custom_Toplabel td::before{ background-color:#f5f7fa; height:20px; content:'before'; display:block; top:0; color:#f5f7fa; position:absolute; width:100%} #childItemTable tbody tr.custom_Toplabel td .customCheckBox{ position:absolute; left:35px; margin-top:-12px} #childItemTable tbody tr.custom_Toplabel td.tableAvail p:first-child,#childItemTable tbody tr.custom_Toplabel td.tabelPrice p:first-child,#childItemTable tbody tr.custom_Toplabel td.removeForSend p:first-child{ padding-top:10px} #childItemTable tbody tr.custom_Toplabel td.details-control p:first-child{ padding-top:50%} #childItemTable tbody tr.custom_Toplabel td .quantity{ margin-top:10px} #childItemTable tbody tr.custom_Toplabel td a img{ margin-top:-20px} #childItemTable tbody tr.custom_Toplabel td a[id^="enableCart_"]{ margin-top:30px !important} #childItemTable tbody #multiTab #featureSection ul li{ line-height:20px} #childItemTable tbody #multiTab #featureSection ul li::marker{ font-size:15px; color:#01070b} #childItemTable tbody #multiTab .multiTabHeading li{ width:150px; height:36px; text-align:center; padding-right:2px} #childItemTable tbody #multiTab .multiTabHeading li a{ border:2px solid #01070b; border-bottom:none} #childItemTable tbody #multiTab .multiTabHeading li a.active{ background:#01070b; color:#fff} #childItemTable tbody #multiTab .multiTabContent>div{ border:none; border-top:2px solid #01070b} #childItemTable tbody #multiTab .multiTabContent .detail_specific_tab,#childItemTable tbody #multiTab .multiTabContent .detail_specific_attr_tab{ width:calc(100%/3); float:left} #childItemTable tbody #multiTab .multiTabContent .detail_specific_tab li,#childItemTable tbody #multiTab .multiTabContent .detail_specific_attr_tab li{ line-height:30px; float:none} #childItemTable tbody #multiTab .multiTabContent .detail_specific_tab li span,#childItemTable tbody #multiTab .multiTabContent .detail_specific_attr_tab li span{ width:50%; position:relative; display:inline-block; vertical-align:top} #childItemTable tbody #multiTab .multiTabContent .detail_specific_tab li span:nth-child(2),#childItemTable tbody #multiTab .multiTabContent .detail_specific_attr_tab li span:nth-child(2){ width:50%; padding:0px 10px} #childItemTable tbody .priceSpan{ font-size:14px} #childItemTable tbody .focusItemTabs .cimm_productModeDetail .productTitle{ font-size:14px; padding-bottom:6px} #childItemTable tbody .focusItemTabs #multiTab ul.multiTabHeading li a{ font-size:14px} #childItemTable .mode_title{ text-transform:uppercase; font-family:"MuseoSans500"; width:auto; display:inline-block; white-space:nowrap; top:3px} .social_media_block a{ padding-left:20px; font-size:16px} .social_media_block a:first-child{ padding-left:0} .Shipping_Restrictions img{ height:20px; width:auto} .new_modal{ text-transform:uppercase} .new_modal .modal-dialog{ width:515px} .new_modal .modal-dialog .modal-content{ padding:20px; border-radius:0px} .new_modal .modal-dialog .modal-content button.close,.new_modal .modal-dialog .modal-content .close.button,.new_modal .modal-dialog .modal-content .calendarFilterWrap .tableHeader ul.calendarFilterHead li.close,.calendarFilterWrap .tableHeader ul.calendarFilterHead .new_modal .modal-dialog .modal-content li.close,.new_modal .modal-dialog .modal-content .close.cimm_inlineButton,.new_modal .modal-dialog .modal-content .multiTab .multiTabContent .buttonWrap .close.btnPrevious,.multiTab .multiTabContent .buttonWrap .new_modal .modal-dialog .modal-content .close.btnPrevious,.new_modal .modal-dialog .modal-content .multiTab .multiTabContent .buttonWrap .close.btnNext,.multiTab .multiTabContent .buttonWrap .new_modal .modal-dialog .modal-content .close.btnNext,.new_modal .modal-dialog .modal-content .close.btnFinish{ color:#01070b; opacity:1; position:absolute; right:5px; top:5px} .new_modal .modal-dialog .modal-content .modal-header{ border-bottom:1px solid #c1c8cd; text-transform:uppercase} .new_modal .modal-dialog .modal-content .modal-body .table tr{ border:none} .new_modal .modal-dialog .modal-content .modal-body .table tr th,.new_modal .modal-dialog .modal-content .modal-body .table tr td{ border:none} .new_modal .modal-dialog .modal-content .modal-body .table tr th:first-child,.new_modal .modal-dialog .modal-content .modal-body .table tr td:first-child{ padding-left:0} .check_box_color{ position:absolute; background:#f5f7fa; padding:10px 0px; width:97.5%; left:0; margin-left:14px} .quick_ship_label{ font-weight:bold} .quick_ship_label img{ width:35px; height:auto} .product_mode .selectOptions .dropdown-menu{ font-size:12px; border-right:1px solid #ccc; border-left:1px solid #ccc; border-bottom:1px solid #ccc} #prodUOM{ text-decoration:none; text-transform:lowercase; font-family:aktiv-grotesk,sans-serif; font-size:14px} .branchAvailable{ margin-top:15px !important} #yourPrices{ margin:20px 0} .RVIDetailPage{ padding:0} #multiTabOne .detailMultiTabContent>h3{ border-bottom:none} #multiTabOne .detailMultiTabContent>h3.active,#multiTabOne .detailMultiTabContent>h3:last-of-type{ border:2px solid #01070b !important} #branchavail .modal-header{ padding-left:0} #branchavail .modal-body{ padding-left:0} #branchavail .modal-body thead tr td:first-child,#branchavail .modal-body thead tr th:first-child,#branchavail .modal-body tbody tr td:first-child,#branchavail .modal-body tbody tr th:first-child{ padding-left:0} .stickyHeaderListBtn{ margin:0 !important} .custom_qty .quantity{ width:55px; height:25px} .detailPageRecent .RVI_Head{ height:50px; text-transform:uppercase; font-family:"MuseoSans500"; background:#f5f7fa} .detailPageRecent .RVI_Head .cimm_productHead{ margin:0} .detailPageRecent .RVI_Head .cimm_productHead label{ padding-top:12px} .productdetail_list #specificationSection .detail_specific_tab li span,.productdetail_list #specificationSection .detail_specific_attr_tab li span{ width:40% !important} .productdetail_list #specificationSection .detail_specific_tab li span:nth-child(2),.productdetail_list #specificationSection .detail_specific_attr_tab li span:nth-child(2){ width:60% !important} .detail_specific_tab,.detail_specific_attr_tab{ width:calc(100%/3); float:left} .detail_specific_tab li,.detail_specific_attr_tab li{ line-height:30px} .detail_specific_tab li span,.detail_specific_attr_tab li span{ width:42%; position:relative; display:inline-block; vertical-align:top} .detail_specific_tab li span:nth-child(2),.detail_specific_attr_tab li span:nth-child(2){ width:58%; padding:0px 10px} #productModeItemContent #childItemTable .addToCart{ height:38px} #productModeItemContent #childItemTable .productGroupBtn .btn_secondary{ height:38px} #productModeItemContent #childItemTable .priceSpan{ font-size:14px} .quick_ship_qty{ padding-top:28px !important} #attrFilterBlock #attrFilterContent .select_attributeBody .product_mode .dropdown .dropdown-menu{ border-top:none; padding-top:0} .compare_head .fa-times{ vertical-align:unset} .hidden{ display:none} .eventCalendar-wrap{ position:relative; overflow:hidden} .eventCalendar-wrap .arrow{ position:absolute; z-index:5; top:3px} .eventCalendar-wrap .prev{ left:0} .eventCalendar-wrap .prev:after{ content:"\f0d9"; font-family:"Font Awesome 5 Free"; position:absolute; top:5px; left:18px; color:#fff; font-size:24px; font-weight:900} .eventCalendar-wrap .next{ right:0} .eventCalendar-wrap .next:after{ content:"\f0da"; font-family:"Font Awesome 5 Free"; position:absolute; top:5px; left:18px; color:#fff; font-size:24px; font-weight:900} .eventsCalendar-currentTitle .monthTitle{ display:block; text-align:center} .eventsCalendar-monthWrap{ position:absolute; top:0; left:0; z-index:2; width:100% !important} .eventsCalendar-monthWrap.currentMonth{ z-index:1; overflow:hidden} .eventsCalendar-daysList{ display:table; width:100%} .eventsCalendar-daysList.showAsWeek{ display:block} .eventsCalendar-daysList li{ display:table-cell} .eventsCalendar-daysList li a{ padding:0; display:block; text-align:center; min-width:7px} .eventsCalendar-daysList.showAsWeek li{ display:block; float:left; width:14.28%; height:20px} .eventsCalendar-loading{ display:block; min-width:100px; height:40px; line-height:40px} .eventsCalendar-list{ position:relative; z-index:1} .eventsCalendar-list.oldEventList{ z-index:2} .eventsCalendar-subtitle{ padding-left:5px; font-weight:bold; font-size:120%} .eventsCalendar-daysList.showAsWeek li.eventCalendar-current{ background:#01070b} .eventsCalendar-daysList.showAsWeek li.eventCalendar-current a{ color:#FFF} .calendarFilterWrap{ width:75%; float:left; margin-left:1%} .calendarFilterWrap .tableHeader{ background:#e5e5e5} .calendarFilterWrap .tableHeader h2{ margin:0; color:#01070b; font-size:14px; padding:0 15px; line-height:45px} .calendarFilterWrap .tableHeader ul.calendarFilterHead li{ float:left; background:#a1a1a1; border-left:2px solid #e5e5e5; width:100px} .calendarFilterWrap .tableHeader ul.calendarFilterHead li:hover,.calendarFilterWrap .tableHeader ul.calendarFilterHead li.active{ background:#01070b; color:#fff} .calendarFilterWrap .tableHeader ul.calendarFilterHead li label{ margin:0; display:block; cursor:pointer} .calendarFilter h4{ margin:3px 0; color:#01070b} .calendarFilter h4 a{ color:#01070b} .calendarFilter ul li{ margin:8px 0; border-top:1px solid #BDBDBD; padding:4px 0 0 20px} .calendarFilter .calendarFilterHead{ color:#01070b} .calendarFilter .calendarFilterHead h2{ margin:10px 0 6px 0; font-size:16px; display:inline-block; position:relative; margin-right:15px} .calendarFilter h2>i.left{ position:absolute; left:0; top:3px} .calendarFilter h2>i.right{ position:absolute; right:0; top:3px} .calendarFilter h5{ color:#01070b; font-size:15px; border-top:1px solid #BDBDBD; padding-top:5px} .calendarFilter span.pull-right{ color:#01070b; font-size:14px; margin-top:4px} .eventsCalendar-list-wrap h2{ margin:0; border-bottom:1px solid #DFDFDF; color:#01070b; text-transform:uppercase} .eventsCalendarHead{ width:100%; text-align:center; font-size:16px; text-transform:uppercase; color:#01070b} .cimm_subTitleev{ font-size:14px; height:30px} .cimm_subTitleev h2{ float:left; font-size:18px; margin:0} .cimm_shownev{ font-size:14px} .cimm_shownev a{ text-decoration:underline} .cimm_shownev a i{ padding:0 5px 0 0} .eventsSidebar{ background:#E9E9E9; color:#000; padding:10px} .eventRightContent h3{ margin:0 0 10px 0; color:#01070b} ul.eventInfoBlock li{ padding:3px 0} .event_desc ul{ padding:0 0 0 22px} .event_desc ul li{ list-style-type:disc} .event_desc ol{ padding:0 0 0 22px} .event_desc ol li{ list-style-type:decimal} .event_desc img{ max-width:100%} form#eventForm h2{ color:#01070b} .eventRightContent p a.mailtoLink{ color:#01070b; font-size:12px} .eventRightContent p a{ color:#01070b} #events_Table_wrapper #events_Table_filter{ display:none} #events_Table_wrapper .dataTables_length{ display:none} #events_Table_wrapper #events_Table td:nth-child(2){ width:41%} #events_Table_wrapper #events_Table td.calendarDetail{ text-align:right} #location,#events_Table_wrapper .dataTables_info,#events_Table_wrapper .dataTables_paginate{ display:none} .group td a:not(.cimm_inlineButton){ color:#01070b} #events_Table_wrapper #events_Table td.calendarDetail a{ color:#01070b; display:block} #events_Table_wrapper #events_Table td p{ margin:5px 0 0 0} #events_Table_wrapper #events_Table td.sorting_1 p.allEvent{ font-size:16px} #events_Table_wrapper #events_Table td span.location a,#events_Table_wrapper #events_Table td span.location{ color:#01070b; font-size:14px; margin:5px 0 8px 0; display:block} #events_Table_wrapper #events_Table .group td{ color:#01070b; font-size:15px; border-top:1px solid #BDBDBD; border-bottom:1px solid #BDBDBD; padding:8px 0; display:table-cell; font-weight:600} #events_Table_wrapper #events_Table td{ border:0; padding:10px 15px; border-bottom:1px solid #ccc} #events_Table_wrapper #events_Table th{ background:#2e3b44; color:#fcda5d; border-right:1px solid #fff; font-size:14px; display:none} .eventCalendar-wrap{ z-index:0; width:100%; float:left; font-size:14px; margin:0} .eventCalendar-wrap .arrow{ text-decoration:none; color:#fff; line-height:28px; width:45px; height:45px; top:0; padding:11px; background:#01070b} .eventCalendar-wrap .arrow:hover{ opacity:0.7} .eventCalendar-wrap .arrow span{ height:0; width:0; font-size:0; line-height:0; float:left; text-indent:-5000px} .eventCalendar-wrap .arrow.prev span{ border-left-width:0; border-right:6px solid #fff} .eventsCalendar-slider{ height:235px !important; width:24%; float:left; position:relative; overflow:hidden; margin-bottom:20px} .eventsCalendar-currentTitle{ line-height:45px; background:#01070b; margin:0 0px 2px 0px} .eventsCalendar-currentTitle .monthTitle{ font-size:16px; text-decoration:none; color:#fff; font-family:"MuseoSans300"; text-transform:uppercase; letter-spacing:1px} .eventsCalendar-daysList{ zoom:1; padding:0; width:100%} #events_Table_wrapper #events_Table td p a:hover,.eventsDetail_Calendar-list li div p a:hover{ color:#01070b} .eventsCalendar-daysList:before,.eventsCalendar-daysList:after{ content:""; display:table} .eventsCalendar-daysList:after{ clear:both} .eventsCalendar-day-header{ text-align:center; background:#fff; color:#01070b; padding:4px 0px; margin-bottom:3px !important} .eventsCalendar-daysList.showAsWeek li{ font-weight:bold; height:auto; margin:0} .eventsCalendar-daysList.showAsWeek li.empty{ min-height:20px} .eventsCalendar-day a{ text-decoration:none; color:#000} .showAsWeek .eventsCalendar-day{ border-left-width:0} .showAsWeek .eventsCalendar-day a{ line-height:22px; color:#000; font-weight:normal} .eventsCalendar-day a:hover{ background:#A9A9A9} .eventsCalendar-daysList li.dayWithEvents a{ color:#01070b; font-weight:bold} li.eventsCalendar-day.dayWithEvents a:hover{ background:#e5e5e5; color:#000} li.eventsCalendar-day.current a:hover{ background-color:#01070b; color:#FFF} .eventsCalendar-loading{ border-radius:4px; margin:5px auto; padding:0 10px; background-color:#AEC5D6; color:#FFF; width:200px; text-align:center; font-weight:normal; box-shadow:0 0 10px #ccc; text-shadow:0 0 3px #aaa; z-index:4} .eventsCalendar-loading.error{ background-color:red} .eventsCalendar-subtitle{ padding-top:10px; color:#2f4d9c} .goingEvents{ width:22.5%; float:right; margin-left:2.5%; position:relative; margin-bottom:15px; overflow:hidden; display:none} .eventsCalendar-list-content.scrollable{ height:100px; overflow-y:auto; margin:0 5px 5px 0} .eventsCalendar-list{ margin:0; padding:0; list-style-type:none} .eventsCalendar-list li{ padding:0px 0 5px 0; margin:0; clear:both; border-top:1px solid #BDBDBD} .eventsDetail_Calendar-list li:first-child{ border:0} .eventsCalendar-list li time{ line-height:20px; margin:10px 0px} .eventsCalendar-list li time em{ color:#01070b; font-weight:bold; padding-bottom:10px; font-style:normal} .eventsCalendar-list li time small{ font-size:10px; float:left; background-color:#807E7E; color:#fff; padding:0 5px 0 4px; margin:0 0 0 3px} .eventsCalendar-list li .eventTitle{ color:#01070b; margin:4px 0 0 0; font-size:15px} .eventsCalendar-list li .eventDesc{ clear:both; font-size:90%; line-height:1.5em} .eventsCalendar-list .eventsCalendar-noEvents{ font-size:120%; border-radius:4px; margin:5px; padding:5px; background-color:#6873b7; color:#fff; text-align:center; font-weight:normal; text-shadow:0 0 3px #aaa} .eventsCalendar-list-content{ margin-top:15px} .eventsDetail_Calendar-list{ margin:0 !important; padding:0 !important; list-style-type:none !important} .eventsDetail_Calendar-list li div{ padding:5px 0px !important} .eventsDetail_Calendar-list li div ul{ padding:0px !important; margin:0px !important; list-style:none !important; color:#000 !important} .eventsDetail_Calendar-list li time{ margin:10px 0px !important} .eventsDetail_Calendar-list li time small{ font-size:10px !important; float:left !important; background-color:#807E7E !important; color:#fff !important; padding:0 5px 0 4px !important; margin:0 0 0 3px !important} .eventsDetail_Calendar-list li .eventDetail_Title{ display:block !important; clear:both !important; color:#0061aa !important; font-weight:bold !important; text-decoration:none !important; margin:10px 0px !important} .eventsDetail_Calendar-list li .eventDetail_Title:hover{ text-decoration:underline !important} .eventsDetail_Calendar-list li .eventDetail_Desc{ clear:both !important; margin:4px 0 5px 0 !important; font-size:80% !important; line-height:1.5em !important} .eventsDetail_Calendar-list .eventsDetail_Calendar-noEvents{ font-size:120% !important; border-radius:4px !important; margin:5px !important; padding:5px !important; background-color:#ccc !important; color:#fff !important; text-align:center !important; font-weight:bold !important; box-shadow:0 0 10px #ccc !important; text-shadow:0 0 3px #aaa !important} .features li{ margin-bottom:3px} #thanksPanel li{ margin-bottom:0} #introPanel{ padding-top:20px} .poweredBy img{ float:left; margin-right:3px} .poweredBy .data{ float:left} .poweredBy .name{ font-weight:bold; color:#555; text-decoration:none; display:block; margin-top:28px} .poweredBy .twitter{ text-decoration:none; display:block; float:left} .features{ padding-left:20px; float:left} #appLogo{ margin-right:30px} pre{ clear:both; background-color:#FFFFCC; padding:5px; border:solid 1px #FED17E; overflow:auto} #license{ width:300px; float:right; font-size:10px; line-height:12px; text-align:center} .eventCalendar-wrap .moreEvents{ text-transform:uppercase} @media (max-width: 768px){ .goingEvents{ width:49%; float:right; margin-left:0} .eventsCalendar-slider{ width:100%} .calendarFilterWrap{ width:100%; float:none; margin-left:0; clear:both} } @media (max-width: 480px){ .goingEvents,.eventsCalendar-slider{ width:100%; float:none} } .upcomingEvents a{ color:#01070b} .upcomingEvents h3:hover{ text-decoration:underline} .cimm_slide,#slideLeft{ position:absolute; top:20px; left:0; height:calc(100% - 40px);transition:all 0.3s ease;-webkit-transition:all 0.3s ease; width:100%; background:#fff; opacity:1; overflow:auto; padding:0 20px; z-index:112} .cimm_slide h2,#slideLeft h2{ padding:12px 30px; text-align:center; cursor:pointer; position:relative; font-size:24px; font-weight:200; margin:0; color:#01070b} .cimm_slide h2 em,#slideLeft h2 em{ position:absolute; left:5px; color:#888} .cimm_slide li,#slideLeft li{ position:relative} .cimm_slideWrap{ width:200px; position:relative; height:150px; overflow:hidden} .moveRight.cimm_slide,.moveRight#slideLeft{ left:100%; opacity:0; visibility:hidden} .moveLeft.cimm_slide,.moveLeft#slideLeft{ left:-100%; opacity:0; visibility:hidden} .cimm_slideIconWrap{ position:absolute; height:25px; width:25px; left:20px; top:30px; pointer-events:none} .cimm_slideMobileNavIcon{ height:auto; overflow:hidden; position:relative; width:100%; z-index:113; text-align:center} .cimm_slideMobileNavIcon a{ height:25px; width:25px; position:absolute; left:15px; bottom:0} .cimm_slideMobileNavIcon span{ display:block; position:absolute; right:0px; height:2px; width:25px; background:#444; -webkit-transition:all 0.3s ease; transition:all 0.3s ease; -webkit-transform:rotate(45deg); -ms-transform:rotate(45deg); transform:rotate(45deg)} .cimm_slideMobileNavIcon span:after{ content:""; position:absolute; display:block; left:0; width:25px; height:2px; background-color:#444; top:0; -webkit-transform:rotate(90deg); -ms-transform:rotate(90deg); transform:rotate(90deg); -webkit-transition:all 0.3s ease; transition:all 0.3s ease} .cimm_slideMobileNavIcon span.active{ top:20px; right:8px; width:12px} .cimm_slideMobileNavIcon span.active:after{ left:-6px; top:-6px; width:12px} .sleekNavigationLinks{ width:300px; position:fixed; z-index:10000; bottom:0; top:0; left:-450px; transition:0.5s ease; -ms-transition:0.5s ease; -moz-transition:0.5s ease; -webkit-transition:0.5s ease; overflow-x:hidden; overflow-y:auto; height:100%; background:#fff} .sleekNavigationLinks ul{ margin:0; padding:0; background:#fff; height:calc(100% - 80px);overflow-x:auto} .sleekNavigationLinks ul li{ position:relative; margin:0; padding:0} .sleekNavigationLinks ul li a{ font-size:14px; display:block; padding:10px 40px 10px 5px} .sleekNavigationLinks ul li a:hover em{ padding:10px 8px 10px 12px; color:#000; right:0px} .sleekNavigationLinks ul li a em{ position:absolute; right:4px; padding:10px 8px 10px 8px; top:4px; cursor:pointer; transition:padding 0.25s ease,right 0.25s ease} .sleekNavigationLinks ul li em{ position:absolute; top:0; right:0; color:#01070b; padding:14px 10px 14px 14px} .sleekNavigationLinks ul li ul{ display:none} .sleekNavigationLinks ul li.myAccountList ul{ display:block} .sleekNavigationLinks ul li.menuHead{ background:#444; color:#FFF; margin:0; padding:8px 10px; text-transform:uppercase; font-size:14px; font-weight:600} #slideLeft{ position:fixed; top:0; left:-100%; width:100%; background:#fff; padding:10px; transition:cubic-bezier(0.25, 0.1, 0.25, 1); -webkit-transition:left 0.5s cubic-bezier(0.2, 0.05, 0.05, 0.8); height:100%; overflow:auto} #slideLeft h2{ text-align:left} #slideLeft.active{ left:0} #map_canvas{ width:100%; top:-100%} .locationZipcode{ width:100%; margin-bottom:20px} .labelWrap{ float:left; width:95px; margin:6px 15px 0 0; text-align:right} .inputWrap{ float:left; width:calc(100% - 110px)}.inputWrap input{width:100%;padding:5px}.locationSearch+a{color:#01070b;text-decoration:underline; display:block; text-align:right; margin:14px 0} .location-search input{ height:34px; padding:5px 10px; float:left; margin-right:3px} .location-search .cimm_inlineButton{ height:34px; display:inline-block} .locationDataWrap{ margin-bottom:20px} .locationDataWrap .store-list li:first-child{ padding:0 0 10px} .locationDataWrap .store-list li div{ cursor:pointer; color:#01070b; font-family:aktiv-grotesk,sans-serif; position:relative} .locationDataWrap .store-list li div span.iconToggle{ float:left; margin-right:10px; font-size:20px} .locationDataWrap .store-list li div span.pull-left{ width:62%; color:#01070b; font-family:aktiv-grotesk,sans-serif} .locationDataWrap .store-list li div span.productTitle{ position:relative; top:2px} .locationDataWrap .store-list li div span.pull-right{ width:26%} .locationDataWrap .store-list li .locationDetailList li{ padding:2px 2px 2px 20px} .locationDataWrap .store-list li .locationDetailList li.Phone{ margin:10px 0} .locationDataWrap .store-list li .locationDetailList li.Note{ display:none} .crdirections{ text-decoration:underline} .locDetailWrap ul li{ padding:3px 0} .locationDetails{ font-size:14px} .locationDetails .searchHeading{ font-size:16px; color:#01070b; margin:0 0 16px 0} .locationDetails .locationHeading{ font-size:20px; color:#01070b; text-transform:uppercase; margin:0 0 12px 0} body{ position:relative; height:100%; font-family:aktiv-grotesk,sans-serif; font-size:12px; color:#01070b; overflow-x:hidden; outline:none} .pagination>.active>a,.pagination>.active>a:focus,.pagination>.active>a:hover,.pagination>.active>span,.pagination>.active>span:focus,.pagination>.active>span:hover{ background-color:#01070b; border-color:#01070b} #backToTop{ color:#01070b; border:1px solid #c1c8cd; text-align:center; width:45px; height:45px; background:#fff; display:none; position:fixed; bottom:75px; right:30px; opacity:0.6; z-index:99} #backToTop a{ display:block; position:relative; width:45px; height:45px; -webkit-transition:1s; -moz-transition:1s; transition:1s} #backToTop a:after{ -webkit-animation-name:backToTop-arrow; animation-name:backToTop-arrow; -webkit-animation-duration:2s; animation-duration:2s; -webkit-animation-iteration-count:infinite; animation-iteration-count:infinite; -webkit-animation-timing-function:ease-in-out; animation-timing-function:ease-in-out; z-index:10} #backToTop a:after{ content:"\f106"; speak:none; position:absolute; z-index:11; font-weight:900; font-size:18px; font-family:"Font Awesome 5 Free"; top:0px; left:14px; color:#01070b} #backToTop:hover{ opacity:1; background:#fff} #backToTop span{ position:absolute; bottom:5px; left:10px; color:#01070b; font-weight:bold; text-transform:uppercase} .cimm_stickyPageWrap:after{ height:355px} .cimm_bodyContentWrap{ margin-bottom:30px; height:100%} .cimm_bodyContentWrap .container{ width:1200px} .modal-title{ position:relative; color:#01070b} .modal-title .backBtn{ position:absolute; top:0px; left:0px; width:20px; height:20px; font-size:14px; color:#01070b; cursor:pointer} .modal-title .close{ position:absolute; top:0px; right:0px; width:20px; height:20px; font-size:24px; color:#01070b; opacity:1} .modal-body ul li a.forgotPass{ margin-top:10px} .dummyHeight{ height:30px} .fixIt,#fixedHead{ position:fixed; background:#fff; width:100%; z-index:999; top:0; -webkit-transition:top .5s ease-in-out; -moz-transition:top .5s ease-in-out; -o-transition:top .5s ease-in-out; transition:top .5s ease-in-out} .pgnation .pagebarUTH{ text-align:right; padding:6px 0 0 0; font-family:"MuseoSans300"} .pgnation .pagebarUTH span{ color:#01070b; font-size:14px; padding:0 6px; border:1px solid #01070b; width:20px; height:20px} .pgnation .pagebarUTH a{ color:#01070b; font-size:16px; padding:0 3px} .pgnation .pagebarUTH a:hover{ color:#01070b} .priceSpan{ font-family:"MuseoSans500"; font-size:20px} .priceSpan img{ width:auto !important; display:inline-block !important} .price{ font-family:"MuseoSans300"; font-size:16px} .price img{ width:auto; display:inline-block} .cimm_BreadCrumbs .breadcrumb{ background:none; padding:0px; margin:15px 0; text-transform:uppercase} .cimm_BreadCrumbs .breadcrumb li+li:before{ content:"|"} .cimm_BreadCrumbs .breadcrumb li{ font-size:10px; letter-spacing:0.5px} .cimm_BreadCrumbs .breadcrumb li a{ color:#01070b} .cimm_BreadCrumbs .breadcrumb li.active,.cimm_BreadCrumbs .breadcrumb li:last-child{ color:#01070b; font-weight:bold} .cimm_BreadCrumbs .FeatureProduct_h1{ color:#7296b0; font-size:38px; text-transform:capitalize} .searchResults{ color:#01070b; font-family:aktiv-grotesk,sans-serif; font-size:12px; text-transform:uppercase} .searchResults p:nth-child(2){ margin-top:3px} .searchResults strong{ font-size:24px} .searchResults .spellCheckWrap{ color:#01070b} .searchResults .spellCheckWrap .spellCheckHighlight{ font-style:italic} .cimm_blockHeading{ margin:0 0 10px 0; text-transform:capitalize; font-size:16px} .cimm_blockHeading a{ color:#01070b} .quantity{ width:50px; text-align:center; height:32px; padding:5px; text-align:center} .productTitle{ margin:0; color:#01070b; font-size:14px; text-transform:uppercase; font-family:"MuseoSans300"} .cimm_compareControls{ margin-top:1px; display:block; margin-left:-2px; margin-bottom:5px} .groupList{ cursor:pointer; position:relative; font-size:14px} .groupList ul{ position:absolute; top:100%; left:0; margin:0; width:100%; padding:5px; background:#fff; border:1px solid #c1c8cd} .groupList ul li{ width:100%; border-bottom:1px solid #c1c8cd} .groupList ul li:last-child{ border:none} .groupList ul li input{ height:35px; padding:10px; width:100%} .groupList ul li a{ color:#01070b; text-transform:capitalize; display:block; padding:5px} .groupList ul li a:hover{ background:#01070b; color:#fff} .cimm_item-skus li{ padding:2px 0px} .cimm_item-skus li strong{ font-weight:500} .cimm_item-skus li span{ color:#01070b; font-weight:600} .cimm_qtyWrap span,.custom_qty{ display:block; padding:4px 0px} .cimm_qtyWrap span input.quantity,.custom_qty input.quantity{ border:2px solid #01070b} #generalModel .modal-dialog{ min-width:840px} #generalModel .modal-dialog .modal-content{ border-radius:0px} #generalModel .modal-body{ max-height:500px; overflow-y:auto} .dataTables_wrapper{ color:#01070b} .productGroupPopWrap{ color:#01070b} .productGroupPopWrap .addNewPgWrap .button,.productGroupPopWrap .addNewPgWrap .calendarFilterWrap .tableHeader ul.calendarFilterHead li,.calendarFilterWrap .tableHeader ul.calendarFilterHead .productGroupPopWrap .addNewPgWrap li,.productGroupPopWrap .addNewPgWrap .cimm_inlineButton,.productGroupPopWrap .addNewPgWrap .multiTab .multiTabContent .buttonWrap .btnPrevious,.multiTab .multiTabContent .buttonWrap .productGroupPopWrap .addNewPgWrap .btnPrevious,.productGroupPopWrap .addNewPgWrap .multiTab .multiTabContent .buttonWrap .btnNext,.multiTab .multiTabContent .buttonWrap .productGroupPopWrap .addNewPgWrap .btnNext,.productGroupPopWrap .addNewPgWrap .btnFinish{ width:130px; float:left} .productGroupPopWrap .addNewPgWrap input{ width:calc(100% - 130px);float:left;height:40px;padding:5px 10px}.productGroupPopWrap .existingPgListWrap h4{color:#01070b}.productGroupPopWrap .existingPgListWrap ul li{width:25%;display:inline-block} .productGroupPopWrap .selectedItemsWrap h4{ color:#01070b} .productGroupPopWrap .selectedItemsWrap div{ margin:10px 0} .productGroupPopWrap .selectedItemsWrap div .row{ border-bottom:1px solid #c1c8cd} .productGroupPopWrap .selectedItemsWrap div .row a.delBtn{ display:block} .productGroupPopWrap .submitProductGroup a{ display:inline-block} .productGroupPopWrap .addNewPgResponse ul li a{ color:#01070b; text-transform:capitalize; font-size:16px; font-weight:bold} .mulAddTocartWrap{ padding-bottom:64px} .mulAddTocartWrap .addToCartHeaderContent a{ color:#01070b; font-size:16px} .mulAddTocartWrap .addToCartHeaderContent a em{ margin-right:10px} .mulAddTocartWrap .muladdtoCartItemsWrap .muladdtoCartItems{ padding:10px; margin-bottom:15px; border-bottom:1px solid #c1c8cd} .mulAddTocartWrap .popCheckout{ padding:10px 0; position:fixed; bottom:1px; width:calc(100% - 34px);background:#fff}.cimm_salesBottomStrip ul{width:40%;float:right}.cimm_salesBottomStrip ul li{color:#01070b;font-size:20px; font-weight:bold; text-align:right} .popMsg{ background:#6b6a6a !important; padding:5px; border-radius:4px; position:absolute; width:150px; top:25px; font-size:14px; color:#fff !important; z-index:10; right:0; border-radius:0px} #childItemTable .productGroupBtn .popMsg{ top:55px} #childItemTable #documentsSection ul li{ float:left} #childItemTable .btn_align_addcart .btn_secondary,#childItemTable .btn_align_addcart .btn-addtocart{ padding:9px 0px} .cimm_instructions{ width:70%; margin:40px 0} .cimm_instructions ul{ list-style-type:disc; padding-left:30px} .cimm_instructions ul li{ list-style-type:disc} .cimm_instructions ul li em{ vertical-align:middle} .cimm_refreshList{ font-size:16px; margin-bottom:10px} .profileImage{ background:#F0F0F0} .profileImage img{ width:100%} .profileImage .fa-window-close{ color:#fff; background:#01070b; float:right; font-size:15px; line-height:0.8} #profileImageForm .uploadImage,#profileImageForm .uploadImage_wrap .uploadFile,.uploadImage_wrap #profileImageForm .uploadFile{ border:1px solid #c1c8cd; width:calc(100% - 148px)}#profileImageForm .btn-link.upload_img{ border:1px solid #c1c8cd; background:#fff !important; border-radius:0px; height:35px} .uploadImage_wrap .uploadImage,.uploadImage_wrap .uploadFile{ width:calc(100% - 160px);float:left;border:2px solid #01070b;height:35px;cursor:pointer;position:relative}.uploadImage_wrap .uploadImage span,.uploadImage_wrap .uploadFile span{text-align:center; display:block; padding:6px; color:#01070b; position:absolute !important; width:100%; height:25px; overflow:hidden} .uploadImage_wrap .uploadImage input,.uploadImage_wrap .uploadFile input{ opacity:0; height:35px; width:100%; cursor:pointer; border:none} .uploadImage_wrap .button,.uploadImage_wrap .calendarFilterWrap .tableHeader ul.calendarFilterHead li,.calendarFilterWrap .tableHeader ul.calendarFilterHead .uploadImage_wrap li,.uploadImage_wrap .cimm_inlineButton,.uploadImage_wrap .multiTab .multiTabContent .buttonWrap .btnPrevious,.multiTab .multiTabContent .buttonWrap .uploadImage_wrap .btnPrevious,.uploadImage_wrap .multiTab .multiTabContent .buttonWrap .btnNext,.multiTab .multiTabContent .buttonWrap .uploadImage_wrap .btnNext,.uploadImage_wrap .btnFinish{ margin-right:3px; float:left; height:35px; padding:5px 10px} .userInfoWrap{ height:160px} .userInfoWrap h4{ position:absolute; bottom:0; margin:0; font-size:14px} .userInfoWrap .last_login{ font-style:italic; color:#01070b} .userInfoWrap table td{ padding:4px 0px} .searchBoxWrap{ background:#01070b} .searchBoxWrap .gotoWrap h4.header{ float:left; color:#fff} .searchBoxWrap .gotoWrap .brandsShortCut li{ float:left; margin:12px 0 0 10px} .searchBoxWrap .gotoWrap .brandsShortCut li a{ color:#fff} .searchBoxWrap .gotoWrap .brandsShortCut li a:hover{ color:#01070b} .cimm_brandAtoZletters{ width:100%; margin:0; background:#01070b} .cimm_brandAtoZletters ul{ margin:5px 0; border-radius:6px; padding:0 10px} .cimm_brandAtoZletters ul li{ display:inline-block; padding:10px 5px} .cimm_brandAtoZletters ul li a{ color:#fff} .cimm_brandAtoZletters.cimm_brandLetter{ background:none} .cimm_brandAtoZletters.cimm_brandLetter ul{ padding:0} .cimm_brandAtoZletters.cimm_brandLetter ul li{ padding:0 6px 0 4px; border-right:1px solid #01070b; line-height:14px; font-size:14px} .cimm_brandAtoZletters.cimm_brandLetter ul li a{ padding:0 8px; color:#01070b} .cimm_brandAtoZletters.cimm_brandLetter ul li:first-child{ padding:0 6px 0 0} .cimm_brandAtoZletters.cimm_brandLetter ul li:first-child a{ padding:0 8px 0 0} .cimm_brandAtoZletters.cimm_brandLetter ul li:last-child{ border-right:none} .cimm_brandAtoZletters.fixIt{ position:fixed; top:0; max-width:1170px; z-index:2} #sharePop .modal-body{ max-height:190px; overflow:auto} .hideOverflow{ overflow:hidden; white-space:nowrap; text-overflow:ellipsis} #updateSelectedItems{ -ms-transform:translate(-239px, 0%); -webkit-transform:translate(-239px, 0%); transform:translate(-239px, 0%)} #updateSelectedItems.slideBtns-hide{ -ms-transform:translate(-239px, 100%); -webkit-transform:translate(-239px, 100%); transform:translate(-239px, 100%)} .fixed{ position:fixed; top:-50px; width:100%; background:#fff; z-index:115; padding:5px 0} .fixed ul{ max-width:1180px; margin:0 auto} .brandsListRow{ border-bottom:1px solid #c1c8cd} .brandsListRow.grid-item{ border:0} .registerRightBox{ background:#e5e5e5; padding:20px; font-weight:bold} .registerRightBox h6{ font-size:13px; color:#000} .registerRightBox ul li a{ color:#01070b} .registerRightBox ul li a:hover{ text-decoration:underline} .registerLeftBox h5{ font-size:13px; color:#000; font-weight:bold} .registerLeftBox label{ color:#000; font-weight:bold; vertical-align:top} .registerLeftBox label a{ color:#01070b} .registerLeftBox ul{ margin:20px 0} .registerLeftBox ul li{ line-height:20px; color:#000} .registerLeftBox ul li>em{ color:#eee; font-size:18px} .registerLeftBox .accountSelectionWrap{ background:#e5e5e5; padding:10px; display:inline-block; margin:0 0 20px} .registerLeftBox label.customCheckBox{ margin-bottom:20px} .orderSummaryWrap h3{ margin:0 0 6px 0; text-transform:uppercase; font-size:16px; font-family:"MuseoSans300"} .orderSummaryWrap a{ color:#01070b; text-transform:uppercase; font-size:12px} .orderSummaryWrap .table thead tr th{ border-bottom:1px solid #01070b} .orderSummaryWrap .table tbody{ text-align:center} .orderSummaryWrap .table tbody tr td p{ font-size:12px} .orderSummaryWrap .cimm_salesBottomStrip{ border-top:1px solid #c1c8cd; padding:6px 0 10px 0} .orderSummaryWrap .cimm_salesBottomStrip ul{ width:100%; float:none} .orderSummaryWrap .cimm_salesBottomStrip ul li{ font-size:18px} .orderSummaryWrap .cimm_salesBottomStrip ul li .priceLabel{ float:left; text-transform:capitalize} .orderSummaryWrap .cimm_salesBottomStrip ul li .priceValue{ float:right} .actionIcon{ background:none; border:0; font-size:22px; padding:0; margin:0 6px; color:#01070b} .actionIcon:active{ color:#01070b} .copyPaste{ width:100%; height:200px} #example1{ height:400px; overflow:auto} .quickcartclass{ line-height:26px; letter-spacing:1px} .quickcartclass h5{ margin-top:5px} .quickcartclass li{ list-style-type:decimal; margin-left:15px} .quickcartclass li ul.contextmenu{ padding-left:15px} .quickcartclass li ul li{ display:block; float:none; position:relative} .quickcartclass li ul li:after{ content:">"; height:6px; width:6px; position:absolute; left:-12px; top:0px} .quickcartclass a{ color:#01070b; font-weight:600} .cimm_regCapthaWrap{ margin-bottom:10px} .cimm_regCapthaWrap input{ float:left; padding:4px 10px; width:50%; height:30px} .cimm_regCapthaWrap input[type='button']{ float:left} .select_attributeBody>ul>li.selectOptions{ float:left; width:45.33%; margin-bottom:20px; padding:0; margin-right:2%} .select_attributeBody>ul>li.selectOptions .slideBlock{ width:100%; margin:0} .select_attributeBody>ul>li.selectOptions .slideBlock li{ width:100%; margin-right:0; float:none; padding:5px 0} .select_attributeBody>ul>li.selectOptions .slideBlock li .customCheckBox{ line-height:15px} .select_attributeBody>ul>li.selectOptions .slideBlock.open{ display:block} .select_attributeBody>ul>li div.select_attributeList{ cursor:pointer; padding:5px; font-size:16px; color:#01070b; text-decoration:underline; font-family:"MuseoSans300"} .select_attributeBody>ul>li div.toggle_attributeList{ display:inline-block; padding:6px 25px 6px 12px; margin-bottom:0; font-size:12px; font-weight:400; line-height:1.42857143; text-align:left; white-space:nowrap; vertical-align:middle; cursor:pointer; border:1px solid #c1c8cd; color:#333; background-color:#fff; width:100%; position:relative} .select_attributeBody>ul>li div.toggle_attributeList .caret{ position:absolute; top:50%; right:12px; margin-top:-2px; vertical-align:middle} .select_attributeBody>ul>li ul{ padding:5px; overflow:auto} .select_attributeBody>ul>li ul li{ width:30%; margin-right:10px; float:left; padding:4px 5px 4px} .cimm_multiAddcart{ width:150px} .site-overlay,.modalPopOverlay{ display:none; height:100%; width:100%; position:fixed; background:rgba(0,0,0,0.18); z-index:116; cursor:wait} .cartHead h5{ float:left; margin:0; padding:4px 15px 8px; background:#01070b} .cartHead h5 a{ padding:0 !important; font-size:12px !important} .cartHead h5 a.active{ text-decoration:underline} .cartBody{ padding:10px} #quickOrderPadDrop{ width:342px; border:0} #headerCopyPasteText{ width:100%; height:150px} #ManagePurchaseAgent_wrapper .dt-buttons{ float:left} #ManagePurchaseAgent_wrapper .dataTables_filter{ float:right; margin-bottom:5px} #ManagePurchaseAgent_wrapper table tbody tr td a.cimm_inlineButton{ float:left; height:30px} .fileUploadDescription a{ background:none !important; color:#01070b !important; padding:0 !important; font-size:14px !important; font-weight:bold} .grid-item{ width:20%; height:auto; float:left; margin-bottom:25px} .tog_myAccount{ cursor:pointer} .tog_myAccount span{ float:right} .site-overlay,.modalPopOverlay{ display:none; height:100%; width:100%; position:fixed; background:rgba(0,0,0,0.3); z-index:112; cursor:wait} .loadAfter{ height:100%; width:100%; position:fixed; background:#fff; z-index:112; cursor:wait} .loadAfter img{ max-width:100%; display:block; position:absolute; top:0; bottom:0; left:0; right:0; margin:auto} .loadAfter i{ display:block; position:absolute; top:0; bottom:0; left:0; right:0; margin:auto; width:48px; height:48px} .site-overlay{ display:none; height:100%; width:100%; position:fixed; background:rgba(0,0,0,0.3); z-index:112; cursor:wait} #multipleResult .bulkActionBtn{ width:160px; margin:0 auto 12px auto} .cimm_resultSelect{ background:#e5e5e5; padding:5px 10px} .cimm_resultSelect a{ color:#01070b; font-weight:600} .cimm_genericSearch{ padding:10px 5px; margin:0 0 15px 0; border:1px solid #c1c8cd} .cimm_genericSearch a{ color:#01070b; font-weight:600} .multipleResult{ font-size:12px; text-align:center; padding:8px; background:#e5e5e5} .poppupEnabled{ overflow:hidden} #googleMap,#panel,#map_canvas{ height:500px; overflow:hidden} .compareWrap{ font-size:12px} .compareWrap .cimm_multiAddcart{ float:right; margin-right:20px} .compareWrap .compare_head{ font-size:12px} .packDesc{ color:#01070b; font-size:12px} .divWrap{ margin-top:10px} .cimm_itemTitle{ margin:0; padding:5px 0; font-family:'RobotoBlack'; text-transform:uppercase; font-size:14px} div.dataTables_wrapper .cartPagination div.dataTables_paginate{ text-align:left} .cartTotalBlock{ color:#01070b; font-size:20px; font-weight:bold; text-align:right} .cartTotal_Top{ text-align:right; margin-bottom:25px} .cartTotal_Top span{ background:#c1c8cd; color:#fff !important; border-radius:2px} .eMailLogo{ background:#fff; padding:10px; border-top:2px solid #c1c8cd; border-bottom:2px solid #c1c8cd; margin-bottom:20px} #sortByForm .dropdown-menu{ left:-22px; z-index:99} .dropdown-menu.customDropDown{ padding:5px; background:#fff; border:1px solid #c1c8cd; min-width:235px; overflow-y:auto; height:150px} .dropdown-menu.customDropDown li{ width:100%; border-bottom:1px solid #c1c8cd; text-align:left; padding:3px 0} .dropdown-menu.customDropDown li input{ height:35px; padding:10px; width:100%; font-size:12px} .dropdown-menu.customDropDown li a{ color:#01070b !important; text-transform:capitalize; display:block; padding:5px} .dropdown-menu.customDropDown li a:hover{ background:#01070b; color:#fff !important} .dropdown-menu.customDropDown li.text-center{ text-align:center} .dropdown-menu{ z-index:998; box-shadow:none; border-radius:0} .searchZero p{ font-size:20px; font-weight:600} .searchZero p a:not(.cimm_inlineButton){ color:#01070b; text-decoration:underline} .clearenceTag{ background:url(../images/Clearance_Icon.png) no-repeat 0 0; height:65px; width:65px; display:block; background-size:contain; position:absolute; top:0} .clearenceTag.clearenceTagSmall{ height:45px; width:45px} .tabelImage a{ display:inline-block; position:relative} .cimm_staticPageWrap .container-fluid{ padding:0} .locationDataWrap .panel{ margin:0; box-shadow:none} .loadMore{ text-align:center; margin:15px 0 15px 0; font-size:16px} .overflowHidden{ overflow:hidden; white-space:nowrap} .pagination>li>a,.pagination>li>span{ padding:1px 2px} #OrdersHistoryTable_wrapper .dataTables_filter{ display:none} #OrdersHistoryDetails #endDate,#OrdersHistoryDetails #startDate{ background:url(../images/calIcon.png) 96%/20px no-repeat; border-radius:4px; cursor:pointer; margin-left:-5px} .propwarningmsg{ margin:5px 0} .propwarningmsg i{ color:#bdaf00; margin-right:5px} .borderLine{ border-left:1px solid #01070b; height:300px; position:absolute; left:50%; margin-left:-3px} .eventsiteresult{ display:none} #searchResultsStatic .btntab li.active a{ background-color:#01070b; color:#fff} #searchResultsStatic .btntab li a{ background-color:#fff; color:#000} .multiTab{ width:100%} .multiTab ul.btntab{ position:relative} .multiTab ul.btntab li{ float:left} .multiTab ul.btntab li a{ padding:10px 15px; display:block} .invDetPrintPage .printInvoice{ font-size:16px; padding:4px} .invDetPrintPage .printInvoice em{ margin-right:3px} .invDetPrintPage .table-bordered{ border-color:#01070b !important} .invDetPrintPage .table-bordered>thead>tr>th,.invDetPrintPage .table-bordered>tbody>tr>td{ border-color:#01070b !important} .invDetPrintPage .addrSection{ border:1px solid #01070b; padding:4px} .invDetPrintPage .addrSection .addrHeading{ font-weight:900; font-size:14px} .invDetPrintPage .invNumDet{ border:1px solid #01070b} .invDetPrintPage .invNumDet li{ padding:4px} .invDetPrintPage .invNumDet li:not(:last-child){ border-bottom:1px solid #01070b} @media all and (-ms-high-contrast: none), (-ms-high-contrast: active){ .descBody li{ margin-left:15px} .cimm_qtyWrap{ text-transform:uppercase} .cimm_qtyWrap span .quantity{ padding-top:0px; padding-bottom:2px} } .border-0{ border:0} .banner-static{ width:100%} #compage_page .compare_image_block .pushbtnGroup{ text-align:unset} #compage_page .compare_image_block .pushbtnGroup li{ padding:5px 0px; display:block} #compage_page .compare_image_block .pushbtnGroup li .cimm_inlineButton{ background:#fff; color:#01070b; padding:0 0 0px 5px; display:inline-block} #compage_page .compare_image_block .pushbtnGroup li .cimm_inlineButton span{ display:inline-block; text-align:left} #compage_page .compare_image_block .pushbtnGroup li .cimm_inlineButton span.comparePageRemove{ padding-left:20px} #compage_page .compare_image_block .pushbtnGroup li .cimm_inlineButton em{ margin-right:10px; position:absolute; top:4px} #compage_page .compare_image_block .pushbtnGroup li a{ text-align:left; position:relative} #compage_page .compare_image_block .table tbody td{ border-top:none} #compage_page .tableWrapper{ text-transform:uppercase; border-bottom:1px solid #ddd; border-top:1px solid #ddd} #compage_page .tableWrapper .table thead tr th{ border-bottom:2px solid #01070b} #compage_page .tableWrapper .table thead tr th .customCheckBox2 input[type="checkbox"]+span:after{ border:2px solid #01070b} #compage_page .tableWrapper .table tbody tr td{ border:none} #compage_page .tableWrapper .table tbody tr:nth-child(odd){ background:#f5f7fa} .border_bottm{ border-bottom:1px solid #c1c8cd} .border_top{ border-top:1px solid #c1c8cd} .btn_primary,.btn_secondary{ margin:10px 0px; width:370px; height:38px; text-transform:uppercase; font-size:14px; border-radius:0px} .btn_primary{ background:#01070b; color:#fff} .btn_secondary{ background:#fff; color:#01070b; border:2px solid #01070b} .a_enble_underline{ text-decoration:underline} .reg_tag p{ font-size:16px; letter-spacing:2px} #general_account,#join_business_account{ display:none} #form1B .form-control,#form2B .form-control{ border-radius:unset} #form1B .business_check_notification .general_check_notification,#form2B .business_check_notification .general_check_notification{ display:none} #form1B .checkbox_notification p,#form2B .checkbox_notification p{ background:#f5f7fa; padding:10px 10px} .by_brand{ font-size:12px; text-transform:uppercase; padding:5px 0px} #cartWrap{ border-bottom:2px solid #01070b} #cartWrap thead{ text-transform:uppercase} #cartWrap thead tr th{ border-color:#01070b; border-top:1px solid #c1c8cd} #cartWrap tbody .quantity{ width:60px} #cartWrap tbody tr td{ border-color:#c1c8cd} #cartWrap tbody tr td table tr th{ border-top:none} #cartWrap tbody tr td table tr td{ text-align:left} #cartWrap tbody tr td .cimm_cartProdImg .customCheckBox2{ display:block} .cart_check_out a{ width:222px; border-radius:0px; text-transform:uppercase} .cart_page_count{ font-size:24px; padding:10px 0px 40px 0px; text-transform:uppercase} .Sapphire_color{ color:#7296b0} .text_upper{ text-transform:uppercase} .Apple_color{ color:#6bbf4b} div#cimm_tabBlock{ font-size:12px} #paymentOptBlock .multiTabHeading2{ border:none} #paymentOptBlock .multiTabHeading2 li{ padding-right:10px; margin-bottom:10px} #paymentOptBlock .multiTabHeading2 li a{ border:2px solid #01070b; color:#01070b; background:#fff; text-transform:uppercase; font-weight:bold; min-width:169px; text-align:center} #paymentOptBlock .multiTabHeading2 li a.active{ color:#fff; background:#01070b} #cartWrap_wrapper #cartWrap thead th{ font-size:14px} #cartWrap_wrapper #cartWrap .formatPrice,#cartWrap_wrapper #cartWrap .cart_price{ font-size:14px} #confirmOrderPageDiv{ border:2px solid #01070b; border-bottom:none; padding:0px 5px} #confirmOrderPageDiv #cartWrap{ border-bottom:none} #confirmOrderPageDiv #cartWrap thead th{ border:none} #confirmOrderPageDiv ul li{ font-size:12px; font-weight:normal} #confirmOrderPageDiv ul li:last-child{ color:#457495; font-weight:bold} #triggerOrderButtonDiv{ border:2px solid #01070b; padding:15px 5px; border-top:none} #triggerOrderButtonDiv #wizFinishButtonId{ width:100%; border-radius:0px; font-weight:bold; padding:9px} #wizardCheckout .multiTabContent>div{ padding-left:0px} #featuredProductListAll li.featuredProductListlil{ width:25%; padding-right:20px; min-height:300px; max-height:300px; overflow-y:hidden} #featuredProductListAll li.featuredProductListlil .cimm_linkItemDespDetail{ text-align:center} #featuredProductListAll li.featuredProductListlil .cimm_linkItemDespDetail .cimm_brand{ color:#457495; font-size:14px} #featuredProductListAll li.featuredProductListlil .cimm_linkItemDespDetail .cimm_linkProdTitle{ font-weight:bold; font-size:18px; color:#01070b} #featuredProductListAll.cimm_caroWrap{ margin:0px} .cimm_salesBottomStrip #promoCodeSection #discountCoupons{ height:37px; border-radius:0px} .cimm_salesBottomStrip #promoCodeSection .btnCoupons{ width:100%; height:37px; margin-top:22px !important; background:#fff; color:#000; font-size:12px; font-weight:bold; border:2px solid #000; border-radius:0px; padding:9px} .btn-primary:active:hover{ outline:0px; border:0px; background:#01070b !important} .erro_msg_alert .modal-dialog{ width:300px} .erro_msg_alert .modal-dialog .modal-content{ border-radius:0px; padding:10px} .erro_msg_alert .modal-dialog .bootbox-body{ font-weight:bold} .erro_msg_alert .modal-dialog .modal-footer{ border-top:none} .erro_msg_alert .modal-dialog .modal-footer .btn-primary{ float:left; border-radius:0px; width:100px} .erro_msg_alert.ship_alert .modal-dialog{ width:600px} .erro_msg_alert.ship_alert .modal-dialog .modal-content{ padding:0px} .erro_msg_alert.ship_alert .modal-dialog .modal-content .modal-header{ background:#01070b} .erro_msg_alert.ship_alert .modal-dialog .modal-content .modal-header .modal-title{ color:#fff; position:unset} .erro_msg_alert.ship_alert .modal-dialog .modal-content .modal-header .bootbox-close-button{ color:#fff; opacity:1} .erro_msg_alert.ship_alert .modal-dialog .modal-content .modal-footer{ text-align:center} .erro_msg_alert.ship_alert .modal-dialog .modal-content .modal-footer .btn-primary{ float:none} .erro_msg_alert.ship_alert .modal-dialog .modal-content .bootbox-body{ text-align:center; font-weight:normal} .erro_msg_alert.compare_error .modal-dialog .modal-content{ height:246px; width:515px; margin-top:150px} #printOrderConfirm .mulEmail{ text-transform:lowercase} #changePassword .boarder_bottom{ text-transform:uppercase; padding:15px 0px} #changePassword .button,#changePassword .calendarFilterWrap .tableHeader ul.calendarFilterHead li,.calendarFilterWrap .tableHeader ul.calendarFilterHead #changePassword li,#changePassword .cimm_inlineButton,#changePassword .multiTab .multiTabContent .buttonWrap .btnPrevious,.multiTab .multiTabContent .buttonWrap #changePassword .btnPrevious,#changePassword .multiTab .multiTabContent .buttonWrap .btnNext,.multiTab .multiTabContent .buttonWrap #changePassword .btnNext,#changePassword .btnFinish{ width:170px; height:38px} .acc_dashboard_multiTab .multiTabContent>h3{ border:1px solid #c1c8cd !important; border-left:none !important; border-right:none !important; text-transform:uppercase} .acc_dashboard_multiTab .multiTabContent>h3.active{ border-top:none !important} .punchoutTabHeader .selectBlock_id.active .select_status{ background:#01070b} .punchoutTabHeader .selectBlock_id.active label{ color:#01070b} .punchoutTabHeader .selectBlock_id .select_status{ border-radius:50%} .punchoutTabHeader .selectBlock_id span{ position:absolute; font-size:10px; font-weight:bold; top:6px; left:7px; color:#fff} .punchoutTabHeader .selectBlock_id::after{ top:13px} .punchoutTabHeader .selectBlock_id.selectBlock::after{ width:93%; left:20px} .punchoutTabHeader .selectBlock_id.selectBlock::after,.punchoutTabHeader .selectBlock_id.configurBlock::after{ width:95%; left:20px} .punchoutTabHeader .selectBlock_id label{ margin-top:0px; font-weight:normal; font-size:12px; color:#01070b} #openOrderTable_wrapper .dataTables_length label,#example_wrapper .dataTables_length label,#ManagePurchaseAgent_wrapper .dataTables_length label{ font-weight:bold; text-transform:uppercase} #openOrderTable_wrapper .dataTables_length label select.form-control,#example_wrapper .dataTables_length label select.form-control,#ManagePurchaseAgent_wrapper .dataTables_length label select.form-control{ width:66%; border:none; box-shadow:none} #openOrderTable_wrapper .dataTables_length label select.form-control.input-sm,#example_wrapper .dataTables_length label select.form-control.input-sm,#ManagePurchaseAgent_wrapper .dataTables_length label select.form-control.input-sm{ padding:5px 0px} #openOrderTable_wrapper .dataTables_filter label input,#example_wrapper .dataTables_filter label input,#ManagePurchaseAgent_wrapper .dataTables_filter label input{ border:none; box-shadow:none; border-bottom:2px solid #01070b; border-radius:0px} #openOrderTable_wrapper .dataTables_filter label input::-webkit-input-placeholder,#example_wrapper .dataTables_filter label input::-webkit-input-placeholder,#ManagePurchaseAgent_wrapper .dataTables_filter label input::-webkit-input-placeholder{ font-weight:bold; color:#01070b; text-transform:uppercase; font-size:10px} #openOrderTable_wrapper .dataTables_filter label .fa-search,#example_wrapper .dataTables_filter label .fa-search,#ManagePurchaseAgent_wrapper .dataTables_filter label .fa-search{ margin-left:-15px} #openOrderTable_wrapper .dataTables_info,#example_wrapper .dataTables_info,#ManagePurchaseAgent_wrapper .dataTables_info{ font-weight:bold} #openOrderTable_wrapper .dataTables_paginate .paginate_button a,#example_wrapper .dataTables_paginate .paginate_button a,#ManagePurchaseAgent_wrapper .dataTables_paginate .paginate_button a{ border:none; color:#01070b; background-color:#fff; font-weight:bold} #openOrderTable_wrapper .dataTables_paginate .paginate_button.active a,#example_wrapper .dataTables_paginate .paginate_button.active a,#ManagePurchaseAgent_wrapper .dataTables_paginate .paginate_button.active a{ border:1px solid #01070b; color:#01070b} #openOrderTable_wrapper .dataTables_paginate .paginate_button.active a:focus,#example_wrapper .dataTables_paginate .paginate_button.active a:focus,#ManagePurchaseAgent_wrapper .dataTables_paginate .paginate_button.active a:focus{ outline:none} #reorderBtn{ width:230px; height:38px; font-size:14px} .order_dtprice_font li span{ font-size:14px} .order_dtprice_font li.totle_price{ color:#457495} #orderDetailTotalPriceWrap ul li{ line-height:22px} #detailClone .cloneAddtocartWrap ul li .productGroupBtn{ padding-top:0px} #detailClone .cloneAddtocartWrap ul li.cimm_qtyWrap{ padding:0px; text-transform:uppercase} #detailClone .cloneAddtocartWrap #clonePrice .priceSpan #prodUOM{ font-weight:normal; font-size:12px; font-style:unset} #detailClone .cloneTitle h2{ font-size:20px} .dropdown-menu .slideBlock{ border-radius:0; box-shadow:none} .shipInst b::before{ content:"\a"; white-space:pre-wrap} #reOrderForm .cimm_salesBottomStrip .price_align{ width:26%} #reOrderForm .cimm_salesBottomStrip .price_align .priceLabel{ padding-top:5px} #cartWrap .lineItemComments{ width:315px; height:30px; color:#01070b} .lineItemComments{ width:100%} #normalHead .navbar .cimm_nav .navbar-nav li .dropdown-menu,#fixedHead .navbar .cimm_nav .navbar-nav li .dropdown-menu{ border-top:none; margin-top:2px} #normalHead .navbar .cimm_nav .navbar-nav li:hover,#fixedHead .navbar .cimm_nav .navbar-nav li:hover{ border:none} #checkout_multitab{ padding-top:23px} #checkout_multitab #wizardCheckout .multiTabContent h3,#checkout_multitab #wizardGuestCheckout .multiTabContent h3{ border-bottom:none} #checkout_multitab #wizardCheckout .multiTabContent h3.active,#checkout_multitab #wizardGuestCheckout .multiTabContent h3.active{ border-bottom:2px solid #01070b} #checkout_multitab #wizardCheckout .multiTabContent h3:last-of-type,#checkout_multitab #wizardGuestCheckout .multiTabContent h3:last-of-type{ border-bottom:2px solid #01070b} #checkout_multitab #wizardCheckout .multiTabContent>div,#checkout_multitab #wizardGuestCheckout .multiTabContent>div{ padding-right:0px} #checkout_multitab #wizardGuestCheckout #wizFinishButtonId{ margin-left:10px} .RVIDetailPage .RVI_Head .cimm_productHead{ font-size:24px} .RVIDetailPage #recentlyViewedContent .slick-prev{ left:-5px} .RVIDetailPage #recentlyViewedContent .slick-next{ right:-5px} .handsontable .htCore .htAutocompleteArrow{ color:#fff !important} .handsontable .htCore .htAutocompleteArrow::after{ content:"\f078"; font-weight:900; font-family:"Font Awesome 5 Free"; color:#01070b; margin-left:-5px; margin-top:5px} .quickOrdeAddtoCart #submitBtnPad{ width:170px; height:38px; font-size:14px; text-align:center} img.lazyload:not([src]){ visibility:hidden} .cimm_multiFilterListBlock .cimm_filterAttributes .slimScrollDiv ul.customScroll::-webkit-scrollbar{ visibility:hidden} .cimm_multiFilterListBlock .cimm_filterAttributes .slimScrollDiv ul.customScroll{ overflow:auto !important; -ms-overflow-style:none; scrollbar-width:none} .select_attributeBody>ul>li ul::-webkit-scrollbar{ visibility:hidden} li#productmodeBreadcrumb{ display:none} #childItemTable tbody .focusItemTabs #multiTab ul.multiTabHeading li a:hover{ color:#01070b} .btn-primary{ background:#01070b; color:#fff !important; position:relative; border-color:#000} .btn-primary:hover{ background:#000; color:#fff; border-color:#000} .btn-primary:active{ background:#01070b} .btn-primary:active:hover{ background:#05253a; border-color:#000} .btn-primary:focus{ background:#05253a; border-color:#000} .btn-secondary{ background:#01070b; color:#fff !important; position:relative; border-color:#000} .btn-secondary:hover{ background:#000; color:#fff; border-color:#000} .btn-secondary:active{ background:#01070b} .btn-secondary:active:hover{ background:#05253a; border-color:#000} .btn-secondary:focus{ background:#05253a; border-color:#000} .btn-search{ background:#01070b; color:#fff !important; position:relative; border-color:#000} .btn-search:hover{ background:#000; color:#fff; border-color:#000} .btn-search:active{ background:#01070b} .btn-search:active:hover{ background:#05253a; border-color:#000} .btn-search:focus{ background:#05253a; border-color:#000} .btn-addtocart{ background:#01070b; color:#fff !important; position:relative; border-color:#000} .btn-addtocart:hover{ background:#000; color:#fff; border-color:#000} .btn-addtocart:active{ background:#01070b} .btn-addtocart:active:hover{ background:#05253a; border-color:#000} .btn-addtocart:focus{ background:#05253a; border-color:#000} .btn-viewallchoice{ background:#01070b; color:#fff !important; position:relative; border-color:#000} .btn-viewallchoice:hover{ background:#000; color:#fff; border-color:#000} .btn-viewallchoice:active{ background:#01070b} .btn-viewallchoice:active:hover{ background:#05253a; border-color:#000} .btn-viewallchoice:focus{ background:#05253a; border-color:#000} .btn-continueshop{ background:#01070b; color:#fff !important; position:relative; border-color:#000} .btn-continueshop:hover{ background:#000; color:#fff; border-color:#000} .btn-continueshop:active{ background:#01070b} .btn-continueshop:active:hover{ background:#05253a; border-color:#000} .btn-continueshop:focus{ background:#05253a; border-color:#000} .btn-ship{ background:rgba(0,0,0,0); color:#01070b !important; position:relative; border-color:rgba(0,0,0,0)} .btn-ship:hover{ background:rgba(0,0,0,0); color:#01070b; border-color:rgba(0,0,0,0)} .btn-ship:active{ background:rgba(0,0,0,0)} .btn-ship:active:hover{ background:rgba(26,26,26,0); border-color:rgba(0,0,0,0)} .btn-ship:focus{ background:rgba(26,26,26,0); border-color:rgba(0,0,0,0)} .btn{ border-radius:0px} .btn:focus{ outline:none} .btn:active{ color:#01070b} button,.button,.calendarFilterWrap .tableHeader ul.calendarFilterHead li,.cimm_inlineButton,.multiTab .multiTabContent .buttonWrap .btnPrevious,.multiTab .multiTabContent .buttonWrap .btnNext,.btnFinish,input[type='submit']{ -moz-appearance:none; -webkit-appearance:none; -appearance:none;font-family:aktiv-grotesk,sans-serif; text-transform:uppercase; outline:none} button:active,.button:active,.calendarFilterWrap .tableHeader ul.calendarFilterHead li:active,.cimm_inlineButton:active,.multiTab .multiTabContent .buttonWrap .btnPrevious:active,.multiTab .multiTabContent .buttonWrap .btnNext:active,.btnFinish:active,input[type='submit']:active{ outline:none; color:#fff} .form-group .bootstrap-select .btn.dropdown-toggle{ text-transform:capitalize; font-weight:normal; font-family:aktiv-grotesk,sans-serif} .button,.calendarFilterWrap .tableHeader ul.calendarFilterHead li,.cimm_inlineButton,.multiTab .multiTabContent .buttonWrap .btnPrevious,.multiTab .multiTabContent .buttonWrap .btnNext,.btnFinish{ background:#01070b; padding:12px; color:#fff; font-family:aktiv-grotesk,sans-serif; font-size:14px; border-radius:0; letter-spacing:normal; cursor:pointer; text-align:center; border:none; border-radius:2px} .compareSimDiffBtns.active{ background:#01070b} .cimm_inlineButton{ padding:7px 12px; vertical-align:middle; height:auto; display:inline-block} .cimm_inlineButton:hover{ color:#fff} .btn-addtocart{ width:130px; text-transform:uppercase; vertical-align:unset; border-radius:0px} .btn-addtocart.btns-disable{ opacity:.3} .btns-disable{ cursor:not-allowed !important; opacity:0.8} .btns-disable:hover{ text-decoration:none} .refreshBtn{ color:#01070b; font-size:24px} .cimm_btnGroupEnclosure{ margin:15px auto; padding-bottom:30px; text-transform:uppercase; font-weight:bold} .cimm_btnGroupEnclosure ul li{ display:inline-block; padding-right:55px; position:relative} .cimm_btnGroupEnclosure ul li:last-child{ padding-right:0; font-weight:bold; float:right} .cimm_btnGroupEnclosure ul li:last-child a{ font-size:20px !important} .cimm_btnGroupEnclosure ul li a:not(.btn){ color:#01070b; font-size:16px; background:none; cursor:pointer} .cimm_btnGroupEnclosure ul li a:not(.btn) em{ margin-right:10px; font-size:18px} .myProductGroupbutton{ position:relative; padding:0px 0px 0px 10px !important; text-decoration:underline !important; display:inline-block; font-size:14px; color:#01070b !important} .myProductGroupbutton:before{ content:"+"; position:absolute; left:0px} .productGroupBtn{ cursor:pointer; position:relative; font-size:14px} .productGroupBtn a{ color:#01070b} .productGroupBtn a.log-addTocart-btn{ color:#fff} .productGroupBtn a.log-addTocart-btn:hover{ text-decoration:none} .productGroupBtn a em{ margin-right:10px} .productGroupBtn a.btn_secondary{ width:130px; height:auto} .productGroupBtn a.btn:active{ box-shadow:none} .productGroupBtn ul{ position:absolute; top:100%; left:0; margin:0; width:100%; padding:5px; background:#fff; border:1px solid #c1c8cd; height:210px; overflow-y:scroll} .productGroupBtn ul li{ width:100%; border-bottom:1px solid #c1c8cd} .productGroupBtn ul li:last-child{ border:none} .productGroupBtn ul li input{ height:35px; padding:10px 6px; width:100%} .productGroupBtn ul li a{ color:#01070b; text-transform:capitalize; display:block; padding:5px; white-space:normal; word-break:break-all} .productGroupBtn ul li a:hover{ background:#01070b; color:#fff} .slideBtns-hide{ -ms-transform:translate(0px, 100%); -webkit-transform:translate(0px, 100%); transform:translate(0px, 100%); opacity:0} .slideBtns{ transition:all 0.25s ease-in-out; -webkit-transition:all 0.25s ease-in-out; -ms-transition:all 0.25s ease-in-out} .slideBtns.btns-disable{ opacity:0.8} .switch{ position:relative; display:inline-block; width:120px; height:30px} .switch input{ display:none} .slider{ position:absolute; cursor:pointer; top:0; left:0; right:0; bottom:0; background-color:#e5e5e5; -webkit-transition:.4s; transition:.4s; z-index:1; padding:5px 10px 5px 7px; color:#fff} .slider:before{ position:absolute; content:""; z-index:-1; height:30px; width:60px; left:0; bottom:0; background-color:#555; -webkit-transition:.4s; transition:.4s} input:checked+.slider:before{ background-color:#005c39} input:focus+.slider{ box-shadow:0 0 1px #005c39} input:checked+.slider.active:before{ -webkit-transform:translateX(60px); -ms-transform:translateX(60px); transform:translateX(60px)} .light-ripple,.dark-ripple{ overflow:hidden; transition:0.1s ease-in; -webkit-user-select:none; -moz-user-select:none; -ms-user-select:none; user-select:none; position:relative} .light-ripple:hover,.dark-ripple:hover{ cursor:pointer} .lRipple,.dRipple{ background-color:rgba(255,255,255,0.45); border-radius:100%; height:50px; width:50px; margin-top:-25px; margin-left:-25px; position:relative; -webkit-transform:scale(0); transform:scale(0); position:absolute} .dRipple{ background-color:rgba(88,88,88,0.28)} .animate{ -webkit-animation:ripple 0.4s linear; animation:ripple 0.4s linear} @-webkit-keyframes ripple{ 100%{ -webkit-transform:scale(12); transform:scale(12); background-color:transparent} } @keyframes ripple{ 100%{ -webkit-transform:scale(12); transform:scale(12); background-color:transparent} } #updateCartForm .cimm_btnGroupEnclosure ul li{ padding-right:10px} .cimm_page-title{ color:#000; font-size:16px; font-family:"MuseoSans500"; margin:0 0 15px 0; padding:15px 0; position:relative; text-transform:uppercase} .cimm_page-title:before,.cimm_page-title:after{ content:""; display:table} .cimm_page-title:after{ clear:both} .cimm_block-title{ color:#01070b; font-size:18px; font-family:"MuseoSans500"; margin:0px; padding:0px; position:relative; text-transform:uppercase} .cimm_block-title:before,.cimm_block-title:after{ content:""; display:table} .cimm_block-title:after{ clear:both} .cimm_slider-title{ color:#01070b; font-size:18px; font-family:aktiv-grotesk,sans-serif; margin:15px 0px; padding:0px; position:relative; text-transform:uppercase} .cimm_slider-title:before,.cimm_slider-title:after{ content:""; display:table} .cimm_slider-title:after{ clear:both} .cimm_CaroBlockTitle{ color:#01070b; font-size:18px; font-family:aktiv-grotesk,sans-serif; margin:10 0 15px 0; padding:0px; position:relative; text-transform:uppercase} .cimm_CaroBlockTitle:before,.cimm_CaroBlockTitle:after{ content:""; display:table} .cimm_CaroBlockTitle:after{ clear:both} input{ font-family:aktiv-grotesk,sans-serif; border:1px solid #c1c8cd} textarea{ resize:vertical} .cimm_advancedSearchFilter{ margin-bottom:10px; border:1px solid #ccc; padding:5px; background:#333} .cimm_advancedSearchFilter input{ width:100%; padding:5px 10px; margin-bottom:10px} .cimm_advancedSearchFilter div{ margin-bottom:10px} .cimm_advancedSearchFilter a{ display:block} #reqDate,#partialreqDate{ background:url("../images/calIcon.png") no-repeat; background-position:96% 50%; background-size:20px} .inline-radiobtn label.customRadioBtn{ display:inline-block !important; margin:0px 5px; position:static; pointer-events:all} .customRadioBtn{ position:relative; cursor:pointer; margin:5px 0} .customRadioBtn span{ padding:0 0 0 30px} .customRadioBtn input[type="radio"]{ display:none} .customRadioBtn input[type="radio"]+span:before,.customRadioBtn input[type="radio"]+span:after{ content:""; position:absolute; height:12px; width:12px; top:0px; left:0px; border-radius:50%; -webkit-border-radius:50%; -moz-border-radius:50%; -ms-border-radius:50%; box-sizing:content-box; -webkit-box-sizing:content-box; -moz-box-sizing:content-box} .customRadioBtn input[type="radio"]+span:before{ border:2px solid transparent} .customRadioBtn input[type="radio"]+span:after{ display:block; border:2px solid #c1c8cd} .customRadioBtn input[type="radio"]:checked+span:after,.customRadioBtn input[type="radio"]:checked+span:before{ border:2px solid #01070b; -webkit-transition:all 0.3s ease-out; -moz-transition:all 0.3s ease-out; -ms-transition:all 0.3s ease-out; transition:all 0.3s ease-out} .customRadioBtn input[type="radio"]:checked+span:before{ background:#01070b; -webkit-transform:scale(0.5); -moz-transform:scale(0.5); -ms-transform:scale(0.5); transform:scale(0.5)} .customRadioBtn input[type="radio"]:disabled+span:after{ border:2px solid #eee; cursor:not-allowed} .customRadioBtn input[type="radio"]:disabled:checked+span:before{ background:#eee; border:2px solid #eee} .customCheckBox{ position:relative; display:inline-block; padding-left:20px; cursor:pointer; line-height:11px; margin:0} .customCheckBox input[type="checkbox"]{ display:none} .customCheckBox2,ul.cimm_formContent li label.customCheckBox2{ position:relative; display:inline-block; padding-left:0; cursor:pointer; line-height:12px; left:0; pointer-events:auto; z-index:2} .customCheckBox2 span,ul.cimm_formContent li label.customCheckBox2 span{ vertical-align:top} .customCheckBox input[type="checkbox"]+span:before,.customCheckBox2 input[type="checkbox"]+span:before{ content:""; background:#fff; position:absolute; height:0px; width:3px; top:5px; left:4px; -ms-transform:rotate(45deg); -webkit-transform:rotate(45deg); transform:rotate(45deg); z-index:1; -webkit-box-sizing:content-box; -moz-box-sizing:content-box; box-sizing:content-box; -webkit-transition:all 0.2s ease-in-out; -moz-transition:all 0.2s ease-in-out; -ms-transition:all 0.2s ease-in-out; transition:all 0.2s ease-in-out} .customCheckBox input[type="checkbox"]+span:after,.customCheckBox2 input[type="checkbox"]+span:after{ content:""; position:absolute; width:10px; display:block; height:10px; border:1px solid #c1c8cd; top:0; left:0; background:#FFF; -webkit-box-sizing:content-box; -moz-box-sizing:content-box; box-sizing:content-box; -webkit-transition:all 0.2s ease-in-out; -moz-transition:all 0.2s ease-in-out; -ms-transition:all 0.2s ease-in-out; transition:all 0.2s ease-in-out} .customCheckBox input[type="checkbox"]:checked+span:after,.customCheckBox2 input[type="checkbox"]:checked+span:after{ border:1px solid #01070b; background:#01070b; -webkit-transition:all 0.2s ease-in-out; -moz-transition:all 0.2s ease-in-out; -ms-transition:all 0.2s ease-in-out; transition:all 0.2s ease-in-out} .cimm_popupLogin .customCheckBox:focus,.cimm_popupLogin a:focus{ outline:2px solid #BCE6FB} .customCheckBox input[type="checkbox"]:checked+span:before,.customCheckBox2 input[type="checkbox"]:checked+span:before{ background:#01070b; -ms-transform:rotate(45deg); -webkit-transform:rotate(45deg); transform:rotate(45deg); height:8px; top:1px; border-bottom:2px solid #fff; border-right:2px solid #FFF; -webkit-transition:all 0.2s ease-in-out; -moz-transition:all 0.2s ease-in-out; -ms-transition:all 0.2s ease-in-out; transition:all 0.2s ease-in-out} .customCheckBox input[type="checkbox"]:disabled+span:after,.customCheckBox2 input[type="checkbox"]:disabled+span:after{ border:1px solid #D2D2D2; cursor:not-allowed} .customCheckBox input[type="checkbox"]:disabled+span:before,.customCheckBox2 input[type="checkbox"]:disabled+span:before{ background:#fff; top:1px; left:1px; -ms-transform:rotate(45deg); -webkit-transform:rotate(45deg); transform:rotate(0deg); height:14px; width:14px; cursor:not-allowed} ul.cimm_formContent>li>span>input[type="checkbox"],.customCheckBox2 input[type='checkbox']{ opacity:0; margin:0 4px 0px 2px; cursor:pointer; position:relative; z-index:2} .customCheckBox input[type='checkbox']:disabled,.customCheckBox2 input[type='checkbox']:disabled{ cursor:not-allowed} ul.cimm_formContent li label.customCheckBox2 span{ line-height:18px} .customCheckBox.customRightChkBox{ padding:0 22px 0 0} .customCheckBox.customRightChkBox input[type="checkbox"]+span:before{ left:100%; margin:0 0 0 -10px} .customCheckBox.customRightChkBox input[type="checkbox"]+span:after,.customCheckBox2.customRightChkBox input[type="checkbox"]+span:after{ left:100%; margin:0 0 0 -16px} .customCheckBox.customRightChkBox input[type="checkbox"]:checked+span:before,.customCheckBox2.customRightChkBox input[type="checkbox"]:checked+span:before{ left:100%; margin:0 0 0 -10px} .pgCheckboxWrap{ width:110px; margin:0 auto} .customCheckBoxRight{ position:relative; display:inline-block; padding-right:22px; cursor:pointer; line-height:16px; color:#28343C} .customCheckBoxRight input[type="checkbox"]{ display:none} .customCheckBoxRight input[type="checkbox"]+span:before{ content:""; background:#fff; position:absolute; height:0px; width:3px; top:5px; right:6px; -ms-transform:rotate(45deg); -webkit-transform:rotate(45deg); transform:rotate(45deg); z-index:1; -webkit-box-sizing:content-box; -moz-box-sizing:content-box; box-sizing:content-box; -webkit-transition:all 0.2s ease-in-out; -moz-transition:all 0.2s ease-in-out; -ms-transition:all 0.2s ease-in-out; transition:all 0.2s ease-in-out} .customCheckBoxRight input[type="checkbox"]+span:after{ content:""; position:absolute; width:14px; display:block; height:14px; border:1px solid #000; top:0; right:0; background:#FFF; -webkit-box-sizing:content-box; -moz-box-sizing:content-box; box-sizing:content-box; -webkit-transition:all 0.2s ease-in-out; -moz-transition:all 0.2s ease-in-out; -ms-transition:all 0.2s ease-in-out; transition:all 0.2s ease-in-out} .customCheckBoxRight input[type="checkbox"]:checked+span:after{ border:1px solid #4079aa; background:#4079aa; -webkit-transition:all 0.2s ease-in-out; -moz-transition:all 0.2s ease-in-out; -ms-transition:all 0.2s ease-in-out; transition:all 0.2s ease-in-out} .customCheckBoxRight input[type="checkbox"]:checked+span:before{ background:#4079aa; -ms-transform:rotate(45deg); -webkit-transform:rotate(45deg); transform:rotate(45deg); border-bottom:2px solid #fff; border-right:2px solid #FFF; height:9px; top:2px; -webkit-transition:all 0.2s ease-in-out; -moz-transition:all 0.2s ease-in-out; -ms-transition:all 0.2s ease-in-out; transition:all 0.2s ease-in-out} .customCheckBoxRight input[type="checkbox"]:disabled+span:after{ border:2px solid #D2D2D2; cursor:not-allowed} .customCheckBoxRight input[type="checkbox"]:disabled+span:before{ background:#fff; top:2px; left:2px; -ms-transform:rotate(45deg); -webkit-transform:rotate(45deg); transform:rotate(0deg); height:14px; width:14px; cursor:not-allowed} .table>tbody>tr>td{ vertical-align:middle} .table>thead>tr>th{ vertical-align:middle} .table.customBorderTable thead tr th{ text-transform:uppercase; border:none; border-top:1px solid #c1c8cd !important; text-align:center} .table.customBorderTable thead tr th:first-child{ text-align:left} .table.customBorderTable tbody tr:last-child td{ border-bottom:1px solid #c1c8cd} .table.customBorderTable tbody td{ border:none; border-top:1px solid #c1c8cd; position:relative; vertical-align:middle; text-align:center; font-size:12px} .table.customBorderTable tbody td:after{ content:""; width:1px; min-height:90%; height:110px; background:#c1c8cd; position:absolute; top:5px; right:0} .table.customBorderTable tbody td a.updateLink{ display:block; text-decoration:underline} .table.customBorderTable tbody td:last-child:after{ content:none} .table.customBorderTable tbody td .cimm_cartProdDescription{ width:280px; text-align:left; min-height:110px} .table.customBorderTable tbody td .cimm_cartProdDescription input{ padding:2px 5px} .compareTableWrap .table thead tr th{ text-align:center} .compareTableWrap .table thead tr th:first-child{ text-align:left} .compareTableWrap .table tbody tr td{ width:120px; text-align:center} .compareTableWrap .table tbody tr td:first-child{ text-align:left} .compareTableWrap .table tbody tr td a.comprProdTitle{ display:block} .compareTableWrap .pushbtnGroup{ display:block; text-align:center} .compareTableWrap .pushbtnGroup li{ display:inline-block} .compareTableWrap .different.active{ background:#ff5555; color:#fff} .compareTableWrap .similar.active{ background:#9df59d; color:#01070b} .tableWrapper,.tablesWrap{ max-width:100%; overflow-y:auto} @media only screen and (max-width: 992px){ table.rwd-table,.rwd-table thead,.rwd-table tbody,.rwd-table th,.rwd-table td,.rwd-table tr{ display:block} .rwd-table thead tr{ display:none} .table.rwd-table td{ border:1px solid #eee !important; position:relative; padding:8px 8px 8px 50%; white-space:normal; text-align:left; word-wrap:break-word} .table.rwd-table td[colspan]{ padding:20px 8px; text-align:center} .rwd-table td:before{ position:absolute; top:8px; left:6px; max-width:48%; padding-right:10px; text-align:left; font-weight:bold} .rwd-table td:before{ content:attr(data-th)} #salesrepModal .col-sm-6,#salesrepModal .col-sm-5,#salesrepModal .col-sm-7,#ShipDiv .col-sm-6,#ShipDiv .col-sm-5,#ShipDiv .col-sm-7{ width:100%; text-align:center; margin-bottom:6px} #salesrepModal .dataTables_filter,#salesrepModal .dataTables_paginate,#ShipDiv .dataTables_filter,#ShipDiv .dataTables_paginate{ text-align:center} #salesrepModal .form-inline .form-control,#ShipDiv .form-inline .form-control{ display:inline-block; width:auto; vertical-align:middle} } .table_quoterequest tbody tr td,.autosuggestdiv{ position:relative} .table_quoterequest tbody tr td .autosuggestspan,.autosuggestdiv .autosuggestspan{ position:absolute; background:#fff; z-index:99; background:#f7f7f7; border:1px solid #fff} .table_quoterequest tbody tr td .autosuggestspan>ul,.autosuggestdiv .autosuggestspan>ul{ min-width:665px; max-height:250px; overflow:auto} .table_quoterequest tbody tr td .autosuggestspan>ul::-webkit-scrollbar,.autosuggestdiv .autosuggestspan>ul::-webkit-scrollbar{ width:4px} .table_quoterequest tbody tr td .autosuggestspan>ul::-webkit-scrollbar-track,.autosuggestdiv .autosuggestspan>ul::-webkit-scrollbar-track{ background:#fff} .table_quoterequest tbody tr td .autosuggestspan>ul::-webkit-scrollbar-thumb,.autosuggestdiv .autosuggestspan>ul::-webkit-scrollbar-thumb{ background:#209aeb} .table_quoterequest tbody tr td .autosuggestspan>ul.rowul>li,.autosuggestdiv .autosuggestspan>ul.rowul>li{ min-height:50px; font-family:aktiv-grotesk,sans-serif; padding:5px; display:table; border-bottom:1px solid #fff} .table_quoterequest tbody tr td .autosuggestspan>ul.rowul>li:hover,.autosuggestdiv .autosuggestspan>ul.rowul>li:hover{ background:#ebebeb; cursor:pointer} .table_quoterequest tbody tr td .autosuggestspan>ul.rowul>li.active,.autosuggestdiv .autosuggestspan>ul.rowul>li.active{ background:#ebebeb; cursor:pointer} .table_quoterequest tbody tr td .autosuggestspan>ul.rowul>li>span,.autosuggestdiv .autosuggestspan>ul.rowul>li>span{ vertical-align:top; text-align:left; padding:5px; width:185px; display:table-cell} .table_quoterequest tbody tr td .autosuggestspan>ul.rowul>li>span.itemdescspan,.autosuggestdiv .autosuggestspan>ul.rowul>li>span.itemdescspan{ width:50.5%} .inventeryRepItems .autosuggestdiv .autosuggestspan{ left:23%} .inventeryRepItems .autosuggestdiv .autosuggestspan ul.rowul{ min-width:620px} .inventeryRepItems .autosuggestdiv .autosuggestspan ul.rowul>li>span{ width:200px; display:inline-block} .inventeryRepItems .autosuggestdiv .autosuggestspan ul.rowul>li>span:nth-child(4){ display:block; width:100%} .dataTables_empty{ padding:8px !important; text-align:center !important} .addNewRowRFQ,.saveRFQ{ padding-right:7px; cursor:pointer} .RFQIconLabel{ font-size:16px; padding-right:5px; color:#01070b; cursor:pointer} #rfqFormV2 .form-control{ border-radius:0} .table_quoterequest thead tr th{ border-bottom:1px solid #01070b} .table_quoterequest tbody tr:last-child td,.table_quoterequest tbody tr:last-child th{ border-top-color:#01070b} #submitBtn{ padding:10px 40px} .multiTab{ width:100%} .multiTab ul.multiTabHeading{ position:relative} .multiTab ul.multiTabHeading li{ float:left} .multiTab ul.multiTabHeading li a{ padding:8px 15px; display:block; text-transform:uppercase} .multiTab ul.multiTabHeading li a.active{ color:#01070b} .multiTab ul.multiTabHeading li a:focus{ outline:0px} .multiTab ul.multiTabHeading slide{ content:""; position:absolute; height:2px; left:0; background:#01070b; bottom:0; transition:left 0.25s cubic-bezier(0.5, 0, 0.25, 1); -webkit-transition:left 0.25s cubic-bezier(0.5, 0, 0.25, 1)} .multiTab .multiTabContent{ position:relative; width:100%; z-index:9; overflow:hidden} .multiTab .multiTabContent .handsontable th{ text-align:center; vertical-align:middle} .multiTab .multiTabContent .handsontable tr th{ border-left:0px} .multiTab .multiTabContent .handsontable tr:first-child th{ border-left:0px} .multiTab .multiTabContent .handsontable thead th{ font-weight:600} .multiTab .multiTabContent .handsontable thead th,.multiTab .multiTabContent .handsontable thead tr,.multiTab .multiTabContent .handsontable tbody th,.multiTab .multiTabContent .handsontable tbody tr{ background-color:#fff; font-size:14px; letter-spacing:1px; color:#01070b; height:32px} .multiTab .multiTabContent .handsontable thead th,.multiTab .multiTabContent .handsontable tbody th{ border-right:0px; border-left:0px; border-top:0px} .multiTab .multiTabContent .handsontable thead td,.multiTab .multiTabContent .handsontable tbody td{ border-right:0px; text-align:center} .multiTab .multiTabContent .handsontable thead td.htAutocomplete,.multiTab .multiTabContent .handsontable tbody td.htAutocomplete{ border-right:1px solid #CCC; text-align:center} .multiTab .multiTabContent tbody tr:first-child th{ border-top:1px solid #CCC} .multiTab .multiTabContent>h3{ margin:0; text-transform:uppercase; font-weight:bold; background:#fff; color:#01070b; padding:11px 20px 10px 15px; position:relative; font-size:14px; cursor:pointer; min-height:40px; border:2px solid #01070b} .multiTab .multiTabContent>h3:after{ position:absolute; top:12px; right:6px; font-size:12px} .multiTab .multiTabContent>h3.active{ background:#fff; color:#01070b} .multiTab .multiTabContent>h3.active:after{ content:"\e901"; font-family:"icomoon"; color:#01070b} .multiTab .multiTabContent>h3:after{ content:"\e902"; font-family:"icomoon"; color:#01070b} .multiTab .multiTabContent>div{ padding:20px; background:#fff} .multiTab .multiTabContent .buttonWrap{ text-align:right; margin-top:15px} .multiTab .multiTabContent .buttonWrap .btnPrevious,.multiTab .multiTabContent .buttonWrap .btnNext{ margin-left:10px; display:inline; background:#fff; color:#01070b; font-weight:bold; border:2px solid #01070b; font-size:12px; font-family:"MuseoSans300"} .multiTab .multiTabContent .buttonWrap .btnPrevious:hover,.multiTab .multiTabContent .buttonWrap .btnNext:hover{ color:#01070b !important; background:#fff !important} .multiTab ul.multiTabHeading2{ position:relative; border-bottom:2px solid #404040} .multiTab ul.multiTabHeading2 li{ float:left} .multiTab ul.multiTabHeading2 li a{ padding:10px 15px; display:block; background:#ebebeb} .multiTab ul.multiTabHeading2 li a.active{ background:#404040; color:#fff} .multiTab ul.multiTabHeading2 slide{ content:""; position:absolute; height:2px; left:0; background:#01070b; bottom:0; transition:left 0.25s cubic-bezier(0.5, 0, 0.25, 1); -webkit-transition:left 0.25s cubic-bezier(0.5, 0, 0.25, 1); display:none} .multiTab .multiTabContent2{ position:relative; width:100%; z-index:9; overflow:hidden; padding-top:15px} .multiTab .multiTabContent2>h3{ margin:0; text-transform:uppercase; font-weight:bold; background:#ebebeb; color:#404040; padding:10px 15px; position:relative; font-size:14px; cursor:pointer; height:36px; border-bottom:1px solid #555} .multiTab .multiTabContent2>h3:after{ position:absolute; top:12px; right:10px; font-size:12px} .multiTab .multiTabContent2>h3.active{ background:#404040; color:#fff} .multiTab .multiTabContent2>h3.active:after{ content:""; font-family:"Glyphicons Halflings"} .multiTab .multiTabContent2>h3:after{ content:""; font-family:"Glyphicons Halflings"} .btnFinish{ margin-right:0; display:inline-block} .multiTabContent .hideBlock{ position:absolute} .multiTabContent .showBlock{ position:relative} #wizardCheckout .multiTabContent,#wizardGuestCheckout .multiTabContent{ overflow:visible} #wizardCheckout .multiTabContent input.form-control,#wizardCheckout .multiTabContent .dropdown-toggle,#wizardGuestCheckout .multiTabContent input.form-control,#wizardGuestCheckout .multiTabContent .dropdown-toggle{ border-radius:0px} #cimm_regBlock ul.multiTabHeading li a.active,#searchResultsStatic ul.multiTabHeading li a.active{ background-color:#01070b; color:#fff} #cimm_regBlock ul.multiTabHeading li a,#searchResultsStatic ul.multiTabHeading li a{ background-color:#fff; color:#000} .ac_trending{ position:absolute; background-color:#fff; z-index:999; box-shadow:0 2px 4px #555; width:100%; top:34px; padding:10px 0; text-align:left; font-size:12px} .ac_trending ul li{ line-height:24px; font-weight:500; text-transform:capitalize} .ac_trending ul li.ac_heading{ color:#8e8e8e; padding:0 15px} .ac_trending ul li.ac_heading em{ margin-right:8px} .ac_trending ul li a{ display:block; padding:0 15px; color:#01070b} .ac_trending ul li a:hover{ background:#e5e5e5} .ac_results{ position:absolute; background-color:#fff; border:1px solid #555; z-index:999; box-shadow:0 2px 4px #555; width:100%; top:34px} .ac_results ul li{ text-align:left; margin:0px; padding:6px 10px; cursor:pointer; color:#01070b; font:menu; font-size:12px; line-height:16px; overflow:hidden; width:100%} .ac_results ul li.catheader,.ac_results ul li.catheader.ac_over{ font-size:14px; background-color:#01070b; color:#fff; cursor:default; text-align:left} .ac_results ul li.ac_over{ background:#e6e6e6} .ac_results ul li strong{ color:#01070b} .ac_results ul li.suggest{ position:absolute; left:100%; top:-1px; background:#fff; width:450px; border:1px solid #555; padding:0; min-height:424px; box-shadow:2px 2px 4px #555; padding:10px; min-height:150px} .ac_results ul li.suggest.hideSuggest{ display:none} .ac_results ul li.suggest .cat-product{ margin-top:6px; padding-top:8px; border-top:1px solid #CCC} .ac_results ul li.suggest .titleImg-container{ min-height:60px; text-align:left} .ac_results ul li.suggest .titleImg-container .parent-title{ color:#01070b; float:left; width:calc(100% - 90px);font-size:16px} .ac_results ul li.suggest .titleImg-container a.title{ color:#01070b; font-family:"MuseoSans300"; letter-spacing:1px; width:calc(100% - 90px);float:left;padding:5px 0;text-transform:uppercase; font-size:16px} .ac_results ul li.suggest .titleImg-container img{ width:85px; float:right} .ac_results ul li.suggest .cat-product .cat_img{ width:50px; height:50px; margin-right:10px; float:left; border:1px solid #e5e5e5} .ac_results ul li.suggest .cat-product .cat_img img{ vertical-align:middle; max-width:100%; max-height:100%; text-align:center} .ac_results ul li.suggest .cat-product .info{ width:calc(100% - 80px);vertical-align:middle; float:left} .ac_results ul li.suggest .cat-product .info .ac_titleWrap{ width:calc(100% - 135px);float:left}.ac_results ul li.suggest .cat-product .info .ac_titleWrap a{ color:#01070b; font-size:16px; display:block; font-weight:bold; padding:0 0 5px 0} .ac_results ul li.suggest .cat-product .info .ac_titleWrap p{ color:#01070b; font-size:14px} .ac_results ul li.suggest .cat-product .info .ac_priceWrap{ width:125px; float:left; margin-left:10px} .ac_results ul li.suggest .cat-product .info .ac_priceWrap .log-addTocart-btn{ font-size:12px; margin-top:5px; height:auto} .ac_results ul li.suggest a.button,.ac_results ul li.suggest a.cimm_inlineButton,.ac_results ul li.suggest .multiTab .multiTabContent .buttonWrap a.btnPrevious,.multiTab .multiTabContent .buttonWrap .ac_results ul li.suggest a.btnPrevious,.ac_results ul li.suggest .multiTab .multiTabContent .buttonWrap a.btnNext,.multiTab .multiTabContent .buttonWrap .ac_results ul li.suggest a.btnNext,.ac_results ul li.suggest a.btnFinish{ float:right; width:auto; padding:6px 10px; height:auto} .ac_results ul li.suggest .autocomplete-cat a.button,.ac_results ul li.suggest .autocomplete-cat a.cimm_inlineButton,.ac_results ul li.suggest .autocomplete-cat .multiTab .multiTabContent .buttonWrap a.btnPrevious,.multiTab .multiTabContent .buttonWrap .ac_results ul li.suggest .autocomplete-cat a.btnPrevious,.ac_results ul li.suggest .autocomplete-cat .multiTab .multiTabContent .buttonWrap a.btnNext,.multiTab .multiTabContent .buttonWrap .ac_results ul li.suggest .autocomplete-cat a.btnNext,.ac_results ul li.suggest .autocomplete-cat a.btnFinish{ float:left} .catWrap{ width:35%; float:left} .catWrap div{ text-align:left; font:menu; line-height:24px} .catWrap div strong{ color:#01070b} .catWrap li:first-child{ background:#e6e6e6} .ac_results .itemWraper{ padding-top:22px; width:65%; float:left; background:#e6e6e6} .ac_results .itemWraper .prodWrap li{ display:inline-block; width:25%} .ac_results .itemWraper .prodWrap li span{ display:block; margin-top:5px; height:50px} .ac_results .itemWraper .prodWrap li img{ width:100%; display:block} .ac_results .itemWraper .prodWrap li.ac_over{ background:#fff} .ac_results .itemWraper .mfgWrap{ padding-bottom:5px} .ac_results .itemWraper .mfgWrap li.ac_over{ background:#fff} .ac_results .itemWraper .mfgWrap li.ac_over:hover{ color:#01070b} .ac_results .itemWraper>a{ background:#01070b; color:#fff; padding:6px 25px; display:inline-block; margin-bottom:10px; font-size:14px; font-family:aktiv-grotesk,sans-serif; font-weight:300} .slick-slider{ position:relative; display:block; -moz-box-sizing:border-box; box-sizing:border-box; -webkit-user-select:none; -moz-user-select:none; -ms-user-select:none; user-select:none; -webkit-touch-callout:none; -khtml-user-select:none; -ms-touch-action:pan-y; touch-action:pan-y; -webkit-tap-highlight-color:transparent} .slick-prev,.slick-next{ font-size:0; line-height:0; position:absolute; top:45%; display:block; width:32px; height:32px; margin-top:-22px; padding:0; cursor:pointer; color:transparent; border:none; outline:none; background:#fff; z-index:9} .bxslider .slick-prev{ left:0} .slick-prev{ left:20px; border:1px solid #01070b} .slick-slider .slick-track,.slick-slider .slick-list{ -webkit-transform:translate3d(0, 0, 0); -moz-transform:translate3d(0, 0, 0); -ms-transform:translate3d(0, 0, 0); -o-transform:translate3d(0, 0, 0); transform:translate3d(0, 0, 0)} .slick-list{ position:relative; display:block; overflow:hidden; margin:0; padding:5px} .slick-slider .slick-track,.slick-slider .slick-list{ -webkit-transform:translate3d(0, 0, 0); -moz-transform:translate3d(0, 0, 0); -ms-transform:translate3d(0, 0, 0); -o-transform:translate3d(0, 0, 0); transform:translate3d(0, 0, 0)} .slick-track{ position:relative; top:0; left:0; display:block} .slick-track:after{ clear:both; display:block; content:""} .slick-initialized .slick-slide{ display:block; height:auto} .slick-slide{ display:none; float:left; height:100%; min-height:1px} .slick-slide img{ display:block; width:100%; max-width:100%} .slick-next{ right:5px; border:1px solid #01070b} ul.slick-dots{ position:absolute; bottom:6px; width:100%; text-align:center} ul.slick-dots li{ position:relative; display:inline-block; width:10px; height:10px; margin:0 5px; padding:0; cursor:pointer} ul.slick-dots li button,ul.slick-dots li .button,ul.slick-dots li .calendarFilterWrap .tableHeader ul.calendarFilterHead li,.calendarFilterWrap .tableHeader ul.calendarFilterHead ul.slick-dots li li,ul.slick-dots li .cimm_inlineButton,ul.slick-dots li .multiTab .multiTabContent .buttonWrap .btnPrevious,.multiTab .multiTabContent .buttonWrap ul.slick-dots li .btnPrevious,ul.slick-dots li .multiTab .multiTabContent .buttonWrap .btnNext,.multiTab .multiTabContent .buttonWrap ul.slick-dots li .btnNext,ul.slick-dots li .btnFinish{ font-size:0; line-height:0; display:block; width:10px; height:10px; padding:0; cursor:pointer; color:transparent; border:0; outline:none; background:transparent} ul.slick-dots li button::before,ul.slick-dots li .button::before,ul.slick-dots li .calendarFilterWrap .tableHeader ul.calendarFilterHead li::before,.calendarFilterWrap .tableHeader ul.calendarFilterHead ul.slick-dots li li::before,ul.slick-dots li .cimm_inlineButton::before,ul.slick-dots li .multiTab .multiTabContent .buttonWrap .btnPrevious::before,.multiTab .multiTabContent .buttonWrap ul.slick-dots li .btnPrevious::before,ul.slick-dots li .multiTab .multiTabContent .buttonWrap .btnNext::before,.multiTab .multiTabContent .buttonWrap ul.slick-dots li .btnNext::before,ul.slick-dots li .btnFinish::before{ line-height:20px; position:absolute; top:0px; left:0px; width:10px; height:10px; content:""; text-align:center; background:#01070b; border-radius:10px} ul.slick-dots li.slick-active button:before,ul.slick-dots li.slick-active .button:before,ul.slick-dots li.slick-active .calendarFilterWrap .tableHeader ul.calendarFilterHead li:before,.calendarFilterWrap .tableHeader ul.calendarFilterHead ul.slick-dots li.slick-active li:before,ul.slick-dots li.slick-active .cimm_inlineButton:before,ul.slick-dots li.slick-active .multiTab .multiTabContent .buttonWrap .btnPrevious:before,.multiTab .multiTabContent .buttonWrap ul.slick-dots li.slick-active .btnPrevious:before,ul.slick-dots li.slick-active .multiTab .multiTabContent .buttonWrap .btnNext:before,.multiTab .multiTabContent .buttonWrap ul.slick-dots li.slick-active .btnNext:before,ul.slick-dots li.slick-active .btnFinish:before{ background:#797d82} .slick-prev:hover,.slick-next:hover{ background:#fff} .slick-prev:hover:before,.slick-next:hover:before{ color:#e5e5e5} .slick-prev:before,.slick-next:before{ font-family:"icomoon"; font-size:18px; line-height:1; opacity:0.75; color:#01070b; font-weight:900} .slick-prev::before{ content:"\e904"} .slick-prev:hover:before,.slick-next:hover:before{ color:#555} .slick-next::before{ content:"\e905"} .cimm_stickyPageWrap{ min-height:100%; margin:0 auto -355px auto; width:100%} .cimm_stickyPageWrap:after{ content:""; display:block} .cimm_sliderWrap{ overflow:hidden} .cimm_sliderWrap .cimm_productHead{ text-transform:uppercase; font-family:"MuseoSans500"; background:#f5f7fa} .cimm_sliderWrap .cimm_CaroBlockTitle{ letter-spacing:1px} .cimm_sliderWrap .cimm_CaroBlockTitle label{ background:#fff; position:relative; z-index:1} .cimm_sliderWrap .cimm_caroWrap{ margin:0 0 0 -15px; padding:0 !important} .cimm_sliderWrap .cimm_caroWrap.slick-vertical{ margin:-15px 0 0 0; padding:20px 0 30px 0 !important} .cimm_sliderWrap .cimm_caroWrap.slick-vertical .slick-slide{ margin:15px 0 0 0} .cimm_sliderWrap .cimm_caroWrap.slick-vertical .slick-slide[aria-hidden="true"]{ box-shadow:0 0 0 #ababab} .cimm_sliderWrap .cimm_caroWrap.slick-vertical .slick-next{ top:30px; height:30px; width:50px; left:50%; margin-left:-25px} .cimm_sliderWrap .cimm_caroWrap.slick-vertical .slick-next:before{ content:"\f106"; line-height:0.5} .cimm_sliderWrap .cimm_caroWrap.slick-vertical .slick-prev{ top:calc(100% - 10px);height:30px;width:50px;left:50%;margin-left:-25px} .cimm_sliderWrap .cimm_caroWrap.slick-vertical .slick-prev:before{ content:"\f107"; line-height:0.5} .cimm_sliderWrap .cimm_caroWrap .slick-slide{ margin:0 0 0 15px; border-radius:3px} .cimm_sliderWrap .cimm_caroWrap li{ float:left} .cimm_sliderWrap .cimm_caroWrap li ul{ padding:0} .cimm_sliderWrap .cimm_caroWrap li ul .sliderDescrip{ min-height:64px} .cimm_sliderWrap .cimm_caroWrap li ul li{ float:none; list-style-type:none; margin:0} .cimm_sliderWrap .cimm_linkItemImg{ height:200px; width:100%; position:relative} .cimm_sliderWrap .cimm_linkItemImg a{ display:block} .cimm_sliderWrap .cimm_linkItemImg a img{ max-width:100%; width:auto; display:block; position:absolute; top:0; bottom:0; left:0; right:0; margin:auto; max-height:200px} .cimm_sliderWrap .cimm_linkItemDesp{ padding:5px 10px 10px 10px} .cimm_sliderWrap .cimm_linkItemDesp li{ float:none} .cimm_sliderWrap .cimm_linkItemDesp li img{ width:auto; display:inline-block} .cimm_slideBrandImg{ width:100%; height:100px; position:relative} .cimm_slideBrandImg a{ text-align:center; height:100%} .cimm_slideBrandImg a img{ max-width:100%; width:auto; display:block; position:absolute; top:0; bottom:0; left:0; right:0; margin:auto; max-height:100px} .cimm_slideItemImg{ width:100%; height:200px; position:relative} .cimm_slideItemImg a{ text-align:center; height:100%} .cimm_slideItemImg a img{ max-width:100%; width:auto; display:block; position:absolute; top:0; bottom:0; left:0; right:0; margin:auto; max-height:198px} #recentlyViewedContent .cimm_slideItemImg a img{ width:140px} .cimm_slideItemDesp{ padding:10px} .cimm_slideItemDesp .productTitle{ line-height:20px; overflow:hidden; text-overflow:ellipsis; display:-webkit-box; -webkit-box-orient:vertical; -webkit-line-clamp:2; min-height:40px; height:40px} .cimm_slideItemDesp ul li{ margin:0 0 5px 0} .bannerContainer{ width:100vw; position:relative; left:50%; right:50%; margin-left:-50vw; margin-right:-50vw} .sliderCaption{ position:absolute; left:0; bottom:20px; width:75%; height:100px; background:rgba(0,0,0,0.6); color:#FFF; font-family:'RobotoRegular'; padding:10px 13px} .sliderCaption h2{ margin:0px 0 5px 0} @media print{ @page{ } body{ height:auto; width:1000px} a[href]:after{ content:none !important} .container{ -webkit-print-color-adjust:exact} .cimm_footerEnclosure,.cimm_stickyPageWrap:after{ height:0} .cimm_stickyPageWrap{ margin:0} #leftMenu+.col-md-9{ width:100%} header,nav,footer,.hideForPrint,.cimm_BreadCrumbs,.imgEnlargeIcon,#linkedItemSectionContent,.multiTabHeading,.documentStack li a,.cimm_itemdetail_thumblist{ display:none !important} .cimm_pdfLink{ display:block !important; color:#01070b} .cimm_itemDetailWrap .cimm_itemMainImage{ width:330px; float:left} .cimm_itemDetailWrap .cimm_itemDescription{ width:calc(100% - 350px);float:left}.multiTab.detailPage .multiTabContent div ul.documentStack li{float:none;width:100%;margin:0;text-align:left} .multiTabContent>div{ display:block !important; border:0 !important; padding:5px 0 !important} .multiTabContent>h3{ display:block !important; border:0 !important; padding:12px 0 5px 10 !important; font-weight:600 !important} .multiTab .multiTabContent>h3:after,.multiTab .multiTabContent>h3.active:after{ content:""} .col-sm-1,.col-sm-2,.col-sm-3,.col-sm-4,.col-sm-5,.col-sm-6,.col-sm-7,.col-sm-8,.col-sm-9,.col-sm-10,.col-sm-11,.col-sm-12,.col-md-1,.col-md-2,.col-md-3,.col-md-4,.col-md-5,.col-md-6,.col-md-7,.col-md-8,.col-md-9,.col-md-10,.col-md-11,.col-md-12{ float:left} .col-sm-12,.col-md-12{ width:100%} .col-sm-11,.col-md-11{ width:91.66666667%} .col-sm-10,.col-md-10{ width:83.33333333%} .col-sm-9,.col-md-9{ width:75%} .col-sm-8,.col-md-8{ width:66.66666667%} .col-sm-7,.col-md-7{ width:58.33333333%} .col-sm-6,.col-md-6{ width:50%} .col-sm-5,.col-md-5{ width:41.66666667%} .col-sm-4,.col-md-4{ width:33.33333333%} .col-sm-3,.col-md-3{ width:25%} .col-sm-2,.col-md-2{ width:16.66666667%} .col-sm-1,.col-md-1{ width:8.33333333%} #childItemTable .custom_Toplabel td::before{ display:none !important} } @media all and (max-width: 1200px){ .erro_msg_alert.compare_error .modal-dialog .modal-content{ height:246px; width:auto; margin-top:150px} .cimm_category_bannercont .cimm_category-banners{ min-height:auto} #cartWrap .lineItemComments{ width:100%} #cartWrap .cart_popup .modal-body{ padding:0px} #cartWrap .cart_popup .table tr{ display:block} #cartWrap .cart_popup .table tr td,#cartWrap .cart_popup .table tr th{ padding:8px; border:none !important; display:table-cell; width:100px} #cartWrap .cart_popup .table tr td:first-child,#cartWrap .cart_popup .table tr th:first-child{ width:200px} ul.ul_gridalign li{ width:50%} #Detail_cart_btn .popMsg{ width:100%} .borderLine{ display:none} .listGridContainer .listView .mycart_li .inside_li{ width:46% !important} #featuredProductListAll li.featuredProductListlil{ width:50%} .detail_specific_tab,.detail_specific_attr_tab{ float:left; width:50% !important} .detail_specific_tab span,.detail_specific_attr_tab span{ width:50% !important} .detail_specific_tab span:nth-child(2),.detail_specific_attr_tab span:nth-child(2){ width:50% !important} .container{ width:100%; max-width:100%} .cimm_headerMidContent .row.no-gutters>[class*=" col-"],.cimm_headerMidContent .row.no-gutters>[class^="col-"]{ padding:0 15px} .cimm_headerMidContent .container{ padding:0 15px} .cimm_bodyContentWrap>.container{ padding-bottom:20px} nav.navbar .container{ padding:0 15px} .cimm_headerMidContent .container{ padding:0 15px} .cimm_btnGroupEnclosure,.cimm_instructions{ float:none; width:100%; text-align:left} header .cimm_header .cimm_headerMidContent .cimm_searchWrapper{ width:57%} .cimm_mobileNavIconWrap{ float:left; margin:3px 8px 0px 0px} .cimm_mobileNavIconWrap button,.cimm_mobileNavIconWrap .button,.cimm_mobileNavIconWrap .calendarFilterWrap .tableHeader ul.calendarFilterHead li,.calendarFilterWrap .tableHeader ul.calendarFilterHead .cimm_mobileNavIconWrap li,.cimm_mobileNavIconWrap .cimm_inlineButton,.cimm_mobileNavIconWrap .multiTab .multiTabContent .buttonWrap .btnPrevious,.multiTab .multiTabContent .buttonWrap .cimm_mobileNavIconWrap .btnPrevious,.cimm_mobileNavIconWrap .multiTab .multiTabContent .buttonWrap .btnNext,.multiTab .multiTabContent .buttonWrap .cimm_mobileNavIconWrap .btnNext,.cimm_mobileNavIconWrap .btnFinish{ position:relative; float:right; padding:0; margin:2px 0; background-color:transparent; background-image:none; border:1px solid transparent; border-radius:4px} .cimm_searchWrapper{ float:left; width:calc(100% - 38px);margin:0 0 18px 0}header .cimm_header .cimm_header_mid .cimm_logo{margin:0 auto}.icon-bar{ background-color:#333; width:100%; height:4px !important; width:28px !important} .navbar-toggle .icon-bar+.icon-bar{ margin-top:5px} nav.navbar{ width:300px; position:fixed; z-index:1000; bottom:0; top:0; left:-450px; transition:0.3s ease; -ms-transition:0.3s ease; -moz-transition:0.3s ease; -webkit-transition:0.3s ease; overflow-x:hidden; overflow-y:auto; height:100%; background:#fff} nav.navbar.active{ left:0} nav.navbar .cimm_nav>ul{ float:none; position:relative; margin:0 -15px; padding-left:0px} nav.navbar .cimm_nav>ul>li{ position:static; float:none} nav.navbar .cimm_nav>ul>li span{ display:block} nav.navbar .cimm_nav>ul>li span a{ color:#444; padding:10px 40px 10px 15px} nav.navbar .cimm_nav>ul>li span em{ top:0; right:5px; padding:20px 16px} nav.navbar .cimm_nav>ul>li span em:after{ color:#444} nav.navbar .cimm_nav>ul>li:hover{ background:transparent} nav.navbar .cimm_nav>ul>li:hover>span a{ color:#444} nav.navbar .cimm_nav>ul>li:hover>span em:after{ content:"\f0da"; speak:none; position:absolute; z-index:11; font-weight:900; font-size:20px; font-family:"Font Awesome 5 Free"; color:#444} nav.navbar .cimm_nav>ul>li .dropdown-menu{ padding:10px 0px; display:block; top:0; left:320px !important; height:100vh; width:290px; padding:0 0 10px 0; overflow-x:hidden; overflow-y:auto; transition:left 0.3s ease; -ms-transition:left 0.3s ease; -moz-transition:left 0.3s ease; -webkit-transition:left 0.3s ease; background:#fff; border:none; margin:0} nav.navbar .cimm_nav>ul>li .dropdown-menu.slideDropMenu{ left:14px !important} nav.navbar .cimm_nav>ul>li .dropdown-menu.shopbyprod,nav.navbar .cimm_nav>ul>li .dropdown-menu.shopbymanuf,nav.navbar .cimm_nav>ul>li .dropdown-menu.shopbybrand{ width:300px} nav.navbar .cimm_nav>ul>li .dropdown-menu li{ position:static} nav.navbar .cimm_nav>ul>li .dropdown-menu li:hover{ background:transparent} nav.navbar .cimm_nav>ul>li .dropdown-menu li:hover span a,nav.navbar .cimm_nav>ul>li .dropdown-menu li:hover span em:after{ color:#444} nav.navbar .cimm_nav>ul>li .dropdown-menu ul{ width:100%} .nav_headingBlock{ padding:10px 10px 10px 40px !important; font-size:22px; font-weight:600; text-align:center; position:relative; display:block} .nav_headingBlock i{ position:absolute; left:12px; top:15px} .navbar-toggle{ display:block} #changePassword .pull-left,#changePassword .pull-right{ float:none !important} #changePassword .button,#changePassword .calendarFilterWrap .tableHeader ul.calendarFilterHead li,.calendarFilterWrap .tableHeader ul.calendarFilterHead #changePassword li,#changePassword .cimm_inlineButton,#changePassword .multiTab .multiTabContent .buttonWrap .btnPrevious,.multiTab .multiTabContent .buttonWrap #changePassword .btnPrevious,#changePassword .multiTab .multiTabContent .buttonWrap .btnNext,.multiTab .multiTabContent .buttonWrap #changePassword .btnNext,#changePassword .btnFinish{ width:auto; height:auto} .new_head{ bottom:10px; padding-bottom:10px} #openOrderTable_filter{ padding:15px 0} #openOrderTable_wrapper div:nth-child(2){ padding:15px 0} #openOrderTable_wrapper .dataTables_length label select.form-control{ width:45%} .cimm_mobileNavIconWrap{ margin-left:20px} .cimm_searchWrapper{ width:calc(100% - 60px)}.punchOutMain{width:100%}.cimm_BreadCrumbs{padding-bottom:15px} #reqForQuoteTableId td.hideMe{ display:none} .listGridContainer .gridView ul li.sessionDesp .itemCountGrid{ bottom:13px} .listGridContainer .gridView ul li.sessionDesp ul.mycart_li .btn_secondary,.listGridContainer .gridView ul li.sessionDesp ul.mycart_li .btn-addtocart{ width:120px} .listGridContainer .gridView ul li.sessionDesp ul.mycart_li .btn_secondary{ margin-left:40px} .punchOutMain{ width:100% !important} .erro_msg_alert .modal-dialog{ margin:auto; margin-top:10px} .detailPageRecent .cimm_sliderWrap .cimm_productHead label{ margin-left:10px} .footerCol .social_medial_link{ display:flex} #normalHead .navbar .cimm_nav .navbar-nav li .dropdown-menu,#fixedHead .navbar .cimm_nav .navbar-nav li .dropdown-menu{ margin-top:0} #normalHead .navbar .cimm_nav .navbar-nav li.navicon::after,#fixedHead .navbar .cimm_nav .navbar-nav li.navicon::after{ content:none} .cimm_btnGroupEnclosure ul li{ padding:0; display:block; text-align:center; margin:15px 0} .cimm_btnGroupEnclosure ul li:last-child{ float:none} } @media all and (max-width: 1024px){ .cimm_itemdetail .cimm_itemdetail-imgcontainer{ padding-right:0 !important} .webViewSearchWrap #mobile_app_cart_count{ margin-top:5px !important} .category_align:nth-child(4n+1){ clear:none} .cimm_itemdetail .cimm_itemdetail-imgcontainer img,#Detail_cart_btn .btn-addtocart,#Detail_cart_btn .btn_secondary{ width:100%; display:block; object-fit:contain} nav.navbar .cimm_nav>ul>li.contact_number span a{ color:#444} .cimm_itemdetail .cimm_itemdetail-imgcontainer .cimm_itemdetail-image img{ padding:30px} .cimm_header_mid .container .pRight-1{ padding-right:15px} .dropdown-backdrop{ display:none} .new_modal .modal-dialog{ width:auto; margin:20px} header .cimm_header .cimm_headerMidContent .cimm_searchWrapper{ width:100%; margin:0 0 18px 0} .cartTotal_Top a.hideForIpad{ display:none} #mobile_app_cart_count{ margin-top:5px !important} .webViewSearchWrap .cimm_searchWrapper{ width:calc(100% - 120px);float:left;margin:0 0 18px}.webViewSearchWrap .cimm_searchWrapper .webViewSearch.cimm_searchForm input[type="text"]{border:0;font-family:RobotoRegular; width:calc(100% - 70px);float:left;height:30px;margin-top:1px} .webViewSearchWrap .cimm_searchWrapper .webViewSearch.cimm_searchForm .cimm_searchIcon{ border:0; border-radius:0; width:35px; color:#fff; background:transparent; height:30px; float:left; margin-right:10px} .webViewSearchWrap .cimm_searchWrapper .webViewSearch.cimm_searchForm .cimm_cameraIcon{ display:block; padding:4px 0; float:left} .webViewSearchWrap .cimm_searchWrapper .webViewSearch.cimm_searchForm em{ color:#bababa} .webViewSearchWrap .cimm_searchWrapper .webViewSearch.cimm_searchForm .mobileApp_count .cartCountrefresh{ position:absolute; top:0px; right:4px; color:#01070b} .webViewSearchWrap .cimm_searchWrapper .mobileCartCountWrap .glyphicon-log-in{ font-size:18px; color:#bababa} .multiTab .multiTabContent .buttonWrap .btnPrevious:hover,.multiTab .multiTabContent .buttonWrap .btnNext:hover{ background:#fff} .btnFinish:hover{ background:#fff} .cimm_bodyContentWrap .container{ box-shadow:none} .cimm_inlineButton{ letter-spacing:0.5px} #ManagePurchaseAgent_wrapper .dataTables_filter{ float:none; width:100%} .navbar-toggle{ display:block; margin:0} .hideForIpad{ display:none} header .cimm_header .cimm_headerMidContent .cimm_headerLeft .cimm_logo{ width:100%} header .cimm_header .cimm_headerMidContent .cimm_headerLeft .cimm_logo img{ margin:auto} #generalModel .modal-dialog{ min-width:auto} .showFromTab,.footerCol h4 em{ display:block} .listGridContainer .gridView ul li.sessionDespTwo ul li p input{ width:45px} .listGridContainer .gridView ul li.sessionDespTwo ul li p{ margin-right:10px} ul.breadcrumb li{ display:none} ul.breadcrumb li:active{ display:block} .breadcrumb li a{ text-decoration:underline} .breadcrumb li+li:before{ content:"\f104"; font-family:"Font Awesome 5 Free"; font-size:18px; color:#01070b; font-weight:900} ul.breadcrumb li:nth-last-child(2){ display:block} ul.breadcrumb li.active:before{ display:none} .cimm_BreadCrumbs .breadcrumb li:nth-last-child(2):before{ content:""; padding:0} .cimm_productCategory .cimm_categoryItemBlock a p{ height:60px; padding:5px} .priceSpan{ font-size:12px} .fixOnApp.cimm_stickyPageWrap:after{ display:none} .fixOnApp .cimm_bodyContentWrap{ margin-bottom:50px} .fixOnApp header{ position:fixed; width:100%; top:0; background:#fff; padding-top:10px; z-index:111} .fixOnApp .cimm_bodyContentWrap{ padding:100px 0 55px 0; margin:0} .fixOnApp .cimm_headerLeft{ margin:0 !important} .fixOnApp #slideLeft,.fixOnApp .cimm_slide,.fixOnApp #slideLeft{ height:100%} .fixOnApp #slideLeft ul,.fixOnApp .cimm_slide ul,.fixOnApp #slideLeft ul{ height:calc(100% - 100px);overflow-x:auto} .cartCountDisplay{ display:inline-block !important} .cartDisplay{ display:none} .mobileViewSearchWrap #mobile_app_cart_count{ display:inline-block; position:relative; text-align:center; width:30px; margin-top:12px} .mobileViewSearchWrap #mobile_app_cart_count a{ display:block; width:35px !important; margin-top:-10px} .mobileViewSearchWrap #mobile_app_cart_count a .cartCountrefresh{ position:absolute; top:-5px; left:5px; font-size:10px; width:100%; text-align:center; color:#01070b; font-weight:normal; font-size:10px} .mobileViewSearchWrap #mobile_app_cart_count a img{ width:35px; height:35px} .mobileViewSearchWrap #search_Form .globla_search_container #txtSearch{ width:100% !important} .mobileViewSearchWrap #search_Form .globla_search_container .search-icon-btn{ top:3px !important} .cimm_mobileNavIconWrap{ margin-left:18px !important; margin-right:18px !important} .cimm_searchWrapper{ height:0px !important; width:calc(100% - 120px);margin-right:15px !important} .cimm_mobileNavIconWrap button,.cimm_mobileNavIconWrap .button,.cimm_mobileNavIconWrap .calendarFilterWrap .tableHeader ul.calendarFilterHead li,.calendarFilterWrap .tableHeader ul.calendarFilterHead .cimm_mobileNavIconWrap li,.cimm_mobileNavIconWrap .cimm_inlineButton,.cimm_mobileNavIconWrap .multiTab .multiTabContent .buttonWrap .btnPrevious,.multiTab .multiTabContent .buttonWrap .cimm_mobileNavIconWrap .btnPrevious,.cimm_mobileNavIconWrap .multiTab .multiTabContent .buttonWrap .btnNext,.multiTab .multiTabContent .buttonWrap .cimm_mobileNavIconWrap .btnNext,.cimm_mobileNavIconWrap .btnFinish{ margin:0 !important} .input-group{ display:block !important} #search_Form .globla_search_container:hover .search-icon-btn,#search_Form .globla_search_container:focus-within .search-icon-btn{ margin-left:90% !important} } @media all and (max-width: 980px){ .category_align:nth-child(3n+1){ clear:both} #loginModal .modal-dialog .modal-content .modal-body{ padding:0 10px} #Detail_cart_btn .btn-addtocart,#Detail_cart_btn .btn_secondary{ width:100%} #loginModal .modal-dialog{ width:92%; margin:4%} #loginModal #modalLoginForm div .btn{ width:100%} #generalModel .modal-body{ max-height:500px; overflow-y:auto} #backToTop{ right:15px} .mulAddtoCartStatus.alignCenter input{ display:inline-block; font-size:12px} footer .cimm_footer_mid .footerCol h3 em{ display:block; font-size:16px} .documentStack li{ width:24%} .ac_results{ top:32px} header .cimm_header .cimm_headerMidContent .cimm_searchWrapper{ width:calc(100% - 38px)}header .cimm_header .cimm_headerMidContent .cimm_searchWrapper input[type="text"]{height:32px}header .cimm_header .cimm_headerMidContent .cimm_searchWrapper .cimm_searchIcon{height:32px}header .cimm_header .cimm_headerMidContent button,header .cimm_header .cimm_headerMidContent .button,header .cimm_header .cimm_headerMidContent .calendarFilterWrap .tableHeader ul.calendarFilterHead li,.calendarFilterWrap .tableHeader ul.calendarFilterHead header .cimm_header .cimm_headerMidContent li,header .cimm_header .cimm_headerMidContent .cimm_inlineButton,header .cimm_header .cimm_headerMidContent .multiTab .multiTabContent .buttonWrap .btnPrevious,.multiTab .multiTabContent .buttonWrap header .cimm_header .cimm_headerMidContent .btnPrevious,header .cimm_header .cimm_headerMidContent .multiTab .multiTabContent .buttonWrap .btnNext,.multiTab .multiTabContent .buttonWrap header .cimm_header .cimm_headerMidContent .btnNext,header .cimm_header .cimm_headerMidContent .btnFinish{margin:0}.table.customBorderTable tbody tr:last-child td{ border-bottom:none} .table.customBorderTable tbody td:after{ content:none} .table.customBorderTable tbody td .cimm_cartProdDescription{ width:100%} .cimm_brandAtoZletters.fixIt{ left:0} .dropdownFixedWidth{ max-width:220px} .orderSummaryWrap{ margin-top:30px} .cimm_itemdetail .cimm_itemdetail-imgcontainer.verticalThumblist .cimm_itemdetail_thumblist .slick-prev{ top:49%; width:25px; height:50px; left:-25px} .cimm_itemdetail .cimm_itemdetail-imgcontainer.verticalThumblist .cimm_itemdetail_thumblist .slick-next{ top:49%; width:25px; height:50px; left:100%} .cimm_itemdetail .cimm_itemdetail-imgcontainer.verticalThumblist .cimm_itemdetail_thumblist .slick-next:before{ content:"\f105"; top:0} .cimm_itemdetail .cimm_itemdetail-imgcontainer.verticalThumblist .cimm_itemdetail_thumblist .slick-prev:before{ content:"\f104"; top:0} .cimm_itemdetail .cimm_itemdetail-imgcontainer,.cimm_itemdetail .cimm_itemDescription{ float:none; width:100%} .cimm_itemdetail .cimm_itemDescription ul.text-right{ text-align:left} .cimm_stickyPageWrap,footer,.cimm_stickyPageWrap:after,.cimm_footerEnclosure,footer .footerMiddelContent{ height:auto; margin:0} .detailPage{ width:100%} .cimm_itemdetail .cimm_itemdetail-imgcontainer.verticalThumblist .cimm_itemdetail-image{ float:none} .cimm_itemdetail .cimm_itemdetail-imgcontainer .cimm_itemdetail_thumblist,.cimm_itemdetail .cimm_itemdetail-imgcontainer.verticalThumblist .cimm_itemdetail_thumblist{ width:260px; margin:0 auto; float:none; padding:0px} .cimm_itemdetail .cimm_itemdetail-imgcontainer .cimm_itemdetail_thumblist .cimm_slideItemImg a img{ max-height:80px} .cimm_itemdetail .cimm_itemdetail-imgcontainer.verticalThumblist .cimm_itemdetail_thumblist li{ margin:0 0 0 15px} .cimm_itemdetail .cimm_itemdetail-imgcontainer.verticalThumblist .cimm_itemdetail_thumblist .slick-list,.cimm_itemdetail .cimm_itemdetail-imgcontainer .cimm_itemdetail_thumblist .slick-list{ padding:0; margin:0 0 0 -40px} header .cimm_header .cimm_headerMidContent .cimm_searchWrapper{ margin:0} .showInDevice{ display:block} .hideForDevices{ display:none !important} .cimm_listGridTopControls .cimm_listGridTopRightCtrls{ width:100%; float:none} .cimm_blockHeading+ul{ margin-bottom:15px} #recentorders .slick-prev{ top:48%; left:10px} #recentorders .slick-prev:before{ content:"\f104"} #recentorders .slick-next{ bottom:inherit; top:48%; right:10px} #recentorders .slick-next:before{ content:"\f105"} .cimm_itemdetail .cimm_itemdetail-imgcontainer.verticalThumblist .cimm_itemdetail_thumblist .slick-next,.cimm_itemdetail .cimm_itemdetail-imgcontainer.verticalThumblist .cimm_itemdetail_thumblist .slick-prev{ top:35%; width:25px; height:50px} .cimm_itemdetail .cimm_itemdetail-imgcontainer.verticalThumblist .cimm_itemdetail_thumblist .slick-next{ left:100%} .cimm_itemdetail .cimm_itemdetail-imgcontainer.verticalThumblist .cimm_itemdetail_thumblist .slick-prev{ left:-25px} .cimm_itemdetail .cimm_itemdetail-imgcontainer.verticalThumblist .cimm_itemdetail_thumblist .slick-prev:before{ content:"\f104"; top:-1px} .cimm_itemdetail .cimm_itemdetail-imgcontainer.verticalThumblist .cimm_itemdetail_thumblist .slick-next:before{ content:"\f105"; top:-1px} .toggle_content{ display:none} .listGridContainer .listView ul li.sessionDesp{ width:100%; clear:both} .listGridContainer .listView ul li.sessionDesp ul{ width:100%; clear:both} .custom_lineform{ margin-bottom:14px; text-align:left} .custom_lineform.form-inline .form-group,.custom_lineform.form-inline .form-control{ display:inline-block; margin-bottom:5px; vertical-align:middle} } @media all and (max-width: 768px){ .detail_specific_tab,.detail_specific_attr_tab{ float:left; width:100% !important} .detail_specific_tab span,.detail_specific_attr_tab span{ width:50% !important} .detail_specific_tab span:nth-child(2),.detail_specific_attr_tab span:nth-child(2){ width:50% !important} .erro_msg_alert.ship_alert .modal-dialog{ width:auto; margin:auto 10px} .ccForm{ width:100% !important; margin-bottom:20px} .ccFormPara{ height:auto !important} .calendarFilter ul li{ border:none} .documentStack li{ width:30%} .cimm_salesBottomStrip ul{ width:100%} .form-inline-sm .form-group{ display:inline-block; vertical-align:middle; margin:0} .grpNameEditWrap{ text-align:left} .ac_results .itemWraper,.ac_results ul{ width:100%} #sortByForm .dropdown-menu{ left:0} .compareTableWrap .pushbtnGroup li:nth-child(2n+2){ text-align:left} .tableScroll{ overflow-x:scroll} .tableScroll .table{ width:800px} #events_Table_wrapper #events_Table td{ border:none} #events_Table_wrapper #events_Table td:last-child{ border-bottom:1px solid #ccc} header .cimm_header .cimm_headerMidContent .cimm_headerLeft{ padding:0} header .cimm_header .cimm_headerMidContent .cimm_searchWrapper{ padding:0; margin:0 0 20px 0} header .cimm_header .cimm_headerMidContent .cimm_headerLeft .cimm_logo{ height:60px} .listGridContainer .gridView{ width:48%; width:calc((100% / 2) - 2%)}.listGridContainer .gridView:nth-child(3n+2){ margin:25px 0.5% 0 0.5%} .listGridContainer .gridView:nth-child(2n+2){ margin:25px 0.5% 0 1.5%} .cimm_productCategory .cimm_categoryItemBlockWrap .cimm_categoryItemBlock{ width:47%} .cimm_productCategory .cimm_categoryItemBlockWrap .cimm_categoryItemBlock:nth-child(3n+2){ margin:25px 0.5% 0} .cimm_productCategory .cimm_categoryItemBlockWrap .cimm_categoryItemBlock:nth-child(2n+2){ margin:25px 0.5% 0 4.5%} header .cimm_header .cimm_headerMidContent .cimm_storeLocator h6{ margin:10px 0 !important} #events_Table_wrapper #events_Table td,.storeListTable td{ display:block; width:100% !important} .storeListTable td,.storeListTable td a.button,.storeListTable td a.cimm_inlineButton,.storeListTable td .multiTab .multiTabContent .buttonWrap a.btnPrevious,.multiTab .multiTabContent .buttonWrap .storeListTable td a.btnPrevious,.storeListTable td .multiTab .multiTabContent .buttonWrap a.btnNext,.multiTab .multiTabContent .buttonWrap .storeListTable td a.btnNext,.storeListTable td a.btnFinish{ text-align:center; margin:0 auto} #events_Table_wrapper #events_Table td.calendarDetail a:not(.link),.storeListTable td a.button,.storeListTable td a.cimm_inlineButton,.storeListTable td .multiTab .multiTabContent .buttonWrap a.btnPrevious,.multiTab .multiTabContent .buttonWrap .storeListTable td a.btnPrevious,.storeListTable td .multiTab .multiTabContent .buttonWrap a.btnNext,.multiTab .multiTabContent .buttonWrap .storeListTable td a.btnNext,.storeListTable td a.btnFinish{ width:220px; display:block; text-align:center} .table.customBorderTable tbody td .cimm_cartProdDescription{ width:100%} .userInfoWrap{ height:200px; margin-top:10px} .userInfoWrap b,.userInfoWrap span{ width:100%; float:none} .uploadImage_wrap .uploadFile span,.uploadImage_wrap .uploadImage span,.uploadImage_wrap .uploadFile span{ font-size:12px; padding:5px} #ManagePurchaseAgent_wrapper table tbody tr td a.cimm_inlineButton,#ManagePurchaseAgent_wrapper table tbody tr td label.switch{ float:none; margin:10px 0; width:120px; display:block} .listGridContainer .gridView ul li.sessionDespTwo ul li p{ width:48%} #updateCartForm .cimm_salesBottomStrip{ width:100%; margin:0} .cimm_itemdetail-imgcontainer{ margin-bottom:30px} #productSearchForm input[type="text"]{ width:calc(100% - 205px);display:inline-block} .searchZero a{ margin:2px 0; vertical-align:middle} .table_quoterequest tbody tr td .autosuggestspan,.autosuggestdiv .autosuggestspan{ left:0px} .table_quoterequest tbody tr td .autosuggestspan>ul,.autosuggestdiv .autosuggestspan>ul{ min-width:auto} .table_quoterequest tbody tr td .autosuggestspan>ul>li,.autosuggestdiv .autosuggestspan>ul>li{ border-bottom:1px solid #cfcfcf} .inventeryRepItems .autosuggestdiv .autosuggestspan{ left:0px; width:100%} .inventeryRepItems .autosuggestdiv .autosuggestspan>ul.rowul{ min-width:100%} .inventeryRepItems .autosuggestdiv .autosuggestspan>ul.rowul>li{ border-bottom:1px solid #cfcfcf; display:block} .inventeryRepItems .autosuggestdiv .autosuggestspan>ul.rowul>li span{ display:block} .cimm_itemdetail .cimm_itemdetail-imgcontainer .cimm_itemdetail-image{ width:100% !important} .cimm_itemdetail .cimm_itemdetail-imgcontainer .cimm_itemdetail-image{ width:100% !important} .cimm_itemdetail .cimm_itemdetail-imgcontainer .cimm_itemdetail-image .imgForSend{ width:100% !important} } @media all and (max-width: 480px){ .RVIDetailPage .RVI_Head .cimm_productHead{ font-size:20px} .cpn_ul #customerPartNumSubmit{ width:250px; left:unset !important; right:0px !important} .cpn_ul #customerPartNumSubmit ul li.clearAfter .button,.cpn_ul #customerPartNumSubmit .calendarFilterWrap .tableHeader ul.calendarFilterHead li.clearAfter li,.calendarFilterWrap .tableHeader .cpn_ul #customerPartNumSubmit ul.calendarFilterHead li.clearAfter li,.cpn_ul #customerPartNumSubmit ul li.clearAfter .cimm_inlineButton,.cpn_ul #customerPartNumSubmit ul li.clearAfter .multiTab .multiTabContent .buttonWrap .btnPrevious,.multiTab .multiTabContent .buttonWrap .cpn_ul #customerPartNumSubmit ul li.clearAfter .btnPrevious,.cpn_ul #customerPartNumSubmit ul li.clearAfter .multiTab .multiTabContent .buttonWrap .btnNext,.multiTab .multiTabContent .buttonWrap .cpn_ul #customerPartNumSubmit ul li.clearAfter .btnNext,.cpn_ul #customerPartNumSubmit ul li.clearAfter .btnFinish{ margin:5px 0px} #reOrderForm .cimm_salesBottomStrip .order_dtprice_font{ width:67%} ul.ul_gridalign li{ width:100%} #search_Form .globla_search_container:hover #txtSearch{ width:250px} #search_Form .globla_search_container:hover .search-icon-btn{ margin-left:220px} .cimm_category-item .sub_cate ul{ height:auto} .cimm_category-item .cimm_category-itemimage a img{ right:unset; padding:0px} .cimm_searchWrapper{ height:80px} .cimm_searchWrapper .cimm_searchForm .form-control{ padding:6px 0px; font-size:10px} .cimm_searchWrapper .cimm_searchForm .form-control em{ font-size:15px} .compareTableWrap .pushbtnGroup li{ width:100%} .compareTableWrap .pushbtnGroup li a.cimm_inlineButton{ width:100%} .bulkActionBtn{ margin:0 auto} .calendarFilterWrap .tableHeader h2{ float:none !important; width:100%; text-align:center} .documentStack li{ width:50%} .cartTotal_Top span{ margin-bottom:10px; font-size:16px} .cartTotal_Top{ text-align:left} .cartTotal_Top a{ margin:0 !important} .select_attributeBody>ul>li.selectOptions{ width:100%; margin-right:0} .calendarFilterWrap .tableHeader .calendarFilterHead{ float:none !important; width:270px; margin:0 auto} .calendarFilterWrap .tableHeader ul.calendarFilterHead li{ width:90px} .listGridContainer .gridView,.listGridContainer .gridView:nth-child(3n+3),.listGridContainer .gridView:nth-child(2n+2),.listGridContainer .gridView:nth-child(3n+1),.listGridContainer .gridView:nth-child(3n+2){ width:100%; float:none; height:auto; min-height:350px; margin:25px 0 0 0} .listGridContainer .gridView .gridFixHeight,.listGridContainer .gridView:nth-child(3n+3) .gridFixHeight,.listGridContainer .gridView:nth-child(2n+2) .gridFixHeight,.listGridContainer .gridView:nth-child(3n+1) .gridFixHeight,.listGridContainer .gridView:nth-child(3n+2) .gridFixHeight{ height:auto; padding:10px} .listGridContainer .gridView ul li.sessionDesp .itemCountGrid,.listGridContainer .gridView:nth-child(3n+3) ul li.sessionDesp .itemCountGrid,.listGridContainer .gridView:nth-child(2n+2) ul li.sessionDesp .itemCountGrid,.listGridContainer .gridView:nth-child(3n+1) ul li.sessionDesp .itemCountGrid,.listGridContainer .gridView:nth-child(3n+2) ul li.sessionDesp .itemCountGrid{ position:inherit; text-align:center; width:100%} .cimm_listGridTopControls .cimm_listGridTopRightCtrls{ display:block; margin:0; text-align:center} .cimm_listGridTopControls .cimm_listGridTopRightCtrls form{ width:100%; float:none; text-align:center; display:block; margin:10px 0} .cimm_listGridTopControls .cimm_listGridTopRightCtrls+.row{ text-align:center} .cimm_listGridTopControls .table-bordered{ border:none !important} .cimm_listGridTopControls .table-bordered tbody tr{ border:none !important} .cimm_itemdetail .cimm_itemdetail-imgcontainer .cimm_itemdetail-image img{ max-height:300px !important; max-width:300px !important} .uploadImage_wrap .uploadFile span,.uploadImage_wrap .uploadImage span,.uploadImage_wrap .uploadFile span{ font-size:10px; padding:8px 2px} .marketingMaterial label,.clearform{ margin-top:8px} #productSearchForm .cimm_inlineButton{ margin-top:10px} #productSearchForm input[type="text"]{ width:100%; margin-bottom:12px} .multiTab.detailPage .multiTabContent div{ padding:10px} .cimm_productCategory .cimm_categoryItemBlockWrap .cimm_categoryItemBlock,.cimm_productCategory .cimm_categoryItemBlockWrap .cimm_categoryItemBlock:nth-child(3n+2),.cimm_productCategory .cimm_categoryItemBlockWrap .cimm_categoryItemBlock:nth-child(2n+2){ margin:25px 1% 0 1%; width:98%} .table_quoterequest tbody tr td .autosuggestspan,.autosuggestdiv .autosuggestspan{ left:0px} .table_quoterequest tbody tr td .autosuggestspan>ul,.autosuggestdiv .autosuggestspan>ul{ min-width:auto} .table_quoterequest tbody tr td .autosuggestspan>ul>li,.autosuggestdiv .autosuggestspan>ul>li{ border-bottom:1px solid #cfcfcf} .inventeryRepItems .autosuggestdiv .autosuggestspan{ left:0px; width:100%} .inventeryRepItems .autosuggestdiv .autosuggestspan>ul.rowul{ min-width:100%} .inventeryRepItems .autosuggestdiv .autosuggestspan>ul.rowul>li{ border-bottom:1px solid #cfcfcf; width:100%} .inventeryRepItems .autosuggestdiv .autosuggestspan>ul.rowul>li span{ display:block} #paymentOptBlock .multiTabHeading2 li{ width:100%} .cimm_PageNotFound .btnGroup a{ display:block; margin-top:10px} } @media screen and (min-width: 320px) and (max-width: 767px) and (orientation: landscape){ #generalModel .modal-body{ max-height:320px} #openOrderTable_filter{ padding:15px 0} #openOrderTable_wrapper div:nth-child(2){ padding:15px 0} #openOrderTable_wrapper .dataTables_length label select.form-control{ width:45%} .new_head{ bottom:10px; padding-bottom:10px} .cimm_itemdetail .cimm_itemdetail-imgcontainer .cimm_itemdetail-image .cx360Spin img{ max-height:62px !important; width:100px !important; position:absolute; max-width:100%; top:0 !important; right:0 !important; bottom:unset !important; left:unset !important; padding:2px; z-index:111; margin:0px 12px 0px 0} } @media all and (max-width: 767px){ .actionBtnWrap{ text-align:left !important; margin-top:10px} .date_from{ position:relative; display:table} .order_btn{ margin-top:5px} #confirmOrderPageDiv #promoCodeSection .col-sm-4{ padding-left:0px} } #childItemTable tbody .focusItemTabs #multiTab ul.multiTabHeading li a:hover{ color:#01070b} #childItemTable tbody .focusItemTabs #multiTab ul.multiTabHeading li a.active:hover{ color:#fff} .btn_secondary{ padding-top:8px !important} .alignItem{ height:107px; display:table-cell; vertical-align:middle; padding-top:0px !important} .cimm_filter-block .cimm_filter_block-container .slimScrollDiv .cimm_filter-scrollbar::-webkit-scrollbar,.cimm_leftnav .cimm_filter .cimm_search-block .cimm_filter_block-container .slimScrollDiv .cimm_filter-scrollbar::-webkit-scrollbar{ visibility:hidden} .cimm_filter-block .cimm_filter_block-container .slimScrollDiv .cimm_filter-scrollbar,.cimm_leftnav .cimm_filter .cimm_search-block .cimm_filter_block-container .slimScrollDiv .cimm_filter-scrollbar{ overflow:auto !important; -ms-overflow-style:none; scrollbar-width:none} .alignFourItem{ height:150px; display:table-cell; vertical-align:middle; padding-top:0px !important} .alignThreeItem{ height:105px; display:table-cell; vertical-align:middle; padding-top:0px !important} @media only screen and (min-device-width: 768px) and (max-device-width: 1024px){ .cimm_itemdetail .cimm_itemdetail-imgcontainer .cimm_itemdetail_thumblist .slick-list,.cimm_itemdetail .cimm_itemdetail-imgcontainer.verticalThumblist .cimm_itemdetail_thumblist .slick-list{ padding:0; margin:0 0 0 -130px !important} } .desktop .sirv-spin-button{ opacity:1} .cx360Spin img{ max-height:51px; position:absolute !important; max-width:100%; top:0 !important; right:0 !important; bottom:unset !important; left:unset !important; padding:2px; z-index:111; margin:0px 12px 0px 0 !important} .sirv-spin-button.fullscreen-exit{ background-image:url(../images/CX_Minimize_Icon.png); background-position:0 0 !important; background-size:40px 40px !important} .sirv-spin-button.fullscreen{ background-image:url(../images/CX_Expand_Icon.png); background-position:0 0 !important; background-size:40px 40px !important; bottom:15px !important; top:unset} .spin-figure .sirv-spin-hint{ background-image:none; background-color:rgba(239,232,232,0.7); font-size:14px; font-family:"MuseoSans500"; padding:0.8em 0em; box-shadow:none; border:none; top:37%; font-size:15px; text-transform:uppercase; color:#000; border-radius:0px; opacity:1; margin:auto; text-align:center; width:70%; max-width:100%; left:0; right:0; -webkit-transform:none !important; transform:none !important; -webkit-font-smoothing:antialiased} .spin-figure .sirv-spin-hint .hint-side,.sirv-spin-hint-side{ display:none} .spin-figure .sirv-spin-hint .hint-text{ width:auto; max-width:96%; color:#000; letter-spacing:2px; font-weight:700; display:inline !important} .cimm_itemdetail .cimm_itemdetail-imgcontainer .cimm_itemdetail-image .cx360Spin img{ max-height:55px; position:absolute; max-width:100%; top:0; right:0; bottom:unset; left:unset; padding:2px; z-index:111; margin:0px 12px 0px 0} .cx360Spin img{ max-height:51px; position:absolute !important; max-width:100%; top:0 !important; right:0 !important; bottom:unset !important; left:unset !important; padding:2px; z-index:111; margin:0px 12px 0px 0 !important} .cimm_itemdetail .cimm_itemdetail-imgcontainer .cimm_itemdetail-image .cx360Spin{ display:block !important}