/* THE SPOTLIGHT */

@import url('https://fonts.googleapis.com/css?family=Quicksand:400,500,700');
@import url('https://maxcdn.bootstrapcdn.com/font-awesome/4.7.0/css/font-awesome.min.css');

/*GLOBAL Styles - color **do not remove important tags**/
header { background:#fff; } /*background color of the entire header*/
footer { background:#000; } /*background color of the entire footer*/
.headerZone1 { border-bottom:3px solid #696969; background:#000; } /*background color of the top bar*/
.headerZone4 .Menu,
.headerZone4 .menu ul.dropdown {background: #696969;border-top:  3px solid #000;}   /*nav bar background color*/
.headerZone4 .menu ul li a { color:#fff; }  /*nav bar link color*/
.prodSet .tabs li a { color:#000; }  /*product collection LINK color*/
a.btn, a.button { background: #000; border:2px solid #000;  } /*button background*/
a.btn:hover, a.button:hover, 
a.btn:active, a.button:active {background: #696969 !important;} /*button hover background*/
.headerZone1 .menu a,
.headerZone1 .menu ul li::after { color:#fff; }
.Home .introContent, .Home .introContent h3 { color:#fff; }
.QuickSearchBasic .buttons a.btn { color:#000 !important; } /*search bar magnifying glass color*/
.ShoppingCart { background:#fff; color:#000; }
.ShoppingCart:hover { background:#696969; }
.header .Address, .header .Address a {color: #696969;font-weight: 400 !important;} /*header contact color*/
.headerZone4 .menu ul li:hover { background:#000; } 
.headerZone1 .menu ul.dropdown li a { color:#000; }
.headerZone1 .menu li ul.dropdown li a:hover { color:#999; } /*dropdown menu link hover*/
.headerZone1 .menu li a:hover {  color: #ededed; }
.icoBox.vsWand {color:#000; } /*magic wand color*/
 
.footer a { color:#fff !important; } /*social icon color in footer*/
.footer .social-icon { color: #fff !important; background: #696969; height: 40px; width: 40px; border-radius: 40px; font-size: 25px;} /*social icon color in footer*/
.footer, .footer a.btn { color:#fff; }
.prdrebConfig .ui-widget-header { color:#fff; }


/*homepage styles - color*/
.Home .mainZone8 { background:#ededed; } /*background color of welcome and event planner - homepage*/
.Home .introContent { background:#696969; } /*background color of welcome text*/
.Home .EventPlannerList .prodSet .tabs li a { color:#ffffff; } 
.Home .EventPlannerList h2 { color:#ffffff; border-bottom:1px solid #e1e1e1; }
.Home .mainZone1 .Content { color:#fff!important; } /*color of text over hero image*/
.Home .mainZone1 .Content a.btn {background: #000;border: 3px solid #fff;margin-top:  20px;font-size:  24px;text-transform:  lowercase;} /*background color of button - hero image*/
.Home .mainZone1 .Content a.btn:hover {
    background: #fff !important;
    color: #000 !important;
    border: 3px solid #fff !important;
}

/* LINKS */
a, a:link, a:visited, a:hover, a:active {  color:#000;  }
a:hover { color: #696969;; }
.styledtxt { color: #000000; }

/*DO NOT EDIT*/
/*containers*/
body { font-size:1em; color:#333; line-height:1.4; font-family: 'Quicksand', sans-serif; }
.Home .section { width:100%; margin:0 auto; }
.section { width:85%; margin:30px auto; }
.container_12,
.container_12 .grid_12 { width:100% !important; margin:0 auto; }
.container_12 .grid_3 {
    width: 20% !important;
    right: 10%;
    background: none;
    top: 0 !important;
    height: 100%;
}
.Home .container_12 .grid_3 { background:#696969; }
.headerRow2b { width:80%; margin:0 auto; }
.container_12 .grid_4 { width:30% !important; }
.container_12 .grid_8 { width:65% !important; }
.Home .container_12 .grid_9 {width: 48% !important;margin-left: 16.5%;}
.container_12 .grid_9 {width: 75% !important;margin-left: 2%}
.container_12 .grid_6 { width:48% !important; }
.headerZone3b { float:right; margin:0; padding-top:20px; padding-bottom:20px;  }


.Home .EventPlannerList ul li .prodImg { transition:background-color 0.5s linear; }
.Home .EventPlannerList ul li .prodImg:hover { background-color:transparent; }

/* LINKS */
a, a:link, a:visited, a:hover, a:active {  font-weight: 500;
  text-decoration: none; font-size:inherit;
  transition: all .25s ease-in-out;
    -moz-transition: all .25s ease-in-out;
    -webkit-transition: all .25s   }

a:hover { text-decoration: none;  }

/*headers*/
h1, h2, h3, h4, h5, h6 { font-size:inherit; color:inherit; }
h1 { font-size:2em; }
h3 { color:rgba(0,0,0,0.7); }
h2, .ProductOfTheDay .PODay h2, .ProductSetAutoUpdate h2, .Video h2, .eventplanner .ui-widget-header h3 { text-transform:uppercase; color:#696969; text-decoration:underline; font-size:1.5em; }

.Address h3, .socialLinks h3 { display:none; }
.ContactUs .socialLinks { margin-top:20px; }

/*logo*/
.logo a { font-size:30px; }
img[id$="imgLogoLnk"] {height:auto !important;width: auto !important;max-height:130px !important;max-width: 100%;}

/*buttons*/
a.btn, a.button { color:#fff !important; }
a.btn, a.button, .btn.styled, .btn.default { 
    display: inline-block;
    line-height:normal;
    background-image:none;
    box-sizing: border-box;
    padding: 8px 18px;
    text-align: center;  
    text-decoration: none;
    text-transform: uppercase;
    border-radius: 5px;
    font-weight: 700;
    font-size:inherit;
    transition: all .25s ease-in-out;
    -moz-transition: all .25s ease-in-out; 
    -webkit-transition: all .25s  }
a.btn:hover, a.button:hover, 
a.btn:active, a.button:active  { background-image:none; }
button { background:none; }

/*input*/
input[type="text"], input[type="password"], input[type="search"], select, input[type="file"] 
{     width: 90%;     
height: 30px;     
padding: 1px 10px;     
line-height: normal;     
color: inherit;     
background-color: none !important;     
background-image: none;     
border: none;     
border-radius: 4px;     
box-shadow: inset 0 1px 1px rgba(0,0,0,.075);     
-webkit-transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s;     
transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s;     
font-family: 'Quicksand', sans-serif;     
font-weight: 500; 
} 
.section input, .footer input { padding:6px 12px; }
.ProdResultsStrip .prodImg input { paddinG:0; }

/*global menu styles*/
.menu { background:none; height:auto; line-height:inherit; margin-bottom:0; }
.menu ul { margin:0; }
.menu ul.dropdown {     
    display: none;
    position: absolute;
    left: 0px;
    top: 100%;
    min-width: 100%;
    background: #fff;
    white-space: nowrap !important;
    z-index: 9999;
    border: none;
}

/*main navigation - header*/
.headerZone4 { position:relative; z-index: 899; }
.headerZone4 .menu { margin:0 auto; width:90%; }
.headerZone4 .menu ul { display:flex; justify-content: space-between; align-items: center; margin:0; padding:0; }
.headerzone4 .menu ul li { flex:0 1 auto; padding:0; width:100%; text-align:center; }
.headerZone4 .menu ul li a { display:block; line-height:inherit; padding:10px 0; }
.headerZone4 .menu ul li a:after {content:'\f107'; font-family:FontAwesome; padding:0 5px; }
.headerZone4 .menu ul.dropdown { display:none; }
.headerZone4 .menu ul.dropdown li a:after { display:none; }
.headerZone4 .menu ul.dropdown li a:before { content:'\f105'; font-family:FontAwesome; padding-right:5px; }

.Events h2 { text-align:center; }

/*top nav - pre header , signin*/
.headerZone1 { float:none; display:inline-block; }
.headerZone1 .Menu {float:left;margin-left: 15%;padding-top: 8px;}
.headerZone1 .EndUserStatus { float:left; padding:8px 0; }
.headerZone1 .menu a { font-size:80%; margin-right:20px; text-transform:uppercase;  }
.headerZone1 .menu ul li { padding:0; }
.headerZone1 .menu ul li:after { }
.headerZone1 .menu ul li.divider { display:none; }
.headerZone1 .EndUserStatus .menu ul li:last-child:after { display:none; }
.headerZone1 .menu ul.dropdown {   background:#fff; border:1px solid #e1e1e1; padding:5px; -webkit-box-shadow: 0 0 2px 2px rgba(0,0,0,0.1);
box-shadow: 0 0 2px 2px rgba(0,0,0,0.1); }
.headerZone1 .menu ul.dropdown li:after{ display:none; }
.headerZone1 .menu ul.dropdown ul li { width:25%; float:left; }
.headerZone1 .menu ul.dropdown li a { text-transform:capitalize; }
.headerZone1 .menu li ul.dropdown ul:nth-child(1), .headerZone1 .menu li ul.dropdown ul:nth-child(2), .headerZone1 .menu li ul.dropdown ul:nth-child(3) {
    left: 100%;
    overflow: hidden;
    top: 0px;
    transition: opacity 1s ease-out 0s;
    width: 300px;
	z-index:9999;
}
.headerZone1 .menu li ul.dropdown li ul li {
    clear: none;
    display: inline;
    float: left;
    width: 50%;
}
.welcome-label { font-size:80%; color:#000 !important; }
span[id$="loginMsg"] { font-size:12px; }


.map  { margin:20px 0; }


/*logo, search, cart, contact*/
.header .Logo { width:100%; text-align:center; }
.header .logo { padding:40px 0; }
.header .Logo .logo a { color:#000; }
.header .ShoppingCart,
.header .QuickSearchBasic { float:right;  }
.header .Address { float:right; }
.header .QuickSearchBasic  { clear:both; }

/*Quick Search*/
.QuickSearchBasic { width:90%; margin-top:5px; }
.QuickSearchBasic .formLayout { position:relative; }
.QuickSearchBasic .info,
.QuickSearchBasic label { display:none; }
.QuickSearchBasic label { line-height:normal; }
.QuickSearchBasic .buttons .search-within input { margin:0; float:left; }
.QuickSearchBasic {background: #ededed;border-radius:5px;}
.QuickSearchBasic input { background:none; border:none; box-shadow:none;  }
.QuickSearchBasic .search-keyword { width: 45%; float: left; }
.QuickSearchBasic .search-keyword input { padding:6px 12px; }
.QuickSearchBasic .price { float:left; }
.QuickSearchBasic .price input { padding:6px 0; font-size:10px; }
.QuickSearchBasic .price span {float:left;width: 70px;}
.QuickSearchBasic .price span.price-separator { display:none;}
.QuickSearchBasic .buttons { float:right; margin-right:10px; margin-top:7px; }
.QuickSearchBasic .buttons a.btn { background:none !important; border:none; font-size:0; padding:0; }
.QuickSearchBasic .buttons a.btn:after { content:"\f002";  font-family: FontAwesome; font-size:30px !important; font-weight:400;   }
.QuickSearchBasic .buttons .search-within { font-size:60%; color:#000; margin:10px 10px 0 0; float:left;  }

/*Header Address*/
.header .Address .addressline,
.header .Address h3,
.header .Address .phonelabel, 
.header .Address .emaillabel { display:none; }
.header .Address {margin-right:20px;padding:5px 0;font-size: 24px;text-align:  right !important;width: 100%;}
.header .Address .phone, .header .Address .email, .header .Address .fax{ float:right ;}
.header .Address a { font-weight:bold; }
.header .Address .email, .header .Address .fax  {padding-left:10px;text-align: right !important;}
.header .Address .fax:before { content:'\f1ac'; font-family:FontAwesome; padding-left: 25px;}
.header .Address .phone:before {content:'\f095';font-family:FontAwesome;padding-left: 25px;}
.header .Address .email:before {content:'\f0e0';font-family:FontAwesome;padding-left: 25px;}

/*shopping cart*/
a.btn-checkout { display:none !important; }
.ShoppingCart {
    padding: 7px 10px;
    margin-right: 10%;
    position: absolute;
    float: right !important;
    right: 0;
}
.ShoppingCart .btnTxt:before {content: "\f07a";font-family: FontAwesome;padding-right:5px;}
.ShoppingCart h5, #shoppingCart { color:#000; }

/*main banner image full width - do not edit these styles*/
.Home .mainZone1 { float:none; }
.Home .mainZone1 .Content  { position:relative; }
.Home .mainZone1 .Content img  { width:100%; height:auto; }
.Home .mainZone1 .Content img[style] { width:100% !important; height:auto !important; }
.bannertext {position:absolute;margin-top:5%;right:5%;width:30%;text-align:center;background: rgba(0,0,0,0.7);padding:30px; z-index: 9 !important;}
.Home .mainZone1 .Content .contentModule div h2 {font-size:3em;font-weight:normal;margin:0;color: #fff;text-decoration:  none;}
.Home .mainZone1 .Content .contentModule div h3 { font-size:2em; margin-top:5px; }

/*product collection*/
.Home .ProductSetAutoUpdate {width: 100%;margin:10% auto 0;float:none;display:block;clear:both;position:relative;}
.ProductSetAutoUpdate .fg-toolbar {
    position: absolute;
    top: -28%;
    width: 5%;
    background: none;
    border: none;
    right: 0;
}
.ProductSetAutoUpdate a.previous {float:left;margin-left: 0;}
.ProductSetAutoUpdate a.next {float:right;margin-right: -10px;}
.ProductSetAutoUpdate  .allLinks { text-align:center; }
.ProductSetAutoUpdate .dataTables_info { display:block; position:absolute; top:-485%; right:2%; font-size:70%; display:none; }
.ProductSetAutoUpdate ul#mycarousel { clear:both; margin-bottom:30px; }
.ProductSetAutoUpdate .prodSet li img { width:inherit; max-width:inherit; }
.ProductSetAutoUpdate .prodSet li .prodName { font-size:70%; }
.ProductSetAutoUpdate .allLinks {font-size: 70%;top: -23%;right: 8%;position: absolute;}
.ProductSetAutoUpdate .allLinks a { padding:0 5px; }

/*home container edit*/
.Home .mainZone9 { margin-left:10%; margin-right:0; float:left; width:25% !important; }
.Home .mainZone10 { width:55% !important; margin-right:10%; float:right; }

/* VERT MENU */
.menu.vertical { height: auto; z-index: 800; position:relative; }
.menu.vertical > ul li { clear: left; padding: 0; display: block; width:100%; margin:0 0 3px; }
.menu.vertical > ul li a { color: #666; display: block; padding: 5px 10px 0; line-height: 35px; background-color: #000; border-bottom: 1px solid #ccc; border-radius: 3px 3px 3px 3px;
-moz-border-radius: 3px 3px 3px 3px;
-webkit-border-radius: 3px 3px 3px 3px; font-size:95%;  }
.menu.vertical > ul li a:hover { text-decoration: none; }
.menu.vertical > ul li:hover > a { text-decoration: none; background-color: #ededed; border-bottom: 1px solid #ededed; padding:5px 30px 0 15px; }
.menu.vertical > ul li .dropdown li a { line-height: 25px; }
.menu.vertical li a.menu-header, 
.menu.vertical li a.menu-header:hover { text-transform:uppercase;  background-color: #ededed; border-bottom:#ededed; padding: 5px 10px 0; line-height: 35px; cursor:copy; font-weight:bold; color:#fff; }


/*ico box replacement*/
.icoBox, .prodNew { text-indent:0; }
.virtualsample .virtualsampleIcon:before, .vsWand:before { content:'\f0d0'; font-family:FontAwesome; font-size:20px;  }
a.previous:before { content:'\f104'; font-family:FontAwesome; font-size:30px;  }
a.next:before { content:'\f105'; font-family:FontAwesome; font-size:30px;  }
.social-icon { background:none; width:auto; height:auto; margin:0; font-size:20px; }
.social span { margin:0 5px; }
.FCBK:before { content:'\f09a'; font-family:FontAwesome; }
.PINT:before { content:'\f231'; font-family:FontAwesome; }
.TWTR:before { content:'\f099'; font-family:FontAwesome; }
.LNKD:before { content:'\f0e1'; font-family:FontAwesome;  }
.BLOG:before { content:'\f09e'; font-family:FontAwesome;  }
.FLKR:before { content:'\f16d'; font-family:FontAwesome;   }
.GGLP:before { content:'\f0d5'; font-family:FontAwesome; }
.YTBE:before { content:'\f167'; font-family:FontAwesome; }
.INST:before { content:'\f16d'; font-family:FontAwesome; }

.icoBox.vsWand, .icoBox.iX, .icoBox.iX2, .icoBox.iArrowUp, .icoBox.iArrowDown { background:none; }

.icoBox.iX:before { content:'\f00d'; font-family:FontAwesome;  }
.icoBox.iX2:before { content:'\f056'; font-family:FontAwesome;  }
.icoBox.iArrowUp:before, .iconContainer.arrowH1E:before { content:'\f106'; font-family:FontAwesome; font-weight:bold; }
.icoBox.iArrowDown:before, .collapsed .iconContainer.arrowH1E:before { content:'\f107'; font-family:FontAwesome;  font-weight:bold; }
.iconContainer.arrowH1E { background:none; text-indent:0; }

.prodNew { background:none; background-color:#cc0000; font-size:90%; width:auto; padding:5px; border-radius:5px; }
.prodNew:before { content:'\f14a'; font-family:FontAwesome;  font-weight:bold;  margin-right:5px;  }
.prodFeat { background:none; background-color:#cc0000; font-size:90%; width:auto; padding:5px; border-radius:5px; border:none; }
.prodFeat:before { content:'\f02b'; font-family:FontAwesome;  font-weight:bold;  margin-right:5px;  }

.virtualsample .virtualsampleIcon, .ProductDetailVS i { background:none; text-indent:0; height:auto; width:auto; font-style:normal; font-size:15px;  }
.ProductDetailVS i.icon-down:before { content:'\f019'; font-family:FontAwesome;  font-weight:bold;  margin-right:5px;  }



.ProductDetailVS i.icon-send:before { content:'\f0e0'; font-family:FontAwesome;  font-weight:bold;  margin-right:5px;  }
.VS { font-size:12px; }
.VS .marginTop5 { position:unset; }

.icoBox.iArrowRight, .icoBox.iArrowLeft { display:none; }
.ProdResultsStrip .carousel .previous { left:-15px; }
.ProdResultsStrip .carousel .next { right:-15px; }
.ProdResultsStrip .carousel a:before { font-size:30px; }



a[id$="lnkQuickRequest"]:before  { content:"\f0e6"; font-family:FontAwesome; margin-right:5px; }
a[id$="lnkQuickRequest"] {background: #696969; color:#fff;border-radius:5px;padding:5px 10px;display:inline;float:left;margin-right:10px;}
a[id$="lnkMoreFromThisLine"] {background: #696969; color:#fff; border-radius:5px;padding:5px 10px;display:inline;float:left;}
a[id$="lnkMoreFromThisLine"]:before { content:"\f067"; font-family:FontAwesome; margin-right:5px; }
a[id$="lnkQuickRequest"]:hover ,  a[id$="lnkMoreFromThisLine"]:hover {background: #ededed;color:#000;}

/*product carousel style*/
.prodSet li .prodName,
.prodSet .tabs li a,
.prodSet .tabs li a:hover,
.prodSet .tabs li a:hover .prodName { background:none; background-color:none; margin:0; }
.prodSet li .prodName { position:relative; height:auto; line-height:normal; padding:0; text-shadow:none; }
.prodSet .tabs li { padding:0; }
.prodSet li .prodImg { margin:0; padding:10%; border-radius:5px;  }
.prodSet li img { margin:0; }
.prodTile { border-radius:5px; }
.prodTile .p_Img_Title { width:100%; display:block; margin-bottom:10px;  }
.prodTile .prodName a { font-weight:bold; color: #696969;}
.prodTile .prodDescr { font-size:80%; }
.prodTile .prodPrice { font-size:inherit;  }

/*signin*/
.mainWrapper .Login a.btn { padding:5px; font-size:80%;  }
.mainWrapper .Login a { float:right; font-size:80%; }
.modal .bootstrap-container label { font-size:12px; }

/*footer*/
footer { text-align:center; }
.footer .innerWrapper { width:80%; margin:0 auto; padding:5% 0; font-size:90%; }
.footer .FooterZone2, .footer .FooterdZone3, .footer .omega.FooterZone4 { width:33.3333% !important; margin:0 !important; }
.footer .asiModule { padding:0 15px; }
.footer h3 {display:none;  }
.footer .companyName {
    font-weight: 500;
    font-size: 28px;
    text-transform: uppercase;
    letter-spacing: 5px;
    margin-bottom: 5px;
}
.footer .address .map { float:left; margin-right:30px;  }
.footer .address span[id$="spnOfficeLocation"] { }
.footer .NewsletterSignup { clear:both; padding-top:20px; }
.footer .NewsletterSignup .flGrp.news { float:left; width:65%; }
.footer .NewsletterSignup input[style] { float:left; height:27px !important; color:#000; width:90% !important; }
.footer .NewsletterSignup .buttons { padding-left:10px; float:left; }
.footer .NewsletterSignup .formLayout { display:block; }
.footer .NewsletterSignup span.txt { display:block; clear:both; }
.footer .socialLinks ul { margin-top:10px; }
.fullWidthFooterZone {
    text-align: center;
    background: #fff;
    padding: 10px 0;
    font-size: 70%;
    color: #000;
    font-weight: 500;
}
.fullWidthFooterZone a { color:#696969; }
.fullWidthFooterZone a:hover { color: #000; }
.social-icon { transition: all 0.5s ease;  }
.social-icon:hover { color: #000000 !important; background:#ededed; }

/*3 columns - video, editorial, newsletter, pod*/
.Home .mainZone10 { display:flex; flex:0 1 auto; box-sizing:border-box; margin-left:0; }
.Home .mainZone10 .asiModule { width:50%; padding:0  15px;  }

/*event planner mainzone8*/
.Home .EventPlannerList {background: #ededed;padding: 0 10% 0 16%;}
.plannerList 
{     
max-height: 300px;     
overflow: hidden;     
border: none;         
border-top-color: currentcolor;         
border-top-style: none;         
border-top-width: medium;     
border-top: none;     
column-count: 3;     
padding: 5% 0;     
margin: 0; 
} 

.plannerList li:nth-child(odd), .plannerList li:nth-child(odd) {background:none; }
.Home .mainZone8 { padding:5% 0; width:100% !important; margin:0; }
.Home .introContent {  padding: 5% 20%; position: relative !important; text-align: center; font-size:21px; }
.Home .introContent h3 { font-size:2em; margin-bottom:10px; }
.Home .introContent p { font-size:90%; }
.Home .mainZone8 .asiModule {width:80%;}
.Home  .EventPlannerList .prodSet li img { width:100%; max-width:none; height:auto; }
.Home .EventPlannerList ul li { width:100%; }

.ui-widget-header { border:none; }
.ui-widget-header .listitems { border:none; }
.eventplanner .ui-widget-header { background:none; }
.eventplanner .fltRight, .EventPlannerList .fltRight { float:left; text-align:left; padding:5px 10px; }
.eventplanner a.fltRight, .EventPlannerList a.fltRight { color:#696969; }

 /*product of the day*/
.ProductOfTheDay {position:relative;top: 0 !important;padding: 28px;height: 100% !important;}
.ProductOfTheDay .PODay .prodDescr { font-size:70%; height:120px; overflow:hidden; }
.ProductOfTheDay .PODay .prodNum { display:none; }
.ProductOfTheDay .PODay .prodImg {float:right;width: 100%;margin-bottom:  30px;}
.ProductOfTheDay .PODay .prodInfo { }
.ProductOfTheDay .PODay h4,
.ProductOfTheDay .PODay .prodDescr { display:none; }
.ProductOfTheDay .PODay .socialLinks { position:absolute; top:3%; right:5%; }
.ProductOfTheDay .PODay .prodLink {margin-top:30px;margin: 0 auto;text-align:  center;}
.ProductOfTheDay .PODay .prodLink a {font-weight:bold;padding: 10px 20px;background:#fff;color:#696969;}
.ProductOfTheDay .PODay h2 { color:#fff !important; }

/*editorial content feed - homepage*/
.EditorialContentFeed {width: 30% !important;float: left;padding:  0 !important;margin-left: 16%;margin-right: 4%;}
.EditorialContentFeed div[id$="pnlFeed"]:before { 
    content:'Industry News'; 
	text-transform: uppercase;
    color: #696969;
    text-decoration: underline;
    font-size: 1.5em;
	font-weight:600;
	}
.EditorialContentFeed h3 { margin-bottom:5px; font-size:1.2em;  }
.EditorialContentFeed .articleDescr p { font-size:85%; }
.EditorialContentFeed .readmore { margin-bottom:15px; font-size:90%; font-weight:600; }
.EditorialContentFeed .readmore a { color:#696969 !important; }
.EditorialContentFeed .readmore a:hover { color:#000 !important; }
.EditorialContentFeed .readmore:after { content:'\f105'; font-family:FontAwesome; margin-left:5px;color:#696969; }

.Video {width: 31% !important;float: left;margin-right:  14%;padding:  0 !important;}
.featureVideo h6 { display:none; }


/*product results*/
.grid_9.alpha.omega.mainZone7a { width:100% !important; }
.grid_9 .prdrebConfig.grid_3.alpha,
.grid_9 .prdrebProducts.grid_9.omega { width:100% !important; }
.prdrebMain h6 .btnTxt { font-weight:bold; }
.productListControls td.last { text-align:left; }
.productList .prodTile { height:auto; }

/*banners*/
.Banner { clear:both; }
.Ad, .Banner { padding: 10px 0px; margin:0 auto 20px; width:100%; }
.adSlider { background: #FFF; padding: 4px; }
.adSlider .inner { margin:0 auto; padding: 8px 8px 30px 8px; }
.adSlider .pagerBtn { float: left; clear: both; overflow: hidden; margin: 10px 0 0 20px;bottom:21px; }
.adSlider .pagerBtn ul, ol { list-style: none outside none; margin: 0; padding: 0; }
.adSlider .pagerBtn .pagination li { float: left; margin: 0 7px 0 0; }
.adSlider .pagerBtn .pagination li a { background:#666;  float: left; font-size: 0; height: 11px; width: 11px; line-height: 0; overflow: hidden; border-radius:3px; }
.adSlider .pagerBtn .pagination li a:hover,
.adSlider .pagerBtn .pagination li.active a { background:#ccc; }
.adSlider .btns { height: 17px; margin-top: 6px; float: right; }
.adSlider .btns a { margin-right: 15px; }
.Banner a.next:before { content:'\f104'; font-family:FontAwesome; font-size:20px;  }
.Banner a.previous:before { content:'\f105'; font-family:FontAwesome; font-size:20px;  }

/* FILTER */
.grid_9 .prdrebDimensionGroup { font-size:90%; }
.grid_9 .prdrebDimensionGroup a.moreLink { font-size:85%; font-weight:bold; }
.grid_9 .ProductResultsBasic .prdrebConfig { position: relative; width: 100%; }
.grid_9 .ProductResultsBasic .prdrebProducts { margin-left: 0; margin-right: 10px!important; }
.grid_9 .ProductResultsBasic .prdrebFilters strong,
.grid_9 .ProductResultsBasic .prdrebConfig h5 { font-size: 13px; padding: 0; display: inline-block; line-height: 22px; float: left; clear: left; margin-right: 10px; }
.grid_9 .ProductResultsBasic .prdrebFilters strong:after,
.grid_9 .ProductResultsBasic .prdrebConfig h5:after { content: ': '; }
.grid_9 .ProductResultsBasic .prdrebConfig .ui-widget-header { background: none; border: none; float: left; }
.grid_9 .ProductResultsBasic .prdrebFilters { border: 0; padding: 0; }
.grid_9 .ProductResultsBasic .prdrebFilters li { float: left; margin-right: 10px; }
.grid_9 .ProductResultsBasic .prdrebFilters ul { float: left; }
.grid_9 .ProductResultsBasic .prdrebFilters a.btnLink { float: left; clear: both; }
.grid_9 .ProductResultsBasic .prdrebConfig .ui-widget-header.noBorderBot.noBorderTop { display: none; }
.grid_9 .ProductResultsBasic .prdrebDimensions:hover { display: block; width: 300px; padding-bottom: 200px; }
.grid_9 .ProductResultsBasic .prdrebDimensions:hover .prdrebDimensionGroup { display: block; height: auto; z-index: 319; }
.grid_9 .ProductResultsBasic .prdrebDimensions { position: absolute; right:112px; top: 25px; border: none; z-index: 320; }
.grid_9 .ProductResultsBasic .prdrebDimensions:before { content: 'SEARCH FILTERS'; width: 130px; z-index: 320; cursor: pointer; color: #F1F1F1; font-size: 15px; padding: 5px 20px; float: right; text-align: center; border: 1px solid #fff; border-width: 1px 1px 0; position: absolute; right: -113px; border-radius: 3px 3px 3px 3px;
-moz-border-radius: 3px 3px 3px 3px;
-webkit-border-radius: 3px 3px 3px 3px; }
.grid_9 .ProductResultsBasic .prdrebDimensionGroup {  border-radius: 5px;
-moz-border-radius: 5px;
-webkit-border-radius: 5px;display: none; border:1px solid #E1E1E1; position: relative; right: -119px; top: 30px; background: #fff; width: 270px; padding: 10px;  z-index: 300;}

.grid_9 .ProductResultsBasic .prdrebDimensions:before,
.configOptions .configHandle { background: #ededed; }

/*stylized search filters*/
.prdrebConfig .ui-widget-header {background-image:none;background-color: #ededed;border-radius:3px 3px 0 0;color:#000;}
.prdrebFilters { margin-bottom:10px; border-radius:0 0 3px 3px; }


/* PROD DETAILS */
.configOptions { position: absolute; right: -46px; top: 140px; z-index: 205; width: 30px; }
.configOptions .configHandle { position: absolute; width: 215px; height: 30px; line-height: 30px; color: #F1F1F1; text-align: center; z-index: 199; font-size: 15px; border: 1px solid #fff; border-width: 1px 1px 0; right: -98px; top: 0px; background: #464646; -webkit-transform: rotate(90deg); -moz-transform: rotate(90deg); -o-transform: rotate(90deg); -ms-transform: rotate(90deg); }
.configOptions .configHandle .icoBox { display: none; }
@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 #b11111; right: -80px; top: 80px; }
}
.configOptions:hover .configHolder #config { left: -2px!important; }
.configOptions .configHolder #config { left: -250px!important; }
.configOptions .configHandle:hover { cursor: pointer; }
.configOptions:hover .configHolder { height: auto; }
.configOptions .configHolder { overflow: hidden; height: 0; top: -98px; position: relative; margin-left: 5px; padding: 0 10px 10px; width: auto; }
.configOptions .config { position: relative; background: #FFF; margin: 0 0 0 14px; right: -240px; top: 5px; width: 210px; border: 1px solid #fff; -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: #464646; padding: 10px; }
.configOptions .configHolder .ui-widget-header h5 { color: #fff; font-size: 13px; line-height: 1em; padding: 0px; }
.configOptions .fieldsetInner { border: none; }

.prodDetailInfo h3 { font-size:1.5em; }
.attributesContainer h1 { font-size:1.0em; }
.attributesContainer .contentContainer { background:#fbfbfb; padding:15px; border-radius:3px; font-size:80%; }
.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 { width:100%; }
.YouMayAlsoLike .gridFooter { border: 1px solid #CCC; border-bottom: 2px solid #CCC; border-top: none; background: #FFF; }
.YouMayAlsoLike .fieldsetInner { border: none; }
.YouMayAlsoLike .gridFooter { width:15%; float:left; margin:2px;}
.YouMayAlsoLike .gridFooter  .prod-det ._50 { width:100%; margin:0; }
.YouMayAlsoLike.ymalProd._33.omega.fltright .ui-widget-header { background:none; color:#555;border-bottom:1px solid #ccc; border-top:none; border-lefT:none; border-right:none; }
.YouMayAlsoLike .gridFooter { border:none !important; }
.YouMayAlsoLike.ymalProd._33.omega.fltright { width:100%; margin:30px 0; }
.YouMayAlsoLike .ui-widget-header h5 { background:#e1e1e1; border-radius:5px 5px 0 0; display:inline-block; padding:10px 20px; color:#555; font-weight:normal; }
.YouMayAlsoLike { font-size:80%; }
.YoumayAlsoLike.qk-vw { display:none !important; }
.prodImage.grid_4.alpha { font-size:70%;  }

.downloadLinks {
    text-align: center;
    margin-top: 30px;
}
.downloadLinks a {
    display: inline-block;
    color: #000;
    margin-bottom: 20px;
}
.downloadLinks i {
    display: block;
}
.distLegal, .corpLegal { font-size:70%; }

/*EventPlanner*/
.EventPlanner .rightcol {
    width: 70%;    float: right;
}
.EventPlanner .leftcol {
    width: 25%;
    border: none; }
.EventPlanner ul.ui-tabs-nav li.ui-tabs-active {
    border: none;
    background: #696969;
    border-radius: 5px 5px 0 0;
	border-bottom:1px solid #CCC !important }
.EventPlanner .imgPanel { width:20%; border:1px solid #e1e1e1; }

ul.ui-tabs-nav li.ui-tabs-active a, ul.ui-tabs-nav li.ui-tabs-active {
    background: #696969;
    color: #fff;
    font-weight: bold;
}
.Event .mainVideo { display:none; }
.Event .mainVideo { text-indent:0 !important; }


/*responsive - DO NOT EDIT*/
@media only screen and (min-width:1300px) {
    .QuickSearchBasic .search-keyword {
        width: 56%;
        font-family: 'Quicksand', sans-serif;
    }
    .Home .mainZone8 .EditorialContentFeed,
    .Home .mainZone8 .ProductOfTheDay,
    .Home .mainZone8 .Video {
        padding: 0 30px
    }
    .social-icon {
        font-size: 30px
    }
}

@media only screen and (max-width:480px) {
.ProductResultsBasic .prdrebConfig.active{background:#fff;}
	.header .Address .email, .header .Address .fax, .header .Address .phone {margin-left:-20px !important;text-align: center !important;}
	.prodTags { width:auto; }
    .Address .address.inline .phone,
    .Address .address.inline .email,
    .Address .address.inline .fax {
        display: block;
        font-size: 14px;
    }
    nav.mobile-menu .mobile-menu-icon::after,
    nav.mobile-menu .mobile-menu-icon::before {
        background-color: #fff;
    }
    nav.mobile-menu .mobile-menu-icon span {
        background: #fff
    }
    .ShoppingCart,
    .ShoppingCart:hover,
    .headerZone2b {
        background: 0 0
    }
	body > nav.mobile-menu, nav.mobile-menu {
    display: block;
    position: absolute;
    left: 0;
    top: -60px;
    padding: 0;
    width: 100%;
    background: #000;
}
    img[id$=imgLogoLnk] {
        width: auto!important;
        height: auto !important;
    }
    .EventPlanner .leftcol,
    .EventPlanner .rightcol,
    .container_12 .grid_3,
    .container_12 .grid_4,
    .container_12 .grid_6,
    .container_12 .grid_8,
    .prodDetail.grid_8.omega,
    .prodImage.grid_4.alpha {
        width: 100%!important;
        float: none;
        margin: 0!important
    }
    .footer .innerWrapper,
    .headerRow2b {
        width: 95%
    }
    .Home .section {
        width: 100%!important
    }
    .section {
        width: 95%!important
    }
    body { }

    .headerZone2b {
        position: absolute;
        top: 0;
        left: 0;
        margin: 0;
        z-index: 99
    }
    .Logo {
        paddinG: 0
    }
    .Logo .logo img {
        max-width: 65%;
    }
    .ShoppingCart {
        position: absolute;
        top: -50px;
        padding: 0;
        width: 6%!important;
        right: 10px;
        z-index: 999;
    }
    .ShoppingCart .Cart .btnLink.btn-shopping-cart {
        font-size: 0
    }
    .Home .mainZone1 .Content .contentModule div h2,
    .ShoppingCart {
        font-size: 18px
    }
	.btnTxt::before {font-size:28px;color: #fff;}
    .ShoppingCart .Cart #shoppingCart {
        left: auto;
        width: 350px
    }
.container_12 .grid_9 {
    width: 100% !important;
    margin-left: 0;
}
.section {
    margin: 15px auto;
}
	
	.container_12 .grid_9 .address, .container_12 .grid_9 .Address { text-align:left; }
    .headerZone3b {
        padding-top: 110px;
    }
    .header .Address .phone::after {
        display: none
    }
    .header .Address {
        margin-right: 0
    }
    .QuickSearchBasic .quickSearch .formLayout.inline {
        margin-bottom: 0
    }
.Home .mainZone1 .Content .contentModule div {
    width: 170%;
    padding: 0px;
    margin-top: 1%;
}
.bannertext {
    position: absolute;
    bottom: 5%;
    left: 3%;
    width: 30% !important;
    padding: 10px !important;
	z-index: 9 !important;
}
    .Home .mainZone10 .asiModule,
    .footer .asiModule {
        padding: 0
    }
    .Home .mainZone1 .Content .contentModule div h3 {
        font-size: 16px;
        margin-bottom: 5px
    }
    .Home .mainZone1 .Content a.btn {
        font-size: 14px
    }
    .Home .ProductSetAutoUpdate h2 div[style] {
        margin-right: 0!important
    }
    .Home .ProductSetAutoUpdate {
        width: 95%!important
    }
    .ProductSetAutoUpdate .fg-toolbar {
        top: -55px;
        width: 20%;
        right: 0;
        z-index: 99
    }
    .ProductSetAutoUpdate a.next,
    .ProductSetAutoUpdate a.previous {
        margin: 0
    }
    a.next::before,
    a.previous::before {
        font-size: 30px
    }
    .ProductSetAutoUpdate .dataTables_info {
        top: 30px;
        font-size: 60%
    }
 .Home .mainZone8 .asiModule {
    margin: 0 auto;
    width: 97%!important;
    background: #ededed;
    padding-left: 3% !important;
}
.featureVideo{
    width: 95%;
    margin-bottom: 10px;
}
.ProductOfTheDay .PODay h2 {
    margin: 0 auto;
    color: #fff !important;
    width: 70%;
    padding-top: 30px;
    padding-bottom: 10px;
}
    .Home .mainZone10 {
        display: block;
        width: 95%!important;
        margin: 0 auto!important
    }
    .Home .EventPlannerList ul li {
        width: 90%; font-size:13px;
    }
.Home .introContent {
    width: 90% !important;
    font-size: 16px;
    margin: 0;
    padding: 5% !important;
}
.Home .mainZone1 .Content {
    position: relative;
    margin: 0;
}
.Home .introContent h3 { font-size:21px; font-weight:600; }
.Home .EventPlannerList { padding:0; }

.plannerList {
    max-height: none;
    overflow: auto;
    border: none;
    border-top: none;
    column-count: 2;
    padding: 5% 0;
    margin: 0;
}
.Home .container_12 .grid_9 {
    width: 100% !important;
    margin-left: 0 !important;
}
.Home .ProductSetAutoUpdate { margin: 3% auto 0; }

    .footer .address .map,
    .footer .address span[id$=spnOfficeLocation] {
        float: none
    }
    .footer .FooterZone2,
    .footer .FooterdZone3,
    .footer .omega.FooterZone4 {
        width: 100%!important
    }
    .EventPlanner .imgPanel {
        width: 45%
    }
	.ProductSetAutoUpdate .allLinks { display:none; }
}

@media only screen and (min-width:768px) and (max-width:1024px) {
		.EditorialContentFeed {
    width: 35% !important;
    margin-left: 12%;
}
	.Video {
    width: 35% !important;}
    .Ad,
    .Banner,
    .QuickSearchBasic .price {
        display: none
    }
    .prdrebConfig,
    .productListControls {
        font-size: 80%
    }
    .Home .mainZone3 {
        width: 90%!important
    }
    .ProductSetAutoUpdate a.next {
        margin-right: -10px
    }
    .ProductSetAutoUpdate a.previous {
        margin-left:0;
    }
    .headerRow2b,
    .section {
        width: 90%
    }
	.ContactUs .section {
    width: 100%;
}
    .headerZone1 .EndUserStatus {
        margin-right: 5%
    }
    .Home .mainZone1 .Content .contentModule div {
    
    }
    .headerRow2b {
        position: relative
    }
    .productList .col4 {
        width: 33%
    }
    .productList .prodTile {
        height: 260px
    }
    .productListControls .TxtLabel {
        float: left
    }
    .container_12 .grid_3 {

    }
    .container_12 .grid_9 {
        width: 70%!important
    }
   .Home .container_12 .grid_9 {
    width: 55%!important;
    margin-left: 11%;
}
	Home .introContent {
    padding: 5%; }
	.Home .EventPlannerList {
    padding: 0 5% 0 10%;
}
    .Home .mainZone8 {
        width: 100%!important
    }
    .Home .mainZone10 {
        width: 90%!important;
        margin: 0 auto!important;
        float: none
    }
    .Home .introContent,
    .Home .mainZone9 .Content {
        margin: 0;
        clear: Both
    }
    .Home .mainZone9 { }
	.Home .ProductSetAutoUpdate { margin-top:15%; }
    .footer .innerWrapper {
        width: 90%
    }
}

@media only screen and (min-width:481px) and (max-width:940px) {
    .mainZone6 {
        display: none
    }
    .container_12 .grid_9 {
        width: 100%!important
    }
}

@media only screen and (min-width:481px) and (max-width:767px) {
    .Ad,
    .Banner,
    .mainZone6 {
        display: none
    }
    .header .Address .email,
    .header .Address .phone {
        float: none
    }
    .header .Address {
        font-size: 1em
    }
    .ProductSetAutoUpdate a.next {
        margin-right: -10px
    }
    .ProductSetAutoUpdate a.previous {
        margin-left: -35px
    }
    .Home .mainZone3,
    .footer .innerWrapper {
        width: 90%!important
    }
    .Home .container_12 .grid_3,
    .Home .mainZone8 {
        width: 100%!important
    }
    .headerRow2b,
    .section {
        width: 90%
    }
    .headerZone1 .EndUserStatus {
        margin-right: 5%
    }
    .Home .mainZone1 .Content .contentModule div {
        margin-top: 10%
    }
    .headerRow2b {
        position: relative
    }
    .QuickSearchBasic {
        position: absolute;
        bottom: 5px;
        width: 100%;
        right: 0
    }
    .QuickSearchBasic .buttons .search-within {
        position: absolute;
        top: 0;
        right: -70px;
        width: 55%
    }
    .Logo {
        margin-bottom: 60px
    }
    .prdrebConfig {
        font-size: 80%
    }
    .grid_12 .prdrebDimensionGroup {
        font-size: 90%
    }
    .grid_12 .prdrebDimensionGroup a.moreLink {
        font-size: 85%;
        font-weight: 700
    }
    .grid_12 .ProductResultsBasic .prdrebConfig {
        position: relative;
        width: 100%
    }
    .grid_12 .ProductResultsBasic .prdrebProducts {
        margin-left: 0;
        margin-right: 10px!important
    }
    .grid_12 .ProductResultsBasic .prdrebConfig h5,
    .grid_12 .ProductResultsBasic .prdrebFilters strong {
        font-size: 13px;
        padding: 0;
        display: inline-block;
        line-height: 22px;
        float: left;
        clear: left;
        margin-right: 10px
    }

    .grid_12 .ProductResultsBasic .prdrebConfig h5:after,
    .grid_12 .ProductResultsBasic .prdrebFilters strong:after {
        content: ': '
    }
    .grid_12 .ProductResultsBasic .prdrebConfig .ui-widget-header {
        background: 0 0;
        border: none;
        float: left
    }
    .grid_12 .ProductResultsBasic .prdrebFilters {
        border: 0;
        padding: 0
    }
    .grid_12 .ProductResultsBasic .prdrebFilters li {
        float: left;
        margin-right: 10px
    }
    .grid_12 .ProductResultsBasic .prdrebFilters ul {
        float: left
    }
    .grid_12 .ProductResultsBasic .prdrebFilters a.btnLink {
        float: left;
        clear: both
    }
    .grid_12 .ProductResultsBasic .prdrebConfig .ui-widget-header.noBorderBot.noBorderTop {
        display: none
    }
    .grid_12 .ProductResultsBasic .prdrebDimensions:hover {
        display: block;
        width: 300px;
        padding-bottom: 200px
    }
    .grid_12 .ProductResultsBasic .prdrebDimensions:hover .prdrebDimensionGroup {
        display: block;
        height: auto;
        z-index: 319
    }
    .grid_12 .ProductResultsBasic .prdrebDimensions {
        position: absolute;
        right: 112px;
        top: 10px;
        border: none;
        z-index: 320
    }
    .grid_12 .ProductResultsBasic .prdrebDimensions:before {
        content: 'SEARCH FILTERS';
        width: 130px;
        z-index: 320;
        cursor: pointer;
        color: #F1F1F1;
        font-size: 15px;
        padding: 5px 20px;
        float: right;
        text-align: center;
        border: 1px solid #fff;
        border-width: 1px 1px 0;
        position: absolute;
        right: -113px;
        border-radius: 3px;
        -moz-border-radius: 3px;
        -webkit-border-radius: 3px;
        background: #000
    }
    .grid_12 .ProductResultsBasic .prdrebDimensionGroup {
        border-radius: 5px;
        -moz-border-radius: 5px;
        -webkit-border-radius: 5px;
        display: none;
        border: 1px solid #00bff3;
        position: relative;
        right: -119px;
        top: 30px;
        background: #fff;
        width: 270px;
        padding: 10px;
        z-index: 300
    }
    .container_12 .grid_3,
    .container_12 .grid_9 {
        width: 100%!important;
        margin: 0 auto!important
    }
    .Home .EventPlannerList,
    .Home .introContent {
        width: 40%;
        margin-right: 5%
    }
    .Home .EventPlannerList .grp5 li {
        width: 33%
    }
    .Home .mainZone1 .Content .contentModule div {
        width: 100%;
        right: 0;
        padding: 20px 0
    }
}
/* Presentation */
*{
  -webkit-box-sizing: content-box;
     -moz-box-sizing: content-box;
          box-sizing: content-box;
}
*:before,
*:after {
  -webkit-box-sizing: content-box;
     -moz-box-sizing: content-box;
          box-sizing: content-box;
}

.container_12 {
    width: 100%!important;
    margin: 0!important;
    padding: 0!important;
}