/*Sort By Dropdown*/


.formField.stdDropdown {
  background-color: #eaeaea;
  border: none;
  padding: 8px;
  border-radius: 2px;
  max-width:200px;
}
.SortOrders.SelectSort label {
  text-transform: uppercase;
}

div.SortOrders.SelectSort {
  margin: 30px auto !important;
}


/*CATALOG*/

.ProductGroupName {font-size: 18pt;}
.ProductGroupImage {max-height: 400px; padding: 30px;}



/*Content Width*/

#w1000330_divSortOrder, .ResultStatistics, .ProductListing, #w1000330_pnlLoggedInFooter, #w1000330_pnlResultsFooter, .ProductGroupList,
.Catalog .ProductListing { width: 60%; margin: 0 auto; }


/* Sort By*/
#w1000367_divSortOrder, div#w1000330_divSortOrder { display: flex; justify-content: flex-end; align-items: baseline; margin-top:0.5em; }
#w1000367_divSortOrder > *, #w1000330_divSortOrder > * { margin-left: 0.5em; }

/*search results*/
.SearchResults H1.PanelHeader { float:none; position: static; }
.Catalog H1.PanelHeader { display:none; }

/*Filter By*/
.ResultStatistics {display: none;}
.ProductListing {margin-top: 40px;}

#w1000330_divSortOrder, .ResultStatistics, #w1000330_pnlLoggedInFooter, #w1000330_pnlResultsFooter, .ProductGroupList, .SearchResults  {width: 60%; margin: 0 auto;}

div.Catalog .WidgetBody { display: flex; flex-direction: column;}
div.Catalog .WidgetBody > h1+.ExpandingDesc {order:-1 }



.ProductResultEntry .ProductImage > img {
width: 200px;
}

/*Results Containers and Details*/
.CategoryResultEntry, .SubCategoryResultEntry, .ProductResultEntry, .ProductGroupResultEntry { margin-bottom: 20px;}
.ProductResultDetails {text-align: left;}
a.ProductName:hover {color: #919191;}
a.ProductName { font-size: 18pt;font-weight: bold;}
.ProductResultDetails .ProductDescription {font-size: 11pt;font-weight: 500;line-height: 15pt !important;display: block;margin-bottom: 8px;position:relative;}

.ProductPricing {
  margin-top: 10px;
  font-size: 10pt;
  font-weight: 300;
}

.ProductResultDetails {
  margin-top: 45px;
}


/*Social Proof -- Footer*/
.quote {text-align: right; color: #919191; font-weight: bold; font-size: 16pt; line-height: 1.4; width: 50%; float: right; padding-top: 30px}
.quote > span {color: black; font-size: 12pt;}
.DescShowMore {display: none;}




/*MOBILE*/

@media screen and (max-width: 1279px) {

/*Padding for Content Zone*/
.contentZone {padding-left: 0px; padding-right: 0px;}
.PanelHeader {font-size: 24pt; left: 10px; padding: 0 10px;}
#w1000330_divSortOrder, .ResultStatistics, .ProductListing, #w1000330_pnlLoggedInFooter, #w1000330_pnlResultsFooter, .ProductGroupList, .SearchResults  {width: 100%; padding: 10px;}

/*Search*/
.SortOrders::before {margin-left: 0;}
.SortOrders .formField {width: 100%; }  
}

@media screen and (max-width: 1040px){

.ProductGroupImage img {
  max-width: 200px !important;
}
  
}




.ProductResultEntry {
display: block !important;
}



/*Image and Banner*/



#w1000330_pnlDescription {
  height: 400px !important;
  position: relative;
    padding: 0px;
}


.CatalogBanner {
  
  height: 100%;
  background-size: cover;
  background-repeat: no-repeat; 
  position: relative;
  background-color: #cecece;
}



.CatalogBanner .TextContainer {
  width: 80%; 
  margin-right: 0; 
  margin-top: 0;  
  float: none; 
  max-width: 500px;
  bottom: 50px !important;
  position: absolute; 
  left: 50%;
  transform: translateX(-50%);

}


.CatalogBanner .ImgContainer img {
  max-width: 100%;
}
  

.CatalogBanner .TextContainer h5 {
  color: white; 
  font-weight: bold; 
  font-size:28pt;
  text-transform: uppercase;
}

.CatalogBanner .TextContainer p {
  font-size: 11pt;
  color: white;
  line-height: 14pt;
}

.TextContainer a {
  background-color: white;
  color: black;
  padding: 10px 15px;
  border-radius: 2px;
  margin-top: 3em;
  display: inline-block;
}

.TextContainer a:hover {
  
  background-color:#888;
}

.TextContainer img {
    width: 75px;
    margin-bottom: 15px;
  }


    
@media only screen and (max-width: 650px) {
    .CatalogBanner .TextContainer p {
        display: none;
    }

    .CatalogBanner .TextContainer h5 {

        font-size: 28pt;
      }
  
    .CatalogBanner .TextContainer {
        text-align: center;

      }

}


  
  
  @media only screen and (min-width: 650px) {


   
     .CatalogBanner .TextContainer {
    left: 65px;
    transform: none;
  }
  
    .Widget1000330 .ProductResultEntry {
  width: 50%!important;
}
    
    
  }

 @media only screen and (min-width: 850px) {


   

    .Widget1000330 .ProductResultEntry {
  width: 25%!important;
}
    
    
  }