/* Template: PRACTICAL PROMOTIONS */

@import url('https://fonts.googleapis.com/css?family=Hind:wght@400;600&family=Merriweather:wght@300;400;700;900&display=swap');
@import url(https://cdn.asicentral.com/esp-websites/RotatingBanners/jquery.bxslider.min.css);
@import url(https://code.ionicframework.com/ionicons/2.0.1/css/ionicons.min.css);
@import url(https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.4.2/css/all.min.css);

/* COOKIE CONSENT */
.cc-banner.cc-bottom {background-color: rgba(0,0,0,0.75) !important;border: none;color: #ddd !important;}
.cc-btn.cc-customize {color:#ddd !important}
.cc-btn.cc-ALLOW {background: #ddd !important; color:#000 !important}
.cc-btn.cc-ALLOW:hover {background: #fff !important;}

.addthis {display: none;}

/* RESETS */
body {font-size: 16px; font-family:'Hind', sans-serif;}
.container { margin: 0 auto;}
.subFooter { background: none; border: none; }
.container_12 {width: 100% !important;    margin: 0 auto;top: 0 !important;margin-top: -10px;}
.container_12 .grid_12 {width:100%!important; margin:0 auto;}
.sectionWrap {max-width:90%; margin: 40px auto;}
.sectionWrap{width: 90%; margin: 3% auto;max-width: 1500px;}
.headerZone2 {width: 20%!important;margin: 0;}
.headerZone3 {width: 75%!important; text-align:center;margin: 0;float: right;position: absolute;top: 50%; transform: translate(0%, -50%); right: 3%;}
.mainZone1 {display: inline-block;}

/* LOGO */
.logo { padding: 0;}
.logo a { display: inline-block; font-size: 24px; font-weight: bold; line-height: 1em; }
img[id$="imgLogoLnk"] {height: auto !important;   max-width: 100% !important;width: 200px !important;}

/* LINKS */
a, a:link, a:visited, a:hover, a:active { text-decoration: none; color: #24349d; }
a:hover { color: #777;  }
.styledtxt { color: #24349d; }

/* HEADERS */
h2 {font-family:'Merriweather', serif;  font-weight: bold; color:#24349d;font-size: 28px;}
h3, h4, h5, h6 { margin-bottom: 5px; }
h3 { font-size: 16px; }
.herobanner, .Article .herobanner h2 .fltlft {width: 90%!important;background: url(https://cdn.asicentral.com/esp-websites/33020/positivepromo/pagebkgd.png) no-repeat #24349d center top;background-attachment: fixed;background-size:100%;padding: 5% 5%;clear: both;}
.herobanner h2 { text-align: center;color: #fff;font-weight: 600; font-size: 50px;line-height: 48px; margin-bottom: 0;}
.attributesContainer h1 {color:#24349d;}

/* ICONS */
.icoBox.iX, .icoBox.iX2, .icoBox.iArrowUp, .icoBox.iArrowDown, .icoBox.iArrowLeft, .icoBox.iArrowRight {background:none; text-indent:0; font-family: FontAwesome;font-weight:normal; line-height:16px}
.iconContainer:before {font-family:FontAwesome;}
a.previous::before {content:'\f060'; font-family: FontAwesome; font-size: 14px;}
a.next::before { content:'\f061'; font-family: FontAwesome; font-size: 14px; }
.icoBox.iX:before {content: '\f00d'; padding:4px;}
.icoBox.iX2:before {content: '\f056'; padding:4px;}
.icoBox.iArrowUp:before, .iconContainer.arrowH1E:before { content: '\f106'; font-weight:bold; font-size:20px;font-style:normal; line-height:normal}
.icoBox.iArrowDown:before, .collapsed .iconContainer.arrowH1E:before { content: '\f107'; font-weight: bold; font-size:20px;}
.icoBox.iArrowLeft, .icoBox.iArrowRight{font-size:0;}
.prodVSTag{top:140px;}
.prodVSTag.pauto-wand-pos{top:100px;}
.prodVSTag.potd-wand-pos{top:10px!important;}
.ui-accordion .ui-accordion-header .ui-icon, .iconContainer.arrowH1E {background:none;}
.ProductDetailVS i.icon-down {background:none;}
.ProductDetailVS i.icon-down:before {content: '\f019'; font-family: FontAwesome; font-style:normal; line-height:27px;}
.socialLinks .social-icon {background:none; height: 50px; width: 50px; }

/* FULL WIDTH HEADER ZONE */
.fullWidthHeaderZone {background:#24349d;display: block;height: 40px;padding: 0 3%;line-height: 40px;}
.fullWidthHeaderZone h3 {display: none;}
.fullWidthHeaderZone .Address, .fullWidthHeaderZone .SocialLinks {float: left; color: #000; margin-right: 10px;}
.fullWidthHeaderZone .addressline, .fullWidthHeaderZone .ownerNameTitle, .fullWidthHeaderZone .companyName {display: none;}
.fullWidthHeaderZone .phone, .fullWidthHeaderZone .email, .fullWidthHeaderZone .fax{float: left; margin-right: 15px; color:#fff; font-size:14px;}
.fullWidthHeaderZone .email a{color:#fff;}
.fullWidthHeaderZone .emaillabel, .fullWidthHeaderZone .phonelabel {display: none;}
.fullWidthHeaderZone .phone::before {content: '\f095'; font-family: 'FontAwesome'; font-size: 16px; margin-right: 5px; color:#dddddd; position:relative; top:1px;}
.fullWidthHeaderZone .email::before {content: '\f0e0'; font-family: 'FontAwesome'; font-size: 16px; margin-right: 5px; color:#dddddd;}
.fullWidthHeaderZone .fax:before{content:"\f1ac"; font-family: 'FontAwesome'; font-size:16px; margin-right:5px; color:#dddddd;}

/* HEADER MAIN MENU */
.header .Menu .menu { background: none; height: auto; margin: 0;}
.header .Menu .menu>ul { text-align:center; margin-top: 15px; margin-bottom: 0;}
.header .Menu .menu .tabs>li>a { float:left; font-size: 20px; }
.header .Menu .menu>ul li {display: inline-block; float: none; margin: 0 0 0 20px; position: relative; padding: 0;   }
.expand::after { content:'\f107'; font-family:FontAwesome; margin-left:10px;}
.dropdown .expand::after { content:'\f105'; font-family:FontAwesome; margin-left:10px;}
.header .Menu .menu .tabs>li>a:hover, 
.header .Menu .menu .tabs>li>a.current{ color: #777; }
.header .Menu .menu>ul li a  { color: #24349d;  line-height: 19px; height: 19px; }
.header .Menu .menu>ul li a.divider { padding: 0; }
.header .Menu .menu>ul li a:hover, 
.header .Menu .menu>ul li a.current { border: none; text-decoration: none; }
.headerRow2 {background: #fff; position:relative; z-index: 999;  width: 94%;padding: 5px 3% 10px;min-height: 110px;height: auto;}
.headerRow2 .Menu {display:inline-block; margin-top:5px;float: right;clear: both;}

/* HEADER DROP MENU */
.header .Menu .menu ul.dropdown { display: none; position: absolute; left: 0; top: 50px; background: rgba(255,255,255,.9); border:1px solid #d8d8d8;}
.header .Menu .menu ul.dropdown li { display: block; text-align:left;}
.header .Menu .menu ul.dropdown li a:hover{ background: #24349d; color:#fff; }
.header .Menu .menu ul.dropdown ul { left: 100%; top: -1px; width: auto; }
.header .Menu .menu ul.dropdown li a:hover span, ul.dropdown li a:hover span { background:none; }
.social-icon {background: none; margin: -2px 0px 0px 0px;}
.social-icon a {color: #fff; font-size: 18px;}


/* END USER STATUS */
.EndUserStatus .menuWrap { border: none; margin: 0; }
.EndUserStatus .divider { display: none; }
.EndUserStatus .menu > ul li { padding: 0 9px; color: #fff;line-height: 30px;}
.EndUserStatus .menu { height: auto; line-height: 29px; background: none; margin:0; padding: 0; }
.EndUserStatus .menu ul { border-right: none; padding: 0; height:40px; margin: 0;}
.EndUserStatus .menu>ul li a {  color: #fff; }
.EndUserStatus .menu>ul li a:hover {text-decoration:none;}
.EndUserStatus li:first-of-type a:before{content:'\f007'; font-family:'FontAwesome',sans-serif; font-size:18px; margin-right:5px;}
.EndUserStatus li:nth-of-type(2) a:before{content:'\f08b'; font-family:'FontAwesome',sans-serif; font-size: 18px; margin-right:10px;}
.EndUserStatus li a.sign-in-link:before{content:'\f090'!important; font-family:'FontAwesome',sans-serif; font-size:18px; margin-right:10px;}
.EndUserStatus .welcome-label{color: #fff;margin-top: 4px;}
.EndUserStatus {float:right; display:block; z-index: 99; position:relative; margin-top:5px;color: #fff;}
.EndUserStatus li:nth-of-type(2) a {margin-top:-2px;line-height: 25px;}

/* FORMS */
a.btnLink { display: inline-block; margin-right:4px; padding: 0.25em 0 0.16em; text-decoration: none; font-weight: bold; line-height: 1.0em; position: relative; cursor: pointer; }
a.btnLink:hover .btnTxt {text-decoration:underline;}
.buttons { padding: 0.3em 8px; border: 0 none; }
a.btn, a.btn.styled {  color: #fff!important; text-transform: uppercase; font-size: 18px; padding: 15px 30px 13px; border: none; border-radius: 50px; background: #24349d; }
a.btn:hover, a.btn:active, a.btn.styled:hover, a.btn.styled:active {background: #777; text-decoration:none;}
a.btn:hover .btnTxt { text-decoration: none; }
.bootstrap-container .btn-link {color:#24349d;}

/* FORM - INLINE */
.formLayout.inline { overflow: hidden; zoom: 1; }
.formLayout.inline .flGrp { float: left; display: inline-block; clear: none; overflow: hidden; /* padding: 0 8px; */ height: 48px;}
.formLayout.inline label.lblTitle { float: left; margin: 0.2em 0.5em 0 0;}
.formLayout.inlineTitle { padding: 0; }
.formLayout.inlineTitle .info { display: inline-block; float: left; margin: 0; padding: 2px 0; border-bottom: 0 none; }
.formLayout.inlineTitle .info h2 { font-size: 2em; line-height: 1.0em; margin: 0; clear: left; }


/* NEWSLETTER SIGNUP */
.FooterZone1 {width:100% !important;}
.FooterZone1 .NewsletterSignup{background-image:url(https://cdn.asicentral.com/esp-websites/33020/positivepromo/newsletter-bkgd.jpg); background-size:cover; background-repeat:no-repeat; text-align:center; padding:140px 0; background-position-y:15%;background-position-x: center;}
.FooterZone1 .newsletter h3 span{ margin-bottom:0;font-family: 'Merriweather', serif; font-weight: bold; color: #24349d; font-size: 28px;}
.FooterZone1 .newsletter span {color:#000; font-size: 16px;}
.FooterZone1 .NewsletterSignup .formLayout{width: 40% !important; display:block; margin:0 auto; border: 1px solid #24349d; margin-top:10px; overflow:hidden; border-radius:50px;height: 32px;}
.FooterZone1 .NewsletterSignup .news{width:75%; float:left;}
.FooterZone1 .NewsletterSignup input{width:100% !important; border:none; line-height: 32px; height: 32px !important; padding: 0 0 0 20px!important;  background: rgba(255,255,255,0.7);}
.FooterZone1 .NewsletterSignup .buttons a{border-radius:0; height: 32px; background:none; border:none; color:#fff; line-height: 37px; font-size:16px; font-weight:400; position:relative; z-index:2;padding: 0;}
.FooterZone1 .NewsletterSignup .buttons:hover{background: #777; transition: .25s}
.FooterZone1 .NewsletterSignup .buttons{width:25%; float:left; background: #24349d;padding: 0;}
.successMessage{margin:0 auto;}

/* FOOTER */
.footer{ background: #e5e7eb; text-align:center; color:#000; }
.footer .Address h3 {display:none;}
.footer .socialLinks h3{font-size:0;}
.footer .SocialLinks {margin: 10px auto 40px;}
.footer .socialLinks li{margin: 1;width: 40px;}
.footer .socialLinks em {color: #fff;background: #24349d; border-radius:50%; height: 40px; width: 40px; line-height: 40px; font-size: 22px;}
.footer .socialLinks em:hover {color: #fff;background: #777;}
.footer .socialLinks em::before {font-family: FontAwesome;}
.footer .Address {font-size:20px;}
.footer .Address .map{margin:10px auto;}
.footer .Logo {width:20%; margin:3% auto 20px;padding: 0;}


/* COPYRIGHT */
.fullWidthFooterZone { background: #24349d;}
.fullWidthFooterZone { color: #fff; font-size: 12px; padding: 5px 0 !important; padding: 0; line-height: 20px;text-align: center; }
.fullWidthFooterZone a { color: #fff; }

/* CONTENT */
.section .asiModule { margin-bottom: 20px; }
.section .grid_12 .asiModule { padding: 0; border: none; }

/* SHOPPING CART */
.btn-checkout {display: none;}
.ShoppingCart {float: right;width: auto;clear: right;}
.ShoppingCart button:before {font-family: FontAwesome; content: "\f07a"; color: #fff; font-size:25px; top:2px; position:relative;padding: 11px;line-height: 48px;}
.ShoppingCart .btnTxt.ng-binding{font-size:0;}
.ShoppingCart .notranslate.ng-binding{position:absolute;top:-7px;right:-9px;font-size:15px;background: #e6e6e6;width:20px;height:20px;border-radius:30px;color:#000;line-height:21px;}
#shoppingCart button::before{display:none;}
#shoppingCart button{ width:Auto; border-radius:50px;}
.bootstrap-container .btn-primary{background: #24349d !important; color:#fff !important; border:none;}
.bootstrap-container .btn-primary.active, .bootstrap-container .btn-primary:active, .bootstrap-container .btn-primary:hover, .open>.bootstrap-container .btn-primary.dropdown-toggle, #shoppingCart button:hover {color: #fff !important;background-color: #777 !important; border: none;text-decoration: none;}
.btn-checkout[disabled="disabled"]{display:none;}
#btnCheckout{display:none;}
table.orderDetail .colVariation{width:100px;}
.ShoppingCart button.btn-shopping-cart{background: #24349d;border-radius:50px;}
.ShoppingCart button.btn-shopping-cart:hover {background:#000;}
.bootstrap-container .text-light{line-height:20px;}
.ShoppingCart .scInfo .ellipsis {font-size:14px; color:#000}
.ShoppingCart input[type="text"] {color:#000}
.ShoppingCart .col-xs-2.scPrice {color:#000; padding-top: 13px;font-size: 14px;text-align: center;}
.ShoppingCart .list-products .buttons {display: block;margin-top: 9px;}

/* SEARCH BAR */
.header .QuickSearchBasic {width: 65%;display: block;float: right;background-color: #fff;border: 1px solid #e2e2e2;border-radius: 50px;margin-right: 10px;height: 48px;}
.header .QuickSearchBasic h2, .header .QuickSearchBasic label, .price-separator {display: none;}
.header input[type="text"], .header input[type="password"], .header input[type="search"], .header select {border: none;color: #464646;font-size: 14px;text-transform: capitalize;width: 90%;padding-left: 6%;height: 36px;background: transparent;}
.header .quickSearch {border: none;background-color: #fff;border-radius: 50px;padding-left:5px}
.header .quickSearch .price-to input, .header .price-from input {font-size: 11px; width: 65px;}
.header .quickSearch .search-keyword {width: 55%; float: left;}
.header .quickSearch .price {width: 33%;float: left;}
.header .quickSearch .buttons a.btn:hover {background-color: #000;}
.header .quickSearch .buttons a.btn:hover:before {color:#fff}
.header .quickSearch .buttons a.btn:before {line-height: 26px;font-family: FontAwesome;content: "\f002";color: #fff;font-size: 20px;}
input:focus, textarea:focus, select:focus { /* border-color: transparent; */  -webkit-box-shadow: 0 0 5px rgb(255 255 255 / 0%); -moz-box-shadow: 0 0 5px rgb(255 255 255 / 0%); box-shadow: 0 0 5px rgb(255 255 255 / 0%); outline: 0; outline: thin dotted \9;}
.header .quickSearch .buttons a.btn {font-size:0;padding: 10px 15px;text-align: center;} 
.header .quickSearch .flGrp.buttons {float:right;font-size: 0;  padding: 0; text-align: center;}
.ui-helper-hidden-accessible{display:none !important;}

/* HP MAIN BANNER */
.banner1 img{width:100%;}
.bannertext {position:absolute;margin-top: 8%;left: 0;text-align: left;background: #24349dcc;padding: 20px 30px 20px 5%;z-index:9;font-family: 'Merriweather', serif;color: #fff;width: 25%;font-size: 48px;}
.bx-prev, .bx-next {display:none}
.bx-wrapper .bx-pager {bottom:5%;font-size: 1em;}
.bx-wrapper .bx-pager.bx-default-pager a {background: #999;height:15px; width:15px;border-radius: 15px;}
.bx-wrapper .bx-pager.bx-default-pager a:hover, .bx-wrapper .bx-pager.bx-default-pager a.active, .bx-wrapper .bx-pager.bx-default-pager a:focus {background:#fff;height:15px; width:15px;border-radius:15px}

/* WELCOME TEXT */
.Home .mainZone1 .Content {margin-bottom:0}
.introContent {text-align: left;  margin:0 auto;float: left;padding: 5% 10%;}
.introContent h3{font-family:'Merriweather', serif; font-weight: bold; font-size: 42px;color: #24349d;}
.introContent p{font-size: 18px;}
.welcome {background:#e5e7eb;display: flex;}
.welcomeText {float:left;}
.welcomePic {height:100%;float: right;bottom: 0;position: relative;display: contents;}
.welcomePic img {width: 100%;} 


/* TILES */
.tiles {display: inline-block;text-align: center;margin: 30px 0 50px;width: 100%;}
.tile {width:24%; margin:0 0.5%; float:left;}
.tile:hover a h4 {color:#24349d;text-decoration: none !important;}
figure.snip1205 {
  position: relative;
  overflow: hidden;
  
  min-width: 220px;
  max-width: 310px;
  width: 100%;
  background: #000000;
  text-align: center;
  box-shadow: 0 0 5px rgba(0, 0, 0, 0.15);
margin-bottom: 5px;width: 100% !important;}
figure.snip1205 * {
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  -webkit-transition: all 0.35s ease-in-out;
  transition: all 0.35s ease-in-out;
}
figure.snip1205 img {
  max-width: 100%;
  vertical-align: top;
}
figure.snip1205 i {
  position: absolute;
  top: 50%;
  left: 50%;
  border-radius: 50%;
  font-size: 34px;
  color: #24349d;
  width: 60px;
  height: 60px;
  line-height: 60px;
  background: #ffffff;
  box-shadow: 0 0 5px rgba(0, 0, 0, 0.15);
  -webkit-transform: translate(-50%, -50%) scale(0);
  transform: translate(-50%, -50%) scale(0);
  transition: all 300ms 0ms cubic-bezier(0.6, -0.28, 0.735, 0.045);
}
figure.snip1205 i:before {line-height:60px}
figure.snip1205 a {
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  position: absolute;
}
figure.snip1205 {
  background-color: #24349d;
}
.tile:hover figure.snip1205 img{
  opacity: 0.5;
  -webkit-filter: grayscale(100%);
  filter: grayscale(100%);
}
.tile:hover figure.snip1205 i {
  -webkit-transform: translate(-50%, -50%) scale(1);
  transform: translate(-50%, -50%) scale(1);
  transition: all 300ms 100ms cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

/* POD */
.Home .mainZone8 {width: 100%!important; display: block; float: none} 
.ProductOfTheDay {width: 100%!important; float: left;  margin: 20px 0;   }
.PODay{width: 100%; }
.ProductOfTheDay a {color: #000;}
.ProductOfTheDay h2 {color: #24349d; font-family: 'Merriweather', serif; width:60%; float:right; text-align:left}
.ProductOfTheDay .prodImg {width: 35%; float:left;}
.ProductOfTheDay a#btnProductDetail {font-size:24px; width:80%; font-weight:700; line-height:25px; display:block; color:#000; margin-top:10px; font-weight:400;font-family: 'Merriweather', serif;}
.ProductOfTheDay #btnProductDetailPrice {color: #fff; background:#24349d; padding:12px 20px; margin-top:15px;display:inline-block; line-height:16px; border-radius:50px; font-weight:400}
.ProductOfTheDay #btnProductDetailPrice:hover{background: #777; transition:.3s ease}
.ProductOfTheDay p {font-size: 16px; line-height: 24px;color: #000; max-height:190px; overflow:hidden;margin-top: 15px;}
.ProductOfTheDay p.prodDescr{padding-bottom:0; margin-bottom:0;}
.ProductOfTheDay .prodLink {font-weight: 600; font-size: 16px;}
.ProductOfTheDay .socialLinks{width:60%; float:right;}
.PODay .prodImg img {max-height: 100%!important;}
.PODay .prodInfo {color: #000; width:60%; float:right;}
.potd-wand-pos {top:160px !important; left:40% !important;}
/* AD BANNER */
.Ad, .Banner {margin: 0 50px; clear:both; }
.adSlider .btns{display:none;}
.adSlider .pagerBtn .pagination { float:right; margin-top:5px;}
.adSlider .pagerBtn .pagination li { float: left; margin: 0 7px 0 0;}
.adSlider {margin-bottom:50px;}
.adSlider .pagerBtn .pagination li a { background: #ccc;float:left;font-size: 0; height: 12px; width: 12px;line-height: 0; overflow: hidden;border-radius:50%;}
.adSlider .pagerBtn .pagination li.active a { background: #24349d;}

/* PRODUCT SET AUTO */
.mainZone2 {float:left; margin:0; width:49%;display: inline-block;}
.mainZone3 {float:right; margin:0; width:49%;display: inline-block;}
.Home .ProductSetAutoUpdate { width: 100%;   float: none; display: inline-block; clear: both; position: relative;padding: 0 0 40px 0 !important;}
.Home .ProductSetAutoUpdate .fg-toolbar {display:none;}
productset-homepage li img{border-radius:50%;border: 1px solid #ccc !important;}
productset-homepage li img:hover{border: 1px solid #000 !important;}
.ProductSetAutoUpdate h2{margin: 0 0 30px;background: #24349d;color: #fff;text-align: center;font-size: 28px;}
.ProductSetAutoUpdate .allLinks {  text-align: center;}
.ProductSetAutoUpdate .allLinks .pad5{display:none;}
.ProductSetAutoUpdate .allLinks .borderRight {display:inline; border-right:none; color: #fff;   padding: 10px 30px; border: none; border-radius: 50px; background: #24349d; font-weight:bold;}
.ProductSetAutoUpdate .allLinks .borderRight:hover {color:#fff;background: #777; text-decoration:none;}
.ProductSetAutoUpdate a:hover {color:#24349d;}
#productset-content.carousel .dataTables_info { display:none; }
#productset-content.carousel .ui-toolbar.ui-widget-header { line-height: 15px;} 
#productset-content.carousel .pagination-links { display: none; }
#productset-content.carousel li { padding: 0; }
#productset-content.carousel li .prodName { line-height: 1; height: auto; color: #464646; font-size: 14px; background: none; text-shadow: none; position: relative; width: auto; padding: 4px 10px!important; }
#productset-content.carousel li a { background: none;}
#productset-content.carousel .big { font-size: 13px!important; } 
#productset-content.carousel .mask { margin-top: -8px; }
.ellipsis {margin:0!important;}
.ProductSetAutoUpdate .fg-toolbar { position: absolute;top: 40%; width: 100%; background: none; border: none;}
.prodSet li .prodImg {background:none}
.configOptions { position: absolute;left: -35px;top: 230px; z-index: 200; width: 27px;}
.configOptions .configHandle {position: absolute; width: 200px; height: 25px;line-height: 22px; color: #FFF; text-align: center; z-index: 199; text-transform: uppercase;font-size: 14px;border: none; background: #24349d; font-weight:normal; left: -80px; top: 100px;-webkit-transform: rotate(270deg);  -moz-transform: rotate(270deg);-o-transform: rotate(270deg); -ms-transform: rotate(270deg);}
.Home .ProductSetAutoUpdate .tabs.grp6.clearfix {padding:0 5%}

@media \0screen {
    .configOptions .configHandle {
        position: absolute;
        width: 200px;
        height: 25px;
        line-height: 24px;
        color: #FFF;
        text-align: center;
        z-index: 199;
        font-weight: bold;
        font-size: 16px;
        border: 1px solid #0085DB;
        left: -80px;
        top: 100px;
        background: url('../CrystalBall/images/menuBG.png') left top repeat-x #0085DB;
        background: -moz-linear-gradient(19% 100% 90deg, #0085DB, #00C6FF);
        background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#00C6FF), to(#0085DB));
        filter: progid: DXImageTransform.Microsoft.BasicImage(rotation=3);
        top: 0px;
        left: 0px;
    }
}
.configOptions .configHandle:hover { cursor: pointer;}
.configOptions .configHandle:before,
.prdrebConfig .configHandle:after { content: ' '; display: block; position: absolute; top: -1px; width: 13px;  height: 27px; background: url(../CrystalBall/images/sprite.png) 0 0 no-repeat;}
.configOptions .configHandle:before { background-position: 0 -52px; left: -13px;}
.configOptions .configHandle:after { background-position: -22px -52px;right: -12px;}
.configOptions .configHolder { overflow: hidden; position: relative; margin-left: 12px; padding: 10px; height: auto; width: auto;}
.configOptions .config { position: relative; background: #FFF; margin: 0 0 0 10px; left: -240px; width: 210px; border: none; -moz-box-shadow: 0 0 8px rgba(0, 0, 0, 0.3); -webkit-box-shadow: 0 0 8px rgba(0, 0, 0, 0.3); box-shadow: 0 0 8px rgba(0, 0, 0, 0.3);}
.configOptions .configHolder .ui-widget-header { color: #fff; background: #24349d;}
.configOptions .configHolder .ui-widget-header h5 { color: #fff;}


/* PROD TILE */
.prodTile .prodName a {color: #24349d;font-weight: bold;font-size: 16px;}
.prodTile .prodDescr {font-size: 14px;}
.prodSet .tabs li a { background: none!important;opacity: 1;}
.prodSet .tabs li a:hover { background: none!important;opacity: 0.7;}
.prodSet li .prodName,
.prodSet .tabs li a:hover .prodName { font-size: 16px; line-height: 2; position: relative; background: none; color: #666; text-shadow: none;text-decoration: none;}
.prodVSTag {position: absolute;top: 158px;left: 12%;z-index: 200;}


/* PROD RESULTS */
.prdrebConfig h5 { color: #fff;}
.ProductResultsBasic .prodTile { border: none; height: auto;}
.ProductResultsBasic .prdrebConfig {  bordeR: none;  width: 20%;}
.prdrebConfig.grid_3.alpha {width: 19%;margin-right: 2%;background: #f5f5f5;padding: 2%;}
.prdrebProducts.grid_9.omega {width: 75%;margin: 0 !important;}
.ProductResultsBasic .prdrebConfig a {  font-size:14px}
.prodTile .p_Img_Title { displaY: inline-table;  margin-bottom: 20px;}
.col4 {   width: 33%;}
.downloadLinks {    text-align: center;}
.prdrebConfig .fieldsetInner {   border-top: none; bordeR: none;}
.prdrebConfig .ui-widget-header { padding: 0; color: #000; border: none; font-size: 1.2em; background: none;   font-weight: normal;}
.prdrebConfig .ui-widget-header h5 {  font-size: 1.0em;  padding: 0;  line-height: inherit; color: #000; font-weight: normal;}
.prdrebDimensionGroup ul li a {   text-align: left;}
.prdrebDimensionGroup .btnTxt {  font-size: 1.2em;  text-transform: uppercase;  color: #000;  line-height: normal;}
.prdrebDimensionGroup a.strong.moreLink {  color: #24349d;}
a.product-image-link img {  border: 1px solid #efeeee;}
a.product-image-link img[style] {  border-width: thin !important;}
.prdrebConfig ul ul {  margin-left: 10px;}
.prdrebConfig ul li a span { text-transform: lowercase;}
.YouMayAlsoLike .gridFooter .prod-det ._50 {  width: 90%;}
.prdrebTopBreadcrumbs {  width: 75%;  float: right;  font-size: 1.2em;  font-weight: normal;}
.col4.prodPannel { width: 25%!important;}
.ProductSetList{ margin:40px auto; max-width:1024px;}
.prodTags {z-index:1;}
.dataFieldBlock {padding:0}
.modal-open {overflow: hidden!important;}

/* PROD DETAIL */
.prodDetailLinks {}
.prodDetailLinks a{font-size:16px; background: #24349d;width: fit-content;color: #fff;padding: 3px 20px;border-radius: 25px;float: left;margin-right: 10px;}
.prodDetailLinks a:hover {background:gray}
.ProductDetailsBasic .prodName{font-size:20px;font-family: 'Merriweather', serif;color: #24349d;}
.prodImage .hei300 {height: auto;width: 100%;display: block;}
.prodImage .prodImg ._p_a_tag > img {max-height: none;max-width: none;height: auto;width: 100%;}
.YouMayAlsoLike {margin:20px 0;}
.YouMayAlsoLike .gridFooter {   border: 1px solid #CCC; border-bottom: 2px solid #CCC; border-top: none; background: #FFF; height:180px; width: 16%; float: left;}
.YouMayAlsoLike .gridFooter img{margin-bottom:10px;}
.YouMayAlsoLike .fieldsetInner {   border: none;}
.divVSLink {width:90% !important;display: block;}
.downloadLinks a{font-size:16px;}
.ProductDetails h5 {margin-bottom:0; margin-top:10px}
.carousel .previous {top: 13px;left: -15px;}
.carousel .next {top: 13px;right: -15px;}
.ProductDetails .prodImg .qk-vw {width: 70% !important; margin: 0 15%;left: 0 !important;}
.fltleft._fontCS.font-color #customWidget {position:inherit}
.VirtualSamples .blockUI.ui-corner-all.blockPage {display: none!important}


/* FEATURED VIDS */
.featureVideo h6 { margin-bottom: 5px; margin-top: -6px; font-weight: normal; }
.featureVideoSet ul { margin: 0 -5px; }
.featureVideoSet ul li { float: left; padding:0; }
.featureVideoSet .tile { padding: 10px 0; border: none; margin: 5px; }
.featureVideoSet .title { margin: 5px; text-align: center; font-size: 11px; }
.featureVideoSet ul li:first-child { width: 100%; display: block; }
.featureVideoSet ul li:first-child .tile { border: none; margin: 0; }
.featureVideoSet ul li:first-child .title { text-align: left; float: none; font-size: 14px; font-weight: bold; }

/* ARTICLES */
.article { float: left; display: inline-block; line-height: inherit; color:#fff; }
.article img{display:none;}
.article:last-child { margin-right: 0px; }
.article h3 { font-size:1.7em; line-height: 1.3em; font-weight:normal; margin-top:20px; }
.article .readmore { padding: 8px 0 0 0; width: inherit; font-weight: bold; }
.article .readmore a:after { content:" >";}
.EditorialContentFeed {color:#fff; background: #24349d; padding:20px;}
.readmore a{color:#fff;}
.EditorialContentFeed::before{content:'Industry News'; font-size: 25px; text-transform: uppercase;}
.ui-accordion .ui-accordion-header, .attributesContainer { background: none; border-style: dashed; border-color: #b2b2b2;}

/* MY ACCOUNT */
ul.ui-tabs-nav li.ui-tabs-active a, ul.ui-tabs-nav li.ui-tabs-active {color:#24349d;}

/* CONTACT */
.ContactUs section .SocialLinks h3{display:none;}
.ContactUs section .SocialLinks {/* height:80px; */}
.ContactUs section .socialLinks em {color:#24349d;background:#fff; border-radius:50%; height:60px; width:60px; line-height:60px; font-size:30px;}
.ContactUs section .socialLinks em:hover {color:#24349d;background:#fff;}
.ContactUs section .socialLinks em:before{font-family:"FontAwesome";}
.ContactUs .column{ width:48%;}
.ContactUs .asiNum {color:#24349d!important;}
.ContactUs .SupplierDetails {margin-top:50px;}
.ContactUs .SupplierDetails h1.sectionHeader {margin: 20px 5px 8px!important; padding:0; background-color:transparent; font-size:20px; color:#24349d; font-family: 'Merriweather', serif;}

@media only screen and (min-width:481px) and (max-width:1200px) {
	.quickSearch .formLayout.inline .flGrp.price, .quickSearch .formLayout.inline .flGrp.buttons div {display:none;}
}

@media only screen and (min-width: 481px) {
	.container_12 .grid_3 {width:25%;}
	.container_12 .grid_4 { width: 25%;margin-right: 5%;}
	.container_12 .grid_6 { width: 48%;}
	.container_12 .grid_8 {width:67%; margin-left:2%;}
	.container_12 .grid_9 {width: 100%;}

}

@media only screen and (min-width:1024px){
	.prodTile .prodImg img { max-width: 175px; max-height: 175px;}
}

/* TABLET */
@media only screen and (min-width:481px) and (max-width: 1024px) {
	img[id$="imgLogoLnk"] {max-width:140px;}
	h2 {font-size:30px;}
	a.btn, a.btn.styled {font-size:14px;}
	.container_12 .grid_6 {width:46%; margin-left:15px; margin-right:15px;}
	.container_12 .grid_8 { width: 55%;}
	.header .Menu .menu .tabs > li > a {font-size:14px;}
	.ProductSetAutoUpdate .allLinks {top:-90px;}
	#productset-content.carousel .big {font-size:12px;}
	productset-homepage li img {height:90px!important;}
	.sectionWrap {max-width:95%; margin: 40px auto;}
	.quickSearch .formLayout.inline .flGrp.price {display:none;}
	.social-icon {margin:4px 0 0 0; height:50px; width:50px;}
	 .footer .socialLinks .social-icon {height:60px; width:60px;}
	.socialLinks em {height:50px; width:50px; line-height:50px; font-size:30px!important;}
	.ContactUs section .socialLinks li {margin:0;}
    .bannertext {font-size:36px;}
}

/* MOBILE */
@media only screen and (max-width: 480px) {
    body { min-width: 100%; }
	.grid_9 {margin:0;}
	.headerZone2 {width:100%!important; margin:0;}
	.headerZone3 {width:100%!important;position: relative;transform: none;top: auto;}
	.headerRow2{padding: 0 5%;width: 90%;margin-top: 10px;z-index: auto;min-height: 0;margin-bottom: 5px;}
	.Home .QuickSearchBasic .quickSearch, .QuickSearchBasic .quickSearch {border:1px solid #bebebe; width: 100%; }
	.QuickSearchBasic .quickSearch .formLayout.inline {margin-bottom:0px;}
	.QuickSearchBasic .quickSearch .formLayout .flGrp.search-keyword input {font-size:16px;}
	.quickSearch .formLayout.inline a.btn:before {font-size:22px;}
	.sectionWrap {max-width:350px;}
    body.mobile nav.mobile-menu { color: #fff; background: #24349d; }
	nav.mobile-menu > ul {background:#24349d;}
	nav.mobile-menu > ul:after {border-bottom:7px solid #24349d;}
	body nav.mobile-menu a{color: #fff;}
	nav.mobile-menu a.current {color: #999;}
	nav.mobile-menu li > ul.dropdown a {color:#fff;}
    .header, .section { padding: 0; border-left: none; border-right: none; }
	.section .asiModule{overflow:hidden;}
	a.btn, a.btn.styled {font-size: 16px;}
	.Logo .logo {margin: 5px auto 0px;width: 100% !important;}
	.ShoppingCart .shoppingCart-container{right: 15px; top: -48px; z-index:2; position:absolute;}
	.ShoppingCart .Cart #shoppingCart { width: 300px; left: auto; right: 0;z-index: 9999;}
	.Cart .scTrigger .btnTxt {color: #000; margin-top:-8px;}
	.Cart .scTrigger .btnTxt::before {font-size:22px;}
	.shopping-cart-header h5{color:#24349d;}
	.quickSearch .formLayout .flGrp.Xxxx input { margin-top: 3px;}
	.header .quickSearch .flGrp.buttons {float:right;/* margin-right:-10px; */}
	.quickSearch .formLayout.inline a.btn {margin-top: 0;}
	.banner1{margin-top:0;}
	.welcome {display: inline-block;}
	.introContent {padding: 30px 10%; width: 80%;border-bottom: 1px solid #00;}
	.introContent h3 {font-size: 36px; line-height:1.2em;}
	.introContent p {font-size:16px}
	.welcomePic {display:block;background: #24349d;}
	.Home .mainZone1 {display:block;}
	.ProductOfTheDay {padding:0!important;}
	.PODay {padding: 0 5%;width: 90%;}
	.PODay .prodImg{width:100%;}
	.ProductSetAutoUpdate {padding:0!important;}
	.Home .mainZone2, .Home .mainZone3 {width:100%}
	.Home .ProductSetAutoUpdate {width: 100% !important;padding-bottom: 20px !important;}
	.Home .ProductSetAutoUpdate h2{/* margin:20px!important; */ text-align:center;margin-bottom: 10px;}
	.Home .carousel {margin-top: 15px;}
	.ProductSetAutoUpdate .allLinks {position:relative; top:0;}
	.ProductSetAutoUpdate .allLinks .borderRight.pad5.big.ng-scope {display:table; margin: 0 auto 5px;}
	.ProductSetAutoUpdate .allLinks .pad5.big.ng-scope {display:none}
	.pageControls{text-align:center;}
	.footer {padding:0;}
    .footer .innerWrapper { width: 100%; }
	.footer .socialLinks{ margin:30px auto 0;}
	.footer .socialLinks li {margin:0;}
	.footer .socialLinks em {height:40px; width:40px; line-height:40px; font-size:20px;}
	.footer .Address {font-size:16px;padding: 0;}
	.herobanner h2 {font-size:28px}
	img[id$="imgLogoLnk"] {max-width:80% !important;}
	.FooterZone1 .NewsletterSignup {padding: 75px 5%;width: 90% !important;}
	.FooterZone1 .NewsletterSignup .formLayout {width:100% !important;}
	.FooterZone1 .NewsletterSignup input {height:35px !important;}
	.headerZone4 {/* margin-top: 15px !important; */}
	.bannertext {position: relative;width: 90%;background: #24349d;font-size: 28px;padding: 5px 5%;height: 84px;}
	.tiles {margin-bottom:20px}
	.tile {width: 80%;margin: 0 10% 10px;}
	.ProductOfTheDay .prodImg{margin-top:0; width:100%;}
	.PODay .prodInfo{width:100%; text-align:center}
	.ProductOfTheDay h2{padding-bottom:0;width: 100%;text-align: center;margin-bottom: 5px;}
	.ProductOfTheDay a#btnProductDetail {width:100%; }
	.header .Address{float: left; color: #000; margin-right: 10px;padding: 0 0 10px 0;}
	.header .addressline, .header .ownerNameTitle, .header .companyName {display: none;}
	.header .phone, .header .email, .header .fax{float: left; margin-right: 15px; color: #000; font-size: 16px !important;clear: both;width: 100%;}
	.header .email a{color: #000;}
	.header .emaillabel, .header .phonelabel, .header .Address h3 {display: none;}
	.header .phone::before {content: '\f095'; font-family: 'FontAwesome'; font-size: 16px; margin-right: 5px; color:#24349d; position:relative; top:1px;}
	.header .email::before {content: '\f0e0'; font-family: 'FontAwesome'; font-size: 16px; margin-right: 5px; color: #24349d;}
	.header .fax:before{content:"\f1ac"; font-family: 'FontAwesome'; font-size:16px; margin-right:5px; color:#24349d;}
    .ShoppingCart button.btn-shopping-cart{background: #e6e6e6;border-radius: 5px;height: 36px;line-height: 36px;}
    .ShoppingCart button.btn-shopping-cart:hover {background:#fff;}
    .ShoppingCart button:before {color: #24349d;font-size: 20px;padding: 0 10px;line-height: 36px;}
    .ShoppingCart .btnTxt.ng-binding{font-size:15px;padding-right: 10px;}
    .ShoppingCart .notranslate.ng-binding{position: relative;top: 0;right: 0;font-size:15px;width: auto;height: auto;border-radius: inherit;color:#000;line-height:21px;background: none;}
    .fullWidthHeaderZone {height:auto !important}

	
	/* PROD RESULTS */
	.prdrebProducts.grid_9.omega {width:100%!important;}
	.col4.prodPannel {    width: 100%!important;}
	.ProductResultsBasic .prdrebConfig.active {   z-index: 1000;   width: 100%; border:1px #bebebe solid; padding:10px;}
	.prdrebTopBreadcrumbs{width:100%;float:none;}
	.btn-close-filters { content: url(https://cdn.asicentral.com/esp-websites/designstore/summit/images/close.png);}
    .productListControls td, .productListControls td.last {float:left; text-align:left;padding: 2px 15px 4px;}
	.productListControls {background:#f5f5f5;margin-bottom: 10px;}
	.ProductResultsBasic .productList .prodTile .prodImg {margin: 0px 15px 9px 0px;}
	.ProductResultsBasic .productList .prodTile {height:auto;}
	
	/* CONTACT */
	.ContactUs section .socialLinks .social-icon {height:40px; width:40px;}
	.ContactUs section .socialLinks em {height:40px; width:40px; line-height:40px; font-size:20px;}
	.ContactUs .column {width:100%;}

}
body{font-family:Arial, Helvetica, sans-serif;}