/* HOMEBASE TEMPLATE */

@import url(https://fonts.googleapis.com/css?family=Work+Sans:200,400,600);
@import url(https://kit-pro.fontawesome.com/releases/v5.11.2/css/pro.min.css);
@import url(https://cdn.asicentral.com/esp-websites/RotatingBanners/jquery.bxslider.min.css);

/* RESETS */
body { font-size: 14px; line-height: 28px; font-family:'Work Sans', sans-serif!important; color: #000;}
p {font-weight: 400;}
.container { margin: 0 auto;}
.subFooter { background: none; border: none; }
.container_12 {width: 100% !important;    margin: 0 auto; padding: 0px!important;}
.container_12 .grid_12 {width:100%!important; margin:0 auto;}
.headerZone1{margin-top:10px!important;}
.sectionWrap {width: 94%; margin: 0px auto;}
.Home .sectionWrap {width: 100%; max-width: 100%;}
.Home .sectionWrap{max-width:100%; margin: 0;}
.container_12 .grid_4 {width: 35%!important; margin: 0px; margin-right: 2%;}
.container_12 .grid_8 {width: 60%!important; margin: 0px;}
#LoginForm a.btn {padding: 8px 20px!important;}
.container_12 .EndUserLogin .grid_6 {width: 46%!important; margin: 0px 2%!important;}
.configurator .header .logo>a>img {max-height: 100%!important;}
.Login input {padding: 2%;}
.modal-open {overflow: hidden!important;}
.modal-open .modal {z-index: 999999!important;}

/* SOCIAL LINKS */
.fullWidthHeaderZone .SocialLinks {float: left; margin-top: 5px;}
.social-icon {background: none; margin: -2px 0px 0px 0px;}
.social-icon a {color: #fff; font-size: 18px;}
.FCBK:before { content:'\f09a'; font-family:FontAwesome; color: #d6bd45; font-size: 16px;}
.PINT:before { content:'\f231'; font-family:FontAwesome; color: #d6bd45; font-size: 16px;}
.TWTR:before { content:'\f099'; font-family:FontAwesome; color: #d6bd45; font-size: 16px;}
.LNKD:before { content:'\f0e1'; font-family:FontAwesome; color: #d6bd45; font-size: 16px;}
.BLOG:before { content:'\f09e'; font-family:FontAwesome; color: #d6bd45; font-size: 16px;}
.FLKR:before { content:'\f16d'; font-family:FontAwesome; color: #d6bd45; font-size: 16px;}
.GGLP:before { content:'\f0d5'; font-family:FontAwesome; color: #d6bd45; font-size: 16px;}
.YTBE:before { content:'\f167'; font-family:FontAwesome; color: #d6bd45; font-size: 16px;}
.INST:before { content:'\f16d'; font-family:FontAwesome; color: #d6bd45; font-size: 16px;}
footer .FCBK:before { content:'\f09a'; font-family:FontAwesome; color: #000; font-size: 16px; box-sizing: unset;}
footer .PINT:before { content:'\f231'; font-family:FontAwesome; color: #000; font-size: 16px; box-sizing: unset;}
footer .TWTR:before { content:'\f099'; font-family:FontAwesome; color: #000; font-size: 16px; box-sizing: unset;}
footer .LNKD:before { content:'\f0e1'; font-family:FontAwesome; color: #000; font-size: 16px; box-sizing: unset;}
footer .BLOG:before { content:'\f09e'; font-family:FontAwesome; color: #000; font-size: 16px; box-sizing: unset;}
footer .FLKR:before { content:'\f16d'; font-family:FontAwesome; color: #000; font-size: 16px; box-sizing: unset;}
footer .GGLP:before { content:'\f0d5'; font-family:FontAwesome; color: #000; font-size: 16px; box-sizing: unset;}
footer .YTBE:before { content:'\f167'; font-family:FontAwesome; color: #000; font-size: 16px; box-sizing: unset;}
footer .INST:before { content:'\f16d'; font-family:FontAwesome; color: #000; font-size: 16px; box-sizing: unset;}

/* LOGO */
.Logo { clear: both; padding: 10px 0px 0px 0px; line-height: 1em; }
.logo { text-align: center; padding:0; }
.logo a { display: inline-block; font-size: 24px; font-weight: bold; line-height: 1.5em; float: left; }
img[id$="imgLogoLnk"]{height:auto!important; max-width:100%!important; width: auto!important; max-height: 140px!important;}

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

/* HEADERS */
h3, h4, h5, h6 { margin-bottom: 5px; }
h3 {font-size: 20px; font-weight: bold;}
.FAQ h3 {margin-top: 20px; border-top: 1px solid #e2e2e2; padding-top: 20px;}

/* ICO BOX */
.icoBox {text-indent: 0;}
.icoBox.vsWand {text-indent:-9999px;}
.icoBox.iArrowLeft, .icoBox.iArrowRight{display:none}

/* FULL WIDTH HEADER */
.menu {background:none;float:left; margin: 0 0 0 10px;}
.menu > ul li {padding: 0px;}
.menu > ul li a:hover {text-decoration: none; color: #d6bd45;}
.fullWidthHeaderZone .socialLinks {margin: 0 0 0 20px; float:left;}
.fullWidthHeaderZone button {color:#fff;font-size:8px;}
.fullWidthHeaderZone .socialLinks h3{display:none;}
.fullWidthHeaderZone a{color:#000; font-size: 11px;}
.fullWidthHeaderZone .Menu {float: right;}
.fullWidthHeaderZone .Menu a {padding: 0px 10px; border-right: 1px solid #000;}
.fullWidthHeaderZone .Menu .menu ul.dropdown li:hover {background:#d6bd45; }
.fullWidthHeaderZone .Menu .menu ul.dropdown li a { display: block; font-weight: normal; color: #59605b; line-height: normal; padding: 5px; margin:0; border-radius: 0; text-shadow: none; float: none; text-align:left; border-right: none;}
.fullWidthHeaderZone .Menu .menu ul.dropdown li a:hover{text-decoration:none; color:#fff; }
.fullWidthHeaderZone .Menu .menu ul.dropdown ul{left:100%; top:0; width:auto;}
.fullWidthHeaderZone .Menu .menu ul.dropdown {display: none; position: absolute; left: 0; top: 100%; min-width: 150px; background: #FFF; white-space: nowrap!important; z-index: 999999; border: none; min-width:200px; -moz-box-shadow:1px 1px 2px #888; -webkit-box-shadow: 1px 1px 2px #888; box-shadow: 1px 1px 2px #888;}

/* END USER STATUS */
.EndUserStatus .menuWrap { border: none; margin: 0; }
.EndUserStatus .menu a { padding: 0 8px; }
.EndUserStatus .divider { display: none; }
.EndUserStatus .menu > ul li { padding: 0; }
.EndUserStatus .menu { height: auto; line-height: 36px; background: none; margin:0; padding: 0; }
.EndUserStatus .menu ul { border-right: none; padding: 0; }
.EndUserStatus {float:right; margin: 0px 8px 0 0; display:block; z-index: 99; position:relative;}
.welcome-label {font-size: 12px;}
.EndUserStatus .sign-in {display: none;}
.EndUserStatus .create-account a {border: 2px solid #d6bd45; color: #d6bd45; font-size: 0px; padding: 7px 10px 3px 10px; display: inline-block; line-height: 18px;}
.EndUserStatus .create-account a:before {content:'\f13e'; font-family:'FontAwesome'; margin-right:5px; font-size: 12px;}
.EndUserStatus .create-account a:after {content: 'My Account'; font-size: 12px;}
.EndUserStatus .create-account a:hover {background: #d6bd45; color: #fff;}

/* SHOPPING CART */
.ShoppingCart {float:right; background: #fff; border: 2px solid #d6bd45; padding: 2px 10px;}
.ShoppingCart:hover {background: #d6bd45;}
.ShoppingCart .Cart a.btnLink{ display:none;}
.Cart { background: none; }
.Cart .scTrigger { background: none;}
.Cart .btnLink { float: left; display: inline-block; font-weight: bold; }
.Cart .scTrigger .btnTxt { display: block; color:#d6bd45; font-size: 12px; font-weight: normal;}
.Cart .scTrigger .btnTxt::before{ content:'\f07a'; font-family:'FontAwesome'; margin-right:3px; color: #d6bd45;}
.Cart a.btnLink { border: none; background: none; padding: 9px 20px 14px; color: #d6bd45; margin: 0; border-right: 1px solid #e6e6e6; }
.Cart .btnLink:hover .btnTxt { text-decoration: none; }
.ShoppingCart:hover .Cart .scTrigger .btnTxt, .ShoppingCart:hover .Cart .scTrigger .btnTxt::before {color: #fff;}

/* ADDRESS | Header */
.fullWidthHeaderZone .Address:before {content: 'Contact Us:'; display: block; color: #d6bd45; background-color:rgba(0,0,0,0.85); padding: 6px 10px 6px 20px; display: block; margin-top: 2px; font-size: 14px; display:none;}
.fullWidthHeaderZone .Address {position: absolute; top: 170px; right: 0px; z-index: 999; color: #d6bd45;}
.fullWidthHeaderZone .Address .addressline {display: none;}
.fullWidthHeaderZone .Address a {color: #d6bd45; font-size: 14px;}
.fullWidthHeaderZone .emaillabel, .fullWidthHeaderZone .phonelabel {display: none;}
.fullWidthHeaderZone .phone:before {content: '\f095'; font-family: 'FontAwesome'; font-size: 14px; margin-right: 3px;}
.fullWidthHeaderZone .email:before {content: '\f0e0'; font-family: 'FontAwesome'; font-size: 14px; margin-right: 3px;}
.fullWidthHeaderZone .fax:before {content: '\f1ac'; font-family: 'FontAwesome'; font-size: 14px; margin-right: 3px;}
.fullWidthHeaderZone .Address h3 {display: none;}
.fullWidthHeaderZone .phone, .fullWidthHeaderZone .email, .fullWidthHeaderZone .fax {background-color:rgba(0,0,0,0.85); padding: 5px 10px 5px 20px; display: block; margin-top: 2px; font-size: 14px; cursor: pointer;}
.fullWidthHeaderZone .Address.sticky {top: 20px; position: fixed;}
.fullWidthHeaderZone .phone:hover, .fullWidthHeaderZone .email:hover a, .fullWidthHeaderZone .email:hover:before {color: #fff;}

/* MAIN HEADER */
.headerRow2 {width: 94%; margin: 0px auto; display: block; padding-bottom: 15px; position: relative;}
.container_12 .grid_3.headerZone2 {width: 25%; float: left; position: relative;}
.container_12 .grid_9.headerZone3 {width: 70%; float: right; margin-right: 0px; margin-left: 0px;}

/* MAIN MENU */
.header .mainMenu {float: left;}
.header .Menu {}
.header .Menu .menu { float: right; height: auto; max-width: 1200px; margin: 0 auto; background: none;z-index:99; }
.header .Menu .menu>ul { list-style-type: none; padding:0; margin: 0; width: 100%; text-align:center; }
.header .Menu .menu .tabs>li>a {float:left; font-size: 15px;}
.header .Menu .menu>ul li {display: inline-block; float: none; margin: 0px 5px; position: relative;}
.top-level::after { content:'\f107'; font-family:FontAwesome; margin-left:10px;  }
.header .Menu .menu>ul li a  { color: #000; padding: 12px 5px; line-height: 19px; height: 19px; box-sizing: unset; font-weight: 600;}
.header .Menu .menu>ul li a:hover {color: #d6bd45;}
.header .Menu .menu>ul li a.divider { padding: 0; }

/* TOP MENU */
.header .Menu .mainMenu { z-index: 9999; position: relative;}
.header .Menu .top {float: right; width: 100%; z-index: 9999; position: relative;}
.header .Menu .top .menu>ul li a {text-transform: uppercase; color: #999; font-size: 12px; font-weight: 400; padding: 12px 0px;}
.header .Menu .top .menu>ul li a:hover {color: #000;}

/* QUICK SEARCH */
.mainZone1 {position: relative;}
.mainZone1 .QuickSearchBasic {z-index: 9; position: absolute; top: 180px; left: 27%; width: 46%; background: #fff; border: 2px solid #d6bd45!important; box-shadow: 1px 1px 15px #777;}
.Home .mainZone1 .QuickSearchBasic {top: 45%;}
.mainZone1 .QuickSearchBasic h2, .mainZone1 .QuickSearchBasic label, .price-separator {display: none;}
.QuickSearchBasic input[type="text"], .QuickSearchBasic input[type="password"], .QuickSearchBasic input[type="search"], .QuickSearchBasic select {border: none; color: #000; font-family: 'Work Sans', sans-serif; text-transform: capitalize; width: 90%; background: #fff;}
.mainZone1 .quickSearch {border: none;}
.mainZone1 .price-to input, .mainZone1 .price-from input {font-size: 12px; width: 48%; color: #999; padding: 19px 0px;}
.mainZone1 .search-keyword {width: 50%; float: left; padding-right: 0px!important; margin: 15px 0px 15px 10px;}
.mainZone1 .search-keyword input {font-size: 18px;}
.mainZone1 .price {width: 33%; float: left; display: none;}
.mainZone1 .buttons {float: right!important;}
.mainZone1 .buttons a.btn {float: right; border: none; background-color: #fff; color: #000; padding: 19px 8px 0px 0px; font-size: 0px; border-radius: 0px; box-sizing: unset; background-image: none;}
.mainZone1 .buttons a.btn:hover {transition-duration: .5s; color: #fff;}
.mainZone1 .buttons a.btn:before {font-family: 'Work Sans', sans-serif; content: "GO"; color: #fff; font-size: 18px;}
.mainZone1 .buttons:hover a.btn:before {color: #000; transition-duration: .5s;}
.mainZone1 .buttons a.btn:before {font-family: FontAwesome; content: "\f002"; color: #000; font-size: 28px;}

/* VIDEO */
.Home .mainZone1 {width: 94%!important; margin: 0px auto; display: block; float: none; background: #d6bd45; position: relative;}
.Home .mainZone1 video {width: 100%; height: auto; opacity: 0.75;}

/* BANNER - INTERIOR */
.Home .banner {display: none;}
.banner {display: block; width: 100%; background: #d6bd45; margin-bottom: 30px;}
.banner img {opacity: 0.7; width: 100%; height: auto;}

/* WELCOME TEXT */
.Home .mainZone2 {width: 94%!important; float: none; margin: 0px auto; display: block; padding-top: 40px;}
.introContent {width: 100%; float: left;}
.introContent h3 {font-size: 105px; line-height: 68px; text-align: left; color: #fff; background: #d6bd45; float: left; padding-top: 200px; width: 55%; font-weight: 700; margin-right: 5%;}
.introContent p {font-size: 18px; line-height: 34px; text-align: right; padding-top: 30px;}
.introContent a.btn {float: right;}

h1.heading {font-size: 85px!important; text-align: left; color: #fff!important; /*background: #d6bd45;*/ margin-top: -70px!important; position: relative; z-index: 1; float: left; width: 100%; font-weight: 700; margin-top: 20px;}

/* HEADER DROP MENU */
.header .Menu .menu ul.dropdown { display: none; position: absolute; left: 0; top: 100%; min-width: 150px; background: #FFF; white-space: nowrap !important; z-index: 999; border:none; min-width:200px; -moz-box-shadow:1px 1px 2px #888;
-webkit-box-shadow: 1px 1px 2px #888;box-shadow: 1px 1px 2px #888; }
.header .Menu .menu ul.dropdown li { display: block; float: none; margin:0; font-size: 14px; clear: left; text-align: left; border: none; text-transform: none; }
.header .Menu .menu ul.dropdown li span { float: none; }
.header .Menu .menu ul.dropdown li a { display: block; font-weight: normal; color: #000; line-height: normal; padding: 12px 10px 8px 10px; margin:0; border-radius: 0; text-shadow: none; float:none; text-transform: none;}
.header .Menu .menu ul.dropdown li a:hover{ background: #d6bd45; display:block; cursor:pointer; border: none; color: #fff; }
.header .Menu .menu ul.dropdown ul { left: -100%; top: 0; width: auto; }
.header .Menu .menu ul.dropdown li a:hover span, ul.dropdown li a:hover span { background:none; }

/* CONTENT */
.section .grid_12 .asiModule { padding: 0; border: none; }
.section h1 {font-size: 36px; font-weight: 700; color: #d6bd45; text-align: center; margin-bottom: 50px;}
.section h2 {font-size: 32px; color: #000;}
h1.sectionHeader {font-size: 20px; text-transform: none; margin-bottom: 0px; text-align: left;}

/* SHOPPING CART Menu | Header */
#shoppingCart { -moz-box-shadow: 0px 0px 5px #A4A4A5; -webkit-box-shadow: 0px 0px 5px #A4A4A5; box-shadow: 0px 0px 5px #A4A4A5; }
#shoppingCart { position: absolute; right: -1px; top: 100%; }
#shoppingCart .scTop {border-bottom: 1px solid #CCCCCC; height: 35px; }
#shoppingCart-empty td {padding: 2px 0 5px 10px;}
#shoppingCart .menu ul.tabs li a  {color: #5d5d5d; font-weight: normal; border-left: 1px solid #CCCCCC;}
#shoppingCart .menu ul.dropdown li a  {color: #4d4d4d; font-weight: normal; border-left: none;}
#shoppingCart .menu ul.tabs .divider span {display: none;}
#shoppingCart .menu ul.tabs li a:hover {background: #E6E6E6; color: #0085DB; cursor: pointer;}
.shopping-cart-header h5 {color: #000;}

/* 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: #59605b;}

/* INDUSTRY NEWS FEED */
.Home .mainZone6 {width: 94%; float: left; margin-left: 3%;}
.Home .EditorialContentFeed {float: left; width: 60%; padding: 20px 0px!important;}
.Home .EditorialContentFeed:before {content: 'Promo in the News'; display: block; color: #000; text-align: left; font-size: 32px; font-weight: 700; margin-bottom: 20px;} 
.article a {color:#000;}
.article img{display:none;}
.article h3 {font-size: 20px; font-weight: 700; color: #d6bd45;}
.article {margin-bottom: 45px;}
.Home .articleDescr p {font-size: 15px; line-height: 24px; font-weight: 400!important; margin-bottom: 0px;}
.Home .articleDescr p strong {font-weight: 400!important;}
.EditorialContentFeed {color:#000; width: 85%; max-width: 1200px; float: none; margin: 0px auto; display: block; text-align: left;}
.readmore {margin-top: 25px;}
.ui-accordion .ui-accordion-header, .attributesContainer { background: none; border-style: dashed; border-color: #b2b2b2;}

/* POTD */
.POD-News-wrapper{max-width:1024px; margin:0 auto;}
.ProductOfTheDay {position: relative; border: none; padding: 60px 2%!important; width: 36%; background: #d6bd45; float: right; box-sizing: border-box; text-align: center; color: #fff;}
.PODay .prodInfo {float: right; margin-top: 10px; width: 100%;}
.PODay .prodImg {float: left; margin: 0; width: 100%;}
.PODay .prodLink {font-size: 15px; font-weight: bold; font-size: 18px; margin-top: 35px;}
.PODay img {display: block; margin: 0px auto; max-height: 260px!important; min-width: 260px;}
.PODay h2 {font-size: 30px; color: #fff; font-weight: 700; margin-bottom: 5px;}
.PODay h4 a {color: #000; font-size: 18px; line-height: 24px;}
.PODay p { margin: 0 0 10px 0;}
.PODay btn { border: none; background: none;}
.PODay .socialLinks { padding: 5px; float: none; margin: 0px auto;}
.PODay .addthis_toolbox {display: inline-block!important; margin-bottom: 10px;}
.grid_3 .PODay .socialLinks { position: relative; height: 20px;}
.grid_3 .PODay p { margin: 0 0 5px 0;}
.grid_3 .PODay .prodInfo { width: 100%;}
.grid_3 .PODay .prodImg { width: 110px; margin-left: 45px; }
.grid_3 .PODay h4, .grid_3 .PODay .prodLink, .grid_3 .PODay p { display: block; text-align: center;}
.Home .PODay .prodNum, .Home .PODay .prodDescr {display: none;}
.Home .PODay .potd-wand-pos {toP: 10px!important; left: 10px!important;}
h3.move-product strong {color: #fff!important;}
h3.move-product, h3.move-news {font-size: 32px;}
.prodLink a {border: 2px solid #fff; padding: 15px 30px; color: #fff; transition: all ease-in-out .25s;}
.prodLink a:hover {background: #fff; color: #000;}

/* PRODUCT COLLECTION */
.Home .mainZone4 {width: 94%; float: left; display: block; margin-left: 3%; background: url('https://cdn.asicentral.com/esp-websites/900007/Homebase/picks-background.png') #e6e6e6; background-repeat: no-repeat; margin-bottom: 50px; margin-top: 40px;}
.Home .ProductSetAutoUpdate {float: right; width: 52%; margin-right: 5%; padding-top: 70px; padding-bottom: 60px;}
.prodSet h2{ font-size:30px; text-align:center;}
.ProductSetAutoUpdate .allLinks {text-align: center; padding:0px;}
.ProductSetAutoUpdate .allLinks a {color: #000; text-transform: uppercase;}
.Home .allLinks .pad5 {padding: 0px 5px;}
.Home .borderRight {padding-right: 7px!important;}
.ProductSetAutoUpdate a.next {float: right;    margin-right: -30px;}
.ProductSetAutoUpdate a.previous {float: left;    margin-left: -50px;}
.ProductSetAutoUpdate a:hover {color:#59605b;}
a.next:before {     content: '\f105';    font-family: FontAwesome;    font-size: 50px;}
a.previous:before {    content: '\f104';    font-family: FontAwesome;    font-size: 50px;}
#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: #000; font-size: 12px; background: #f7f7f7; 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; font-weight: bold;} 
#productset-content.carousel .mask { margin-top: -8px; }
.ellipsis {margin:0!important; line-height: 30px;}
.ProductSetAutoUpdate .fg-toolbar {position: absolute; top: 40%; width: 100%; background: none; border: 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: #d6bd45; font-weight:normal; left: -80px; top: 100px; -webkit-transform: rotate(270deg); -moz-transform: rotate(270deg); -o-transform: rotate(270deg); -ms-transform: rotate(270deg);}
.Home .prodSet li .prodImg {margin: 0px;}

/* CONTACT US PAGE */
.ContactUs .col3 {width: 31%; padding: 0px 1%;}
.ContactUs .col3 p {font-size: 12px; line-height: 22px;}
.ContactUs .col3 p.name {font-size: 16px; font-weight: bold; line-height: 24px; margin-top: 10px}
.ContactUs .col3 p.phone {font-size: 14px;}
.ContactUs .col3 img {border: 3px solid #d6bd45; border-radius: 10px;}
.ContactUs .col3 p.name em {font-weight: normal;}
.ContactUs .container_12 .grid_9.mainZone4 {width: 60%!important; float: left;}
.ContactUs .map {width: 500px!important; max-width: 100%!important; height: auto!important; margin-bottom: 20px;}
.ContactUs .map img {max-width: 100%!important; height: auto; margin-top: 20px;}
.ContactUs .container_12 .grid_3.mainZone5 {width: 35%!important; float: right;}
.ContactUs .column {width: 48%!important; margin-right: 2%;}
.ContactUs .container_12 .grid_12.mainZone8 {margin-top: 20px;}
.configOptions .configHandle:hover {cursor: pointer;}
.configOptions .configHandle:before, .prdrebConfig .configHandle:after {content: ' '; display: block; position: absolute; top: -1px; width: 13px; height: 27px; background: url(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: #d6bd45;}
.configOptions .configHolder .ui-widget-header h5 {color: #fff;}

/* PROD TILE */
.ProductSetAutoUpdate:before {content: "Top Picks For You:"; display: block; color: #000; text-align: right; font-size: 32px; font-weight: 700; margin-bottom: 20px;}
.prodSet h2 {display: none;}
.prodTile .prodName a {color: #000; margin-top: 10px; display: block;}
.prodTile .prodName a:hover {color: #d6bd45;}
.prodSet .tabs li a, .prodSet .tabs li a:hover {background: none!important;}
.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: 10px!important; left: auto!important; right: 10px; z-index: 200;}

/* PRODUCT RESULTS */
.container_12 .prdrebConfig.grid_3 {width: 27%!important;}
.container_12 .grid_9.prdrebProducts {width: 70%!important; float: right;}
.ui-widget-header {color: #222;}
.container_12 .prdrebConfig.grid_3 {background-color: #ececec; padding: 15px; box-sizing: border-box;}
.prodTile {border: none!important; height: auto!important;}
.search-within {position: absolute; right: 20px; top: 60px; font-size: 12px; text-transform: uppercase; color: #000;}
.search-within input {position: relative; top: 0.2rem;}
.configOptions {width: 23%!important; float: right; display: none;}
.ProductDetailsBasic, .modProductResultsBasic {margin-top: 20px;}
.prodDetailInfo .addthis {border: none; background: none;}
.prodTile .p_Img_Title {display: block; height: auto!important; width: 100%!important;}
.prodTile .prodImg img {max-width: 100%!important; max-height: 100%!important; width: 100%!important; border: 1px solid #e2e2e2!important;}
/*input[type="text"], input[type="password"], input[type="search"], select {border-radius: 50px;}*/
.ui-widget-header {border: none!important; background: transparent!important;}
.fieldsetInner {border: none; margin-top: 10px;}
.noBorderBottom, .noBorderBot {border-bottom: 1px solid #ccc!important;}
/*q.noBorderTop, .noBorderTop {border-top: 1px solid #ccc!important;}*/
.col4 {width:33%;}
.prdrebMain h6 .btnTxt {font-size: 16px; color: #222;}
.prdrebMain h6 {margin-bottom: 0px;}
.prdrebConfig ul ul li:nth-of-type(1) {margin-top: 20px;}
.prdrebConfig ul ul li a {color: #222; font-size: 14px; font-weight: 600; text-transform: none;}
.prdrebConfig a.moreLink {color: #fff; background-color: #d6bd45; padding: 5px 10px; font-size: 12px; font-weight: normal; margin-bottom: 15px; margin-top: 10px; display: inline-block;}
.prdrebConfig a.moreLink.initClosed {display: none;}
.btnQty {background-color: #d6bd45; color: #fff; border: none;}
.prodTile .prodName a {font-size: 18px; line-height: 22px; margin-bottom: 5px;}
.prdrebMain .icoBox {text-indent: 0px;}
.icoBox.iArrowUp {background-image: none; }
.icoBox.iArrowUp:before {content:'\f106'; font-family:FontAwesome; color: #222; font-size: 18px;}
.icoBox.iArrowDown {background-image: none; }
.icoBox.iArrowDown:before {content:'\f107'; font-family:FontAwesome; color: #222; font-size: 18px;}
.Banner {width: 100%; display: block; margin: 0px;}
.Banner .inner {margin: 0px auto;}
.Banner .inner .pagerBtn {float: left;}
.Banner .inner .btns {float: right;}
.ui-dialog {z-index: 9999;}
.prodTile .prodDescr {line-height: 17px; height: 50px; overflow: hidden; font-size: 12px;}
.ProductResultsBasic, .ProductDetailsBasic {max-width: 1400px; margin: 0px auto; display: block;}

/* EVENT PLANNER PAGES */
.Tradeshow .mainZone4, .GolfTournament .mainZone4, .GiftIdeas .mainZone4, .FluPrevention .mainZone4, .HolidayGifts .mainZone4, .BarRestaurant .mainZone4, .PoliticalCampaigns .mainZone4, .CharityRuns .mainZone4, .EmployeeIncentives .mainZone4, .EmployeeWellness .mainZone4, .RealEstate .mainZone4, .HealthFitness .mainZone4, .SportsPrograms .mainZone4, .SchoolFundraisers .mainZone4, .StateFair .mainZone4, .Wedding .mainZone4 {width: 65%!important; float: left;}
.Tradeshow .mainZone5, .GolfTournament .mainZone5, .GiftIdeas .mainZone5, .FluPrevention .mainZone5, .HolidayGifts .mainZone5, .BarRestaurant .mainZone5, .PoliticalCampaigns .mainZone5, .CharityRuns .mainZone5, .EmployeeIncentives .mainZone5, .EmployeeWellness .mainZone5, .RealEstate .mainZone5, .HealthFitness .mainZone5, .SportsPrograms .mainZone5, .SchoolFundraisers .mainZone5, .StateFair .mainZone5, .Wedding .mainZone5 {width: 65%!important; float: left;}

/* PROD DETAIL */
.ProductDetailsBasic{max-width:1200px;}
.prodDetailLinks a {font-size:16px; color: #fff; background: #000; padding: 5px 20px; float: left; margin-right: 10px;}
.prodDetailLinks a:hover {background: #d6bd45;}
.ProductDetailsBasic .prodName{font-size:26px;}
.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; width: 100%;}
.YouMayAlsoLike .gridFooter {border-top: none; background: #FFF; float: left; width: 20%; box-sizing: border-box; font-size: 12px;}
.YouMayAlsoLike .gridFooter img{margin-bottom:10px;}
.YouMayAlsoLike .fieldsetInner {   border: none;}
.YouMayAlsoLike .prod-det ._50 {width: 100%!important;}
.downloadLinks a{font-size:16px;}
.container_12 .grid_4.prodImage {width: 38%!important;}
.container_12 .grid_8.prodDetail {width: 57%!important; float: right; margin-left: 0px;}
.asiModule.Virtual {font-size: 11px; line-height: 20px;}
btn.virtualsample {max-width: 80%;}
.Virtual.Samples ._divLogoColorBox ._divclholder {float: right; margin-left: 10px;}
.YouMayAlsoLike #id-qk-vw .btn {position: absolute; left: 0px!important; right: 0px!important; top: 30px!important; box-sizing: border-box!important; width: 50%!important;}
.prodImage #id-qk-vw {width: 100%!important; left: 0px!important; right: 0px!important; box-sizing: border-box!important; margin-left: 0px;}

/* PRESENTATIONS */
.Presentation .pageControls {position:relative; top:unset; left:unset;}
.Presentation .mainZone1 .btn{text-transform: uppercase; color: #d6bd45; font-size: 16px; padding: 15px 30px 13px 30px; border: none; background: #fff; border: 2px solid #d6bd45; transition: all ease-in-out .25s; font-weight: 600; border-radius: 0px;}
.Presentation .mainZone1 .btn:hover{text-decoration:none; color: #fff; background: #d6bd45;}
.container_12 .grid_9.mainZone7, .container_12 .grid_9.mainZone7a {width: 100%; margin: 0px;}

/* 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; }

/* 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, .readmore a {text-transform: uppercase; color: #d6bd45; font-size: 16px; padding: 15px 30px 13px 30px; border: none; background: #fff; border: 2px solid #d6bd45; transition: all ease-in-out .25s; font-weight: 600; box-sizing: border-box;}
a.btn:hover, a.btn:active, a.btn.styled:hover, a.btn.styled:active, .readmore a:hover {text-decoration:none; color: #fff; background: #d6bd45;}
a.btn:hover .btnTxt { text-decoration: none; }
a.btn.styled {padding: 11px!important;}

/* FORM - INLINE */
.formLayout.inline { overflow: hidden; zoom: 1; }
.formLayout.inline .flGrp{ float: left; display: inline-block; clear: none; overflow: hidden; padding: 0 8px; }
.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; }

/*ALL SETS PAGE */
.AllSets .EventPlannerPage ul {margin-left: 0px;}
.AllSets .EventPlannerPage li {list-style: none; width: 23%; padding: 14px 0px; float: left; text-align: left; line-height: 24px; margin: 0px 1%; text-align: center;}
.AllSets .EventPlannerPage img {max-width: 100%; height: auto; border-radius: 20px; opacity: 0.85;}
.AllSets .EventPlannerPage img:hover {opacity: 1.0;}
	
/* FOOTER */
.container_12 .grid_4.FooterZone2 {width: 25%!important; float: left; margin-right: 0px; text-align: left;}
.container_12 .grid_3.FooterZone4 {width: 40%; float: right; text-align: right;}
.container_12 .grid_5.FooterdZone3 {width: 25%; float: left; text-align: left;}
.footerWrap{ background:#e6e6e6; padding: 30px 0px 60px 0px; text-align: center; margin-top: 40px;}
.footer { color: #000; font-size:15px; line-height: 28px; margin:0 auto; width: 94%;}
.footer .innerWrapper { margin: 0 auto; padding: 20px 0px; }
.footer .asiModule .email a { white-space: -moz-pre-wrap; white-space: -hp-pre-wrap; white-space: -o-pre-wrap; white-space: -pre-wrap; white-space: pre-wrap; white-space: pre-line; word-wrap: break-word;}
.footer h3, .footer .h3 { color:#000; font-size: 20px; font-weight: bold; line-height: 34px; margin-bottom: 0px;}
.footer a {color: #000;}
.footer a:hover {color: #d6bd45;}
.footer a.btn { color: #000; background: #1e3d59; border: none; text-transform: uppercase; padding: 10px 40px; }
.footer p { font-size:22px;font-weight: normal;}
.footer .txt { clear: both; display: block; }
.footer .Address .map {display: none;}
.footer .SocialLinks {margin-top: 20px;}
.footer .menu {margin-left: 0px;}
.footer ul.tabs li {float: none; padding-left: 0px; display: block; line-height: 28px;}
.footer ul li ul.dropdown {display: none!important;}
.footer .menu {height: auto!important;}
.footer .addressline span {display: block; width: 100%;}

/* COPYRIGHT */
.fullWidthFooterZone { background: #000;}
.fullWidthFooterZone .asiModule.Content { color: #fff; font-size: 12px; margin: 10px auto; padding: 0; line-height: 2em;text-align: center; }
.fullWidthFooterZone a { color: #fff; font-size: 12px; }

@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('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;}
}

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

@media only screen and (max-width: 1400px) and (min-width: 1024px) {
.banner-inner {width: 45%; font-size: 38px; line-height: 50px;}
}

/* SMALL SCREENS */
@media screen and (max-width: 1200px) {
.header .mainMenu {width: 100%;}
.introContent h3 {font-size: 90px; line-height: 60px;}
}

/* TABLET */
@media only screen and (min-width:481px) and (max-width: 1024px) {
.container_12 .grid_8 { width: 500px;}
.container_12 .grid_6 { width: 450px;}
.sectionWrap {max-width:95%; margin: 40px auto;}
.header .mainMenu {width: 100%;}
.ProductOfTheDay {margin-left: 0px; width: 38%;}
.Home .prodSet li img {max-width: 96%;}
.banner-inner {width: 45%; font-size: 38px; line-height: 50px;}
.introContent {width: 100%; margin: 0px; padding: 0px;}
.introContent p {margin-bottom: 10px;}
.introContent h3 {font-size: 80px; line-height: 50px;}
}

/* MOBILE */
@media only screen and (max-width: 480px) {
.Tradeshow .mainZone4, .GolfTournament .mainZone4, .GiftIdeas .mainZone4, .FluPrevention .mainZone4, .HolidayGifts .mainZone4, .BarRestaurant .mainZone4, .PoliticalCampaigns .mainZone4, .CharityRuns .mainZone4, .EmployeeIncentives .mainZone4, .EmployeeWellness .mainZone4, .RealEstate .mainZone4, .HealthFitness .mainZone4, .SportsPrograms .mainZone4, .SchoolFundraisers .mainZone4, .StateFair .mainZone4, .Wedding .mainZone4 {width: 100%!important; margin: 0px!important;}
.Tradeshow .mainZone5, .GolfTournament .mainZone5, .GiftIdeas .mainZone5, .FluPrevention .mainZone5, .HolidayGifts .mainZone5, .BarRestaurant .mainZone5, .PoliticalCampaigns .mainZone5, .CharityRuns .mainZone5, .EmployeeIncentives .mainZone5, .EmployeeWellness .mainZone5, .RealEstate .mainZone5, .HealthFitness .mainZone5, .SportsPrograms .mainZone5, .SchoolFundraisers .mainZone5, .StateFair .mainZone5, .Wedding .mainZone5 {width: 100%!important; margin: 0px!important;}
.hide-search {display: none;}
body {border-top: 0px; width: 100%; max-width: 100%; overflow-x: hidden;}
nav.mobile-menu a.current {color: #fff;}
.logo a {float: none; margin-bottom: 20px;}
.ShoppingCart, .ShoppingCart:hover {background: none; border: none;}
.Home .mainZone1 .QuickSearchBasic, .mainZone1 .QuickSearchBasic {position: relative; left: 0px; float: left; display: block; margin-bottom: 20px; box-shadow: none; width: 99%!important; z-index: 1; top: 0px;}
.QuickSearchBasic .quickSearch .formLayout.inline {margin-bottom: 0px;}
.mainZone1 .search-keyword {margin: 0px;}
.Home .mainZone1 .asiModule {margin-bottom: 0px;}
h1.heading {margin-top: 0px!important; color: #d6bd45!important; font-size: 36px!important; margin-bottom: 10px;}
.container_12 .grid_9.headerZone3 {width: 100%; margin-top: 0px;}
.container_12 .grid_3.headerZone2 {width: 100%; margin-top: 0px; padding-bottom: 0px; margin-left: 0px;}
.banner {margin-top: 20px;}
.ContactUs .col3 {width: 100%; padding: 0px; text-align: center;}
.headerZone1 .Address {position: relative; top: auto; left: auto; width: 100%!important; margin: 0px!important; padding: 0px 0px 10px 0px;}
.Address .address.inline {padding: 0px;}
.header .Address .address {float: none; margin-right: 0px;}
.Cart .scTrigger .btnTxt::before {color: #fff;}
.Home .mainZone2 {padding-top: 0px;}
.introContent p {width: 100%; text-align: center;}
.introContent h3 {text-align: center; width: 100%; padding: 0px; font-size: 44px; background: none; color: #d6bd45; margin-top: 20px;}
.introContent a.btn {float: right; margin: 0px auto; float: none; display: block; max-width: 50%;}
.ProductSetAutoUpdate:before {text-align: center;}
.Address .address.inline .phone, .Address .address.inline .email {font-size: 19px!important;}
.Home .mainZone3 {padding-top: 0px;}
.Home .tile-welcome {width: 100%; margin: 0px;}
.Home .tile {width: 47%;}
.Home .tile figcaption {top: 72%;}
.Home .tile .image {bottom: 26%;}
.callout .btn {width: 100%; box-sizing: border-box; position: relative; right: 0px; top: 0px;}
body { min-width: 100%; }
.sectionWrap {max-width:350px;}
body.mobile nav.mobile-menu { color: #fff; background: #d6bd45; }
nav.mobile-menu > ul {background:#333;}
.header, .section { padding: 0; border-left: none; border-right: none; }
a.btn, a.btn.styled {font-size:18px;}
.banner-inner {width: 80%; right: 10%; font-size: 20px; line-height: 24px; box-sizing: border-box; top: 3%;}
.banner-inner span {margin-bottom: 0px;}
.banner-inner a.btn {text-transform: none; padding: 10px 15px; margin-top: 10px; font-size: 16px;}
.Home .tile h3 {font-size: 14px; line-height: 24px;}
.fullWidthHeaderZone { height: auto; background: none; border-bottom: none; color:#59605b; } 
.fullWidthHeaderZone a{color:#59605b;}   
.fullWidthHeaderZone .Address { text-align: center; }
.headerZone1 {margin-top: 0!important;}
.Logo .logo {width: 100%; float: left;}
.fullWidthHeaderZone .socialLinks, .fullWidthHeaderZone .Address, .fullWidthHeaderZone .Menu { display:none;}
.ShoppingCart .shoppingCart-container{right: 20px; top: -46px; z-index:2; position:absolute;}
.ShoppingCart .Cart #shoppingCart { width: 300px; left: auto; right: 0;}
.Cart .scTrigger .btnTxt {color:#fff; font-size: 16px;}
.shopping-cart-header h5{color:#59605b;}
.quickSearch .formLayout input.text {height: 45px;}
.quickSearch .formLayout.inline a.btn {padding: 15px 12px 10px 12px;}
.arrow{display:none;}
.shopByTile {width:46%; margin:5px; height:200px;}
.tileText {font-size:1.5em; margin:-130px 0 150px;}
.article{ width:90%!important; margin: 0 10px 40px!important;}
.EditorialContentFeed::before {margin:10px;}
.ProductSetAutoUpdate a.next, .ProductSetAutoUpdate a.previous{display:none;}
.ProductSetAutoUpdate {padding: 0!important;}
.NewsletterSignup .formLayout.inlineTitle { display: inline-block; }
.footer .innerWrapper { width: 100%; }
.footer .socialLinks{ margin: 0px; text-align: center; width:100%;}
.footer a.btn {padding-left: 20px;}
.footer .menu {display:block; width: 93%;}
.footer .menu li{width:100%;}
.footer .menu > ul li {padding:0 0 0 15px;}
.Home .ProductSetAutoUpdate {margin-right: 0px; margin-top: 20px;}
.Home ul.social {width: 97%; padding: 0px;}
.Home .SocialLinks h3:before {line-height: 28px;}
.column {width: 100%;}
.container_12 .prdrebConfig.grid_3 {width: 100%!important;}
.prdrebProducts.grid_9.omega {width:100%!important;}
.col4.prodPannel {    width: 100%!important;}
.ProductResultsBasic .prdrebConfig.active {   z-index: 1000;   width: 100%;}
.prdrebTopBreadcrumbs{width:100%;float:none;}
.btn-close-filters { content: url(https://cdn.asicentral.com/esp-websites/designstore/summit/images/close.png);}
.ProductResultsBasic .productList .prodTile .prodImg {width: 110px!important;}
.prodTile {height: auto!important; min-height: 1px!important; margin-bottom: 10px;}
.container_12 .grid_4.prodImage, .container_12 .grid_8.prodDetail {width: 100%!important;}
	.container_12 .grid_4 {width: 100%!important; margin-right: 0px;}
	footer, .FooterZone2 {text-align: center;}
	.footer .Address .map {display: none!important;}
	.container_12 .grid_3.FooterZone4 {width: 100%;}
	.Home .mainZone12 {padding: 10px 0px; text-align: center;}
.downloadLinks a {width: 80%!important;}
.container_12 .EndUserLogin .grid_6 {width: 96%!important;}
	.container_12 .grid_4.FooterZone2, .container_12 .grid_5.FooterdZone3 {width: 100%!important; text-align: center; margin: 0px;}
	.Home .prodSet li .prodImg {margin: 0px auto;}
}
body{font-family:Verdana, Arial, Helvetica, sans-serif;}