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

/*template 28 - snap*/

body { font-family: 'Cabin', sans-serif !important; }
.container_12 { width:100% !important; }
header, footer { width:100%; }
section { max-width:1200px; margin:0 auto; }
.section {  font-size:1.25em; }

.grid_12 { width:100% !important; margin:0px;  }
.grid_6 { margin:0; width:50% !important;  }
.grid_9 {width:80% !important; margin:0; }
.grid_3 { width:20% !important; margin:0; }
.grid_8 { width:70% !important; }
.grid_7 { width: 65% !important; }
.grid_5 { width:30% !important; }

.headerZone1 { background:#fff; padding:10px 0; border-bottom:1px solid #f2f2f2; position: relative; z-index: 999; font-size:14px; }
.headerZone1 .asiModule { padding:0 1%; }
.headerZone1 .Address { float:left; }
.headerZone1 .Menu { float:right; }
.headerZone1 .menu ul.dropdown { background:#fff; -webkit-box-shadow: 0 0 6px 1px #f2f2f2;
box-shadow: 0 0 6px 1px #f2f2f2; left:auto; right:0;  }
.headerZone1 .menu ul.dropdown li a:hover { color:#000; }

.headerRow2 { position:relative; clear:both; }
.headerZone2 { width:20% !important; margin:5px 0 5px 4%; position: relative;}
.headerZone3 { width:80% !important; margin:0; }

/*header address*/
.header .address h3,
.header .address .companyName, 
.header .address .ownerNameTitle, 
.header .address .addressline { display:none; }
.header .address div { display:inline; color:#262626; }
.header .address a { color:#262626; }

/*header, footer social*/
.header .SocialLinks h3, .footer .SocialLinks h3 { display:none; }
.header .SocialLinks { float:right;  }
.footer .SocialLinks { margin-top:10px; }
.social-icon:hover { color:#030304; }

/*top menu*/
.headerZone1 .menu ul li a { color:#262626; }
.headerZone1 .menu ul li a:hover {  color: #2CA1A5; }

/*logo*/
.header .Logo { height:0; padding-bottom:95px; }
.header .logo { padding:0;  }
.header .logo a { font-size:2.5em; line-height:30px; }
.Logo .logo a img { max-height:100% !important; max-width:100% !important; position:absolute; display:block; margin:0 auto; left:4%; height:auto !important; }

/*buttons links*/
a.btn, .Home .mainZone1 .Content .contentModule a {
    display: inline-block;
    line-height: normal;
    background: #2CA1A5;
    padding: 10px 25px;
    text-align: center;
    color: #fff !important;
    text-decoration: none;
    border-radius: 5px;
    letter-spacing: 0.1px;
    border: none;
    font-size: 1.25em;
    font-weight:normal;
    -webkit-transition: background 0.2s ease, color 0.2s ease, border 0.2s ease;
    transition: background 0.2s ease, color 0.2s ease, border 0.2s ease;
}

a.btn:hover,  .Home .mainZone1 .Content .contentModule a:hover {
   background:#030304;
}

a, a:link, a:visited {
    color: #262626; 
    text-decoration: none;
 	transition: all .25s ease-in-out;
    -moz-transition: all .25s ease-in-out;
    -webkit-transition: all .25s
}


a:hover, a:active, a:focus, a.selected {
    color: #2CA1A5;
	      transition: all .25s ease-in-out;
    -moz-transition: all .25s ease-in-out;
    -webkit-transition: all .25s
}

/*quick search*/
.QuickSearchBasic { width:50%; left: 0;
right: 0;
margin: auto; position:absolute; top: 50%;
  transform: translateY(-50%); }
.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 {  border:1px solid #030304; border-radius:25px; }
.QuickSearchBasic input { background:none; border:none; box-shadow:none;  }
.QuickSearchBasic .search-keyword { width:90%; float:left; }
.QuickSearchBasic .search-keyword input { padding:6px 30px; line-height:30px; height:30px; width:100%; }
.QuickSearchBasic .price { display:none; }
.QuickSearchBasic .price input { padding:0px 5px; font-size:10px; line-height:45px; height:45px; width:100%; }
.QuickSearchBasic .price span { float:left; width:60px; }
.QuickSearchBasic .price span.price-separator { display:none;}
.QuickSearchBasic .buttons { position:absolute; top: 5px;
left:0; }
.QuickSearchBasic .buttons a.btn { background:none !important; border:none; font-size:0; padding:0; color:#2CA1A5 !important; }
.QuickSearchBasic .buttons a.btn:after { content:"\f002";  font-family: FontAwesome; font-size:30px !important; font-weight:400;   }
.quickSearch .formLayout.inline .flGrp.buttons div {
    float: left;
    margin: 15px 0 0 0;
    width:100px;
}

/*sign in, create account*/
.header .EndUserStatus { text-align:center;  position:absolute; top: 50%;
  transform: translateY(-50%); right:15%;  }
.header .EndUserStatus .menu ul li { float:none; display:block; padding:0; line-height:normal; }
.header .EndUserStatus .menu ul li.divider { display:none; }
.header .EndUserStatus .menu ul li a.sign-in-link { font-size:1.5em; font-weight:bold; }
.header .EndUserStatus .menu ul li a { font-size:1.0em; color:#030304; }
.header .EndUserStatus .menu ul li a:hover { color:#2CA1A5; }
.header .EndUserStatus .menu ul li.create-account a { color:#262626; }

/*shopping cart*/
.header .ShoppingCart {  position:absolute; top: 50%;
  transform: translateY(-50%); right:5%; color:#262626; z-index: 999; }
.header .ShoppingCart a#btnCheckout { display:none; }
.header .ShoppingCart button:before { color:#030304;  content:'\f217'; margin-left:5px;  font-family:FontAwesome; font-size:24px; display:block; line-height:normal; }
.header .ShoppingCart button { background:none; font-size:1.0em; }
.header .ShoppingCart button:hover:before { color:#2CA1A5; }



/*main nav menu*/
.headerZone4 { background:#030304; }
.headerZone4 .menu ul li a { padding:10px 0;  display:block; color:#fff; font-size:1.5em; }
.headerZone4 .menu ul.dropdown { background:#030304; }
.headerZone4 .menu ul li:hover { background:#2CA1A5; }

/*header menu*/
.headerZone4 .Menu, .footer .Menu {
    margin: 0 auto;
    display:block;
    width:100%;
}
.headerZone4 .menu {
    width:1140px;
    height:auto;
    background:none;
    line-height:normal;
    margin: 0 auto;
}
.headerZone4 .Menu .menu ul, .footer .Menu .menu ul {
    display: flex;
    justify-content: space-between;
    align-items: center;
    list-style: none;
    margin: 0;
    padding: 0; 
}
.headerZone4 .Menu .menu ul li, .footer .Menu .menu ul li {
    -webkit-box-flex: 0;
    -ms-flex: 0 1 auto;
    flex: 0 1 auto;
    width: 100%;
    text-align: center;
    display:list-item;
    padding:0;
    float:none;
}
.headerZone4 .Menu .menu ul li a, .footer .Menu .menu ul li a {
    display: block;
    text-decoration: none;
}


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

/*headers*/
h1, h2 { font-size:2.5em; line-height: normal; }
h3, h4 { font-size:2em;  line-height: normal; }
h5, h6 { font-size:1em; line-height: normal;  }
h1,h2,h3,h4,h5,h6 { color:#2c1b14; }

/*section*/
section { margin:1% auto; }
.Home .mainZone1 .Content .contentModule { position:relative; }
.Home .mainZone1 .Content { width:72%;  float:left; height:auto; }
.Home .mainZone1 .Content img { width:100%; height:auto; }
.Home .mainZone1 .Content .contentModule a { padding:10px 30px; font-size:1.0em; }
.Home .mainZone1 .Content .contentModule div { left: 0; right: 0; margin: auto; position:absolute; top: 50%;
transform: translateY(-50%); width:50%; text-align: center; font-size:2em; background:#fff; padding:20px; }
.Home .mainZone1 .Content .contentModule h1,
.Home .mainZone1 .Content .contentModule h2,
.Home .mainZone1 .Content .contentModule h3 { font-size:2.5em; line-height:40px; }
.Home .mainZone1 .Content .contentModule p { line-height:normal; }

.Home .mainZone4, .Home .mainZone5, .Home .mainZone1 .NewsletterSignup { background:#f7f7f7; }
.Home .mainZone1 .NewsletterSignup { margin:1% auto; clear:both; }
.Home .newsletter { padding:15px; }
.Home .newsletter br { display:none; }
.Home .newsletter h3 { margin-bottom:0px; }
.Home .newsletter span.txt { font-size:1.2em; margin-bottom:10px; display:block; }
.Home .newsletter .news input[style] { width:100% !important; border-radius:5px; }
.Home .newsletter .news input { height:30px; }
.Home .newsletter .news { width:88%; float:left; }
.Home .newsletter .buttons { width:10%; float:right; }
.Home .newsletter .buttons a { display:block; padding:0; line-height:38px;  border-radius:5px;  }
.ProductOfTheDay { width:27%; float:right; margin-bottom:1%; }
.PODay { padding:15px;  }
.ProductOfTheDay, .Home .mainZone1 .Content { max-height:585px; overflow: hidden; height:585px; }
.Home .mainZone1 .Content {  /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#ffffff+0,f2f2f2+100 */ background: rgb(255,255,255); /* Old browsers */ background: -moz-linear-gradient(-45deg, rgba(255,255,255,1) 0%, rgba(242,242,242,1) 100%); /* FF3.6-15 */ background: -webkit-linear-gradient(-45deg, rgba(255,255,255,1) 0%,rgba(242,242,242,1) 100%); /* Chrome10-25,Safari5.1-6 */ background: linear-gradient(135deg, rgba(255,255,255,1) 0%,rgba(242,242,242,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#f2f2f2',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */; }
.ProductOfTheDay { background:#2CA1A5; }
.ProductOfTheDay .PODay .prodImg img { margin-bottom: 20px;
border-radius: 100%;
width: 250px;
max-width: 100%; 
max-height:none; }
.PODay p.prodDescr { display:none; }
.ProductOfTheDay { text-align: center; color:#f3f4ef; }
.PODay .prodLink { padding:20px 0; }
.PODay .prodLink a { font-size:1.5em; color:#f3f4ef; font-weight:bold; }
.PODay .prodLink a:hover { color:#262626; }
.PODay h4 a { color:#f3f4ef; font-weight:normal; }
.PODay h4 a:hover { color:#262626; }
.PODay h2 { font-size:0; }
.PODay h2:before { content:'Product Spotlight'; font-size:24px;  color:#f3f4ef; }


/*all events module home page*/
.Home .EventPlannerList h2 { text-align:center; font-size:0; }
.Home .EventPlannerList h2:before { content:'Idea Bulletin'; font-size:30px;}
.Home .EventPlannerList ul { height:440px; overflow: hidden; }


.Home .mainZone4, 
.Home .mainZone5 { height:150px; max-height:150px; margin:1% auto; position:relative;  }
.Home .Video h6 { display:none; }

.Home .ProductSetAutoUpdate { margin-bottom:1%; }
.Home .introContent { padding:30px; background: url(second-holder-min.png) no-repeat #f3f4ef; 
background-position:right bottom;
}
.Home .introContent h3 { font-size:4em; width:35%; }
.Home .introContent p { font-size:1.25em; width:35%; }

/*editorial section - homepage*/
.Home .EditorialContentFeed { padding:15px; }
.Home .EditorialContentFeed .article h3 { font-size:2.5em; margin-bottom:5px; }
.Home .EditorialContentFeed .articleDescr { font-size:1.2em; } 
.Home .EventPlannerList h3 { display:none; }
.Home .EventPlannerList .ui-widget-header { background:none; border:none; line-height:normal; padding:0; }
.Home .EventPlannerList .listitems { display:none; }
.Home .EventPlannerList a[id$="lnkAllEvents"] { font-size:0; margin:0 20px; position: absolute; background:#fff; color:#000; padding:20px; top: 50%;
    transform: translateY(-50%); border-radius:25px; border:1px solid #ccc;   -webkit-transition: background 0.2s ease, color 0.2s ease, border 0.2s ease;
    transition: background 0.2s ease, color 0.2s ease, border 0.2s ease; }
.Home .EventPlannerList a[id$="lnkAllEvents"]:hover { background:#2CA1A5; color:#fff; }
.Home .EventPlannerList a[id$="lnkAllEvents"]:before { font-size:25px; content:'Trending';}
.Home .EventPlannerList a[id$="lnkAllEvents"]:after { content:'\f201'; margin-left:5px;  font-family:FontAwesome; font-size:20px; }

/*footer*/
footer { border-top:1px solid #f2f2f2; text-align:center; }
.footerWrap { margin:1% auto; }
.footer .FooterZone1 { border-bottom:1px solid #f2f2f2; padding-bottom:1%; }
.footer .Content { text-align:center; }
footer .logo  { width:10%; margin:0 auto; }
.footer .menu ul.dropdown { display:none !important; }
.footer .menu ul li a { color:#262626; }
.footer .menu ul li a:hover { color:#2CA1A5; }
.footer .Content { margin-top:10px; }
.footer .Logo .logo a img { position:relative; left:0; }


/*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:50px;  }
a.next:before { content:'\f105'; font-family:FontAwesome; font-size:50px;  }
.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:#f2f2f2; 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"] { border-radius:5px; padding:5px 10px; display:inline; float:left; margin-right:10px; background:#000; font-size:14px; color:#fff;  }
a[id$="lnkMoreFromThisLine"] { border-radius:5px; padding:5px 10px; display:inline; float:left; background:#000; font-size:14px; color:#fff; }
a[id$="lnkMoreFromThisLine"]:before { content:"\f067"; font-family:FontAwesome; margin-right:5px; }
a[id$="lnkQuickRequest"]:hover ,  a[id$="lnkMoreFromThisLine"]:hover { background:#2CA1A5; color:#fff; }

/*product collection*/
.ProductSetAutoUpdate .fg-toolbar { width:100%; background:none; border:none; }
.ProductSetAutoUpdate a.previous { float:left;  }
.ProductSetAutoUpdate a.next { float:right; color:#000; }
.ProductSetAutoUpdate  .allLinks { text-align:center; }
.ProductSetAutoUpdate .dataTables_info { display:block; float:none ; text-align: center; }
.ProductSetAutoUpdate ul#mycarousel { clear:both; margin-bottom:30px; }
.ProductSetAutoUpdate .prodSet li img { width:inherit; max-width:inherit; }
.ProductSetAutoUpdate .prodSet li .prodName {  }
.ProductSetAutoUpdate .allLinks { padding-top:0px; }
.ProductSetAutoUpdate .allLinks a { padding:0 5px; }
.ProductSetAutoUpdate .prodSet h2 { text-align: center; }
.ProductSetAutoUpdate .prodSet h2 div[style] { margin:0 !important; }
.ProductSetAutoUpdate .vsWand:before { font-size:12px; }
.carousel .previous:hover, .carousel .next:hover { color:#030304; }

/*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; color:#000; }
.prodSet li .prodName:hover { color:#030304; }
.prodSet .tabs li { padding:0; margin-bottom:30px; }
.prodSet li .prodImg { margin:0; padding:10%;   }
.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;}
.prodTile .prodDescr { line-height:17px; height:50px; }
.prodTile .prodPrice { font-size:inherit;  }

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

/*product results*/
.ProductResultsBasic { position:relative; }
.ProductResultsBasic .prdrebConfig.grid_3.alpha { padding:0 15px; float:left; margin:0px; }
.ProductResultsBasic .ui-widget-header { background:none !important; border:none; }
.ProductResultsBasic .fieldsetInner { border:none; }
.ProductResultsBasic .ui-widget-header h5 { border-bottom:1px solid #ccc; font-size:1.5em;  }
.ProductResultsBasic .prdrebProducts .productList { }
.ProductResultsBasic .productListControls { background:#f7f7f7; }
.ProductResultsBasic .productListControls td { padding:10px; }
.ProductResultsBasic .prdrebTopBreadcrumbs { text-align:center; font-size:2.0em; }
.ProductResultsBasic .productList { border-top:none; }
.ProductResultsBasic .prdrebMain h6 .btnTxt { font-size:1.5em; font-weight:normal; }
.ProductResultsBasic .prodTile .priceLowest {  display: block; font-size: 1.5em; font-weight: bold; }
.ProductResultsBasic .prodTile { text-align:left; }
.ProductResultsBasic .prodTile .p_Img_Title { border-bottom: 1px solid #ccc;
padding: 10px 0; text-align: center; }
.ProductResultsBasic .prodTile { height:290px; }
.ProductResultsBasic .prodTile .prodVSTag { right:2px; left:auto; }

/*product details*/
.ProductDetailsBasic .prodDetail.grid_8.omega { width:820px !important; float:right; }
.prodDetailInfo .prodDescrFull { font-size:1.25em; }
div[id$="ctl01_ctl00_prodAdnlInfo"] { background:#efefef; padding:10px; }
.ProductDetailsBasic .prodDetailInfo h3 { font-size:3em; }
.iconContainer.arrowH1E { display:inline; height:auto; width:auto; }
.prdsetTitle { text-align: center; font-size:3em; border:none; }
.prdsetTitle hr { displaY:none; }


.ProductResultsBasic .prdrebProducts.grid_9.omega {  float: left;
width: 74.6666667% !important;
margin: 0;
padding: 0 15px; }

/*event planner*/
.EventPlanner { font-size:1.25em; }
.EventPlanner .leftcol { width:25%; position:relative; border:none; padding:0 15px; }
.EventPlanner .rightcol { width:66.666667%; position:relative; padding:0 15px; }
.EventPlanner .imgPanel { border:1px solid #ccc !important; }
.EventPlanner .pnlStep { padding:10px 0; }
.EventPlanner h2 { text-align: center; margin-bottom:30px; }

.mainWrapper .grid_6 { width:100% !important; }
div[id$="rowLoginBtns"] { width:98%; }

/*modal edit*/
.configurator section { max-width:100%; }

/*media*/
@media only screen and (min-width: 1300px) {
    .headerZone2 { width:15% !important; }
    .headerZone3 { width:85% !important; }
}

@media only screen and (min-width: 1200px) {}
@media only screen  and (max-width:1024px)   {
    .headerZone2 { margin:5px 0 5px 0;}
    .ProductOfTheDay, .Home .mainZone1 .Content { height:485px; max-height:485px; }
    .PODay h2 { font-size:2.0; }
    .ProductOfTheDay .PODay .prodImg img { width:200px; }
    .ProductSetAutoUpdate .fg-toolbar { width:98%; }
    .Home .EventPlannerList a[id$="lnkAllEvents"] { padding:15px; }
    .Home .introContent { background-size:70%; }
    .Home .introContent p { font-size:1.5em; }
    .ProductResultsBasic .prdrebProducts.grid_9.omega { width:73.6667% !important; }
    .ProductResultsBasic .ui-widget-header h5 { line-height: normal; }
    .ProductDetailsBasic .prodDetail.grid_8.omega { width:590px !important; }
    .ProductDetailsBasic .prodDetailInfo h3 { font-size:3em; }
    .configOptions { display:none; }
    section { padding:0 15px; }
    
}
@media only screen and (min-width: 491px) and (max-width: 768px) {
  /*product results filter*/
    .ProductResultsBasic .prdrebConfig { position: relative; width: 70% !important; padding:0; }
    .ProductResultsBasic .prdrebProducts { margin-left: 0; margin-right: 10px!important; }
    .ProductResultsBasic .prdrebFilters strong,
    .ProductResultsBasic .prdrebConfig h5 { font-size: 13px; padding: 0; display: inline-block; line-height: 22px; float: left; clear: left; margin-right: 10px; }
    .ProductResultsBasic .prdrebFilters strong:after,
    .ProductResultsBasic .prdrebConfig h5:after { content: ': '; }
    .ProductResultsBasic .prdrebConfig .ui-widget-header { background: none; border: none; float: left; }
    .ProductResultsBasic .prdrebFilters { border: 0; padding: 0; }
    .ProductResultsBasic .prdrebFilters li { float: left; margin-right: 10px; }
    .ProductResultsBasic .prdrebFilters ul { float: left; }
    .ProductResultsBasic .prdrebFilters a.btnLink { float: left; clear: both; }
    .ProductResultsBasic .prdrebConfig .ui-widget-header.noBorderBot.noBorderTop { display: none; }
     .ProductResultsBasic .prdrebDimensions:hover { display: block; width: 300px; padding-bottom: 200px; }
    .ProductResultsBasic .prdrebDimensions:hover .prdrebDimensionGroup { display: block; height: auto; z-index: 319; }
    .ProductResultsBasic .prdrebDimensions { position: absolute; right:0px; top: 00px; border: none; z-index: 320; }
    .ProductResultsBasic .prdrebDimensions:before { content: 'Search Filters'; width: 130px; z-index: 320; cursor: pointer; color: #262626; font-weight: bold; text-transform: uppercase; font-size: 15px; padding: 5px 20px; float: right; positioN: absolute; right: -150px;  }
    .ProductResultsBasic .prdrebDimensionGroup { display: none; position: relative; right: -160px; top: 35px; background: #fff; width: 270px; padding: 10px; 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); z-index: 300; }
    .ProductResultsBasic .prdrebDimensions:before { background: #fff; border-radius: 5px; border:1px solid #ccc;  }
}

@media only screen and (max-width: 768px) {
    .EventPlanner .leftcol { font-size:14px; }
    .EventPlanner .rightcol { width:63.667%; float:right; }
    .EventPlanner h2 { margin-bottom:5px; }
    .ProductOfTheDay, .Home .mainZone1 .Content { height:380px; max-height:380px; }
    .PODay h4 { font-size:1.0em; }
    .Home .EditorialContentFeed .article h3 { font-size:2.0em; }
    .Home .EventPlannerList a[id$="lnkAllEvents"]::before { font-size: 20px; }
    .Home .EditorialContentFeed .articleDescr { font-size:1.0em; }
    .headerZone1 .Menu { clear:both; float:none; margin:0 auto; border-top:1px solid #ccc; }
    .headerZone1 .Menu .menu { margin:0 15%; padding-top:10px; }
    .header .EndUserStatus .menu ul li a.sign-in-link { font-size:0; }
    .header .EndUserStatus .menu ul li a.sign-in-link:before { content:'\f007'; font-family:fontAwesome; font-size:25px; }
    .header .ShoppingCart button span { font-size: 0; }
    .header .EndUserStatus .menu ul li.create-account { display:none; }
    section { padding:0 5px; }
    .ProductResultsBasic .prdrebProducts.grid_9.omega { width:100% !important; padding:0; }
    .ProductResultsBasic .prdrebFilters a.btnLink { clear:none !important; }
    .Home .mainZone1 .Content .contentModule div { font-size:1.5em; }
  
    .container_12 .grid_4, .ProductDetailsBasic .prodDetail.grid_8.omega { width:100% !important; margin:0; }
    .prodImage.grid_4.alpha div { text-align: center; }
    .prodImage.grid_4.alpha .hei300 { display:inline; }  
}

@media only screen and (max-width: 490px) {
	body { font-size:12px; }
    .header .Logo { padding-bottom:50px;}
    .Logo .logo a img { max-width:75px !important; left:0; padding-top:5px; max-height:60% !important; }
    .container_12 { border-top:1px solid #ccc; padding-top:10px; }
    body.SignInPop { margin-top:0px !important; }
    .header .logo a { font-size:12px; line-height:normal; }
    body { margin-top:60px; }
    body > nav.mobile-menu, nav.mobile-menu {
        background:#fff; top:-50px;
    }
.header .logo { width:75px !important; }
.Home .EventPlannerList ul { overflow:visible; height:auto; }
    nav.mobile-menu a.toggle-nav {
        font-size:0; 
    }
    nav.mobile-menu .mobile-menu-icon::after, nav.mobile-menu .mobile-menu-icon::before {
	   background-color: #000;
    }
    nav.mobile-menu .mobile-menu-icon span {
        background:#000;
    }
    .headerZone1 {
        padding:0;
        border:none;
    }
    .Address .address.inline .phone, .Address .address.inline .email {
        displaY:inline; 
    }
    .Address .address.inline {
        padding:0;
        display:inline;
    }
    .headerRow2 {
        position:absolute; 
        top:-65px; 
        z-index: 99999;
        left:50px; 
        width:85% !important;
    }
    .headerZone3 {
        float:left !important;
    }
    .headerZone2 { float:left !important;}
    .QuickSearchBasic {
        left:auto;
        right:50px;
        width:60% !important;
        margin-left:15px !important;
    }
    .QuickSearchBasic .quickSearch .formLayout.inline {
        margin:0px; 
    }
    .QuickSearchBasic .search-keyword input {
        padding:6px 10px;
        height:15px;
        line-height:15px;
    }
    .QuickSearchBasic .quickSearch .formLayout .flGrp.search-keyword {
        width:90% !important;
    }
    .QuickSearchBasic .buttons {
        right:10px;
        left:auto;
        top:2px;
    }
    .QuickSearchBasic .buttons a.btn::after {
	font-size: 20px !important;
    }
    .header .ShoppingCart {
        width:auto !important;
    }
    .ShoppingCart .Cart #shoppingCart {
        left:auto; 
        width:300px !important;
    }
    .header .SocialLinks {
        text-align:center;
        margin:1% auto;
    }
    .Home .mainZone1 .Content .contentModule div {
        font-size:1em;
    }
    .ProductOfTheDay, .Home .mainZone1 .Content {
        max-height:none;
        height:auto;
    }
    .PODay .prodImg {
        width:40%;
        float:left;
    }
    .PODay .prodInfo {
        width:60%;
        float:right;
    }
    .Home .newsletter .buttons a {
        line-height:32px; 
    }
    .section .grid_9, .section .grid_3 {
        width:100% !important;
    }
    .Home .mainZone4 {
        height:auto;
        max-height:none;
    }
    .Home .mainZone5 { display:none; }
    .Home .introContent h3 {
        font-size:2em;
    }
    .Home .introContent p {
        font-size:1.0em;
        width:100%;
    }
    a.btn, .Home .mainZone1 .Content .contentModule a {
        padding:10px 20px;
        font-size:1.0em;
    }
    .footer .menu ul li a {
        font-size:11px;
    }
    .footer .logo { 
        width:25% !important;
        padding:0;
    }
    .ProductResultsBasic .prdrebTopBreadcrumbs {
        font-size:1.0em;
        text-align: left;
    }
    .productListControls td {
        width:95% !important;
        clear:none !important;
    }
    .pageControls {
        text-align:center;
    }
    .ProductDetailsBasic .prodDetailInfo h3 {
        font-size:2em;
    }
    .prodDetailInfo .prodDescrFull { font-size:1.0em; }
    header { border-bottom:1px solid #ccc; }
    .EventPlanner .leftcol, .EventPlanner .rightcol { width:100%; padding:0; font-size:12px; }
    .EventPlanner h2 { margin-bottom:5px; }
.grid_1, .grid_2, .grid_3, .grid_4, .grid_5, .grid_6, .grid_7, .grid_8, .grid_9, .grid_10, .grid_11, .grid_12 { width:100% !important; }
}