/*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: 14pt; font-weight: bold;}
.ProductResultDetails .ProductDescription {font-size: 11pt;}


/*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;
}



.CatalogBanner .TextContainer {
  width: 80%; 
  margin-right: 0; 
  margin-top: 0;  
  float: none; 
  max-width: 500px;
  bottom: 50px !important;
  position: absolute; 
  left: 40px

}


.CatalogBanner .ImgContainer img {
  max-width: 100%;
}
  

.CatalogBanner .TextContainer h5 {
  color: white; 
  font-weight: bold; 
  font-size:22pt;
}

.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;
}



.new {
background-image:url(/SiteData/Images/Category-images/New-Products-category-image.jpg);
  background-position: 80%;

}


/*********DIVISION************/

.division-caps {
background-image: url(/SiteData/SiteID8/Images/Category-images/division-blank-cap.jpg); 
background-position: -65em;
}

.division-custom-caps {
background-image:url(/SiteData/SiteID8/Images/Category-images/division-custom-caps.png);
  background-position: -65em;
}

.custom-toques {
background-image:url(/SiteData/SiteID8/Images/Category-images/division-custom-toques2.jpg);
  background-position: -70em;
}


.custom-aprons {
background-image:url(/SiteData/Images/Category-Images/division-custom-aprons.jpg);
  background-position: 80%;

}

.aprons {
background-image:url(/SiteData/Images/Category-Images/division-aprons.jpg);
  background-position: 80%;

}




/********* PROMO PRODUCTS ************/

.promo-products{
  background-image:url(/SiteData/Images/Category-Images/Promo-Products-Category-Img.jpg);
  background-position: 80%;
}

.emblems{
  background-image:url(/SiteData/Images/Category-Images/Emblems-Category-Img.jpg);
  background-position: 80%;
}


.capabunga{
background-image:url(/SiteData/SiteID8/Images/Category-images/capabunga-category-pic2.jpg);
  background-position: right;
}


.metal {
background-image:url(/SiteData/Images/Category-Images/Metal-category-pic.jpg);
  background-position: 80%;
}

.wristbands {
background-image:url(/SiteData/SiteID8/Images/Category-images/wristbands-category-image.jpg);
  background-position: -85em;
}

.domestic-patches {
background-image:url(/SiteData/SiteID8/Images/Category-images/domestic-patches-category-image.jpg);
  background-position: -85em;
}


.patches {
background-image:url(/SiteData/SiteID8/Images/Category-images/patches-category-image.jpg);
  background-position: -85em;
}



.phone-accessories {
background-image:url(/SiteData/SiteID8/Images/Category-images/phone-access-temp.png);
  background-position: center;
}


.lanyards {
background-image:url(/SiteData/SiteID8/Images/Category-images/Lanyard-category-image.jpg);
  background-position: -90em;

}


.CatalogBanner.luggage {
  background-image: url(/SiteData/Images/Category-Images/Luggage-strap-category-image.jpg);
  background-position: 80%;
}


.transfers {
background-image:url(/SiteData/SiteID8/Images/Category-images/Transfers-category-pic.jpg);
  background-position: 70%;

}

.labels {
background-image:url(/SiteData/SiteID8/Images/Category-images/Labels-category-pic.jpg);
  background-position: 80%;

}

.golf {
background-image:url(/SiteData/SiteID8/Images/Category-images/Golf-category-image.jpg);
  background-position: 80%;

}

.phone {
background-image:url(/SiteData/SiteID8/Images/Category-images/Phone-category-image2.jpg);
  background-position: 80%;

}

.soft-pvc {
background-image: url(/SiteData/Images/Category-images/Soft-PVC-category-image2.jpg);
  background-position: 80%;

}

.keychains {
background-image: url(/SiteData/Images/Category-images/keychains-category-image.jpg);
  background-position: 80%;

}

.pets {
background-image: url(/SiteData/Images/Category-images/pets-category-image.jpg);
  background-position: 80%;

}



/********* CAP AMERICA ************/

.x-series {
background-image:url(/SiteData/SiteID8/Images/Category-images/new-CA-x-series.jpg);
  background-position: -70em;

}

.value {
background-image:url(/SiteData/SiteID8/Images/Category-images/new-CA-value.jpg);
  
background-position: -70em;
}

.classic {
background-image:url(/SiteData/SiteID8/Images/Category-images/new-CA-classic.jpg);
background-position: -70em;
}

.active {
background-image:url(/SiteData/SiteID8/Images/Category-images/new-CA-active.jpg);
  background-position: -70em;

}

.camo {
background-image:url(/SiteData/SiteID8/Images/Category-images/new-CA-camo.jpg);
  background-position: -70em;

}

.premium {
background-image:url(/SiteData/SiteID8/Images/Category-images/new-CA-premium.jpg);
  
background-position: -70em;
}

.knits {
background-image:url(/SiteData/SiteID8/Images/Category-images/new-CA-knits.jpg);
  background-position: -70em;

}
.new-styles-colors {
background-image:url(/SiteData/SiteID8/Images/Category-images/new-CA-new2.jpg);
  background-position: -70em;

}

.closeout {
background-image:url(/SiteData/SiteID8/Images/Category-images/new-CA-closeout2.jpg);
  background-position: -70em;

}

.flexfit {
background-image:url(/SiteData/SiteID8/Images/Category-images/new-CA-flexfit.jpg);
  background-position: -70em;

}

.youth {
background-image:url(/SiteData/SiteID8/Images/Category-images/new-CA-youth.jpg);
  background-position: -70em;

}

.cap-america {
background-image:url(/SiteData/SiteID8/Images/Category-images/capamerica.jpg);
  background-position: center;

}

/******* CIELE *********/


.ciele {
background-image:url(/SiteData/SiteID8/Images/Category-images/ciele-cat-image2.jpg);
  background-position: 72%;

}







@media only screen and (min-width: 450px) {

  .flexfit, .youth, .x-series, .active,.classic,.premium,.new-styles-colors,.value,.knits,.camo,.closeout{
  background-position: -64em;
  }

}




@media only screen and (min-width: 600px) {
.division-caps {
background-position: -50em!important;
  }
  
  .division-custom-caps{
  background-position: -50em!important;
  }
  
  .custom-toques {
     background-position: -55em!important;
  }
  
.domestic-patches {

  background-position: -80em!important;
}
  
    .flexfit, .youth, .x-series, .active,.classic,.premium,.new-styles-colors,.value,.knits,.camo,.closeout{
  background-position: right;
  }

}
  
  



@media only screen and (min-width: 745px) {
  
  .lanyards {
      background-position: right;
  }
  
   .wristbands {
     background-position: -65em!important;
  }
  
  .patches {
  background-position: right;
  }
  
   .transfers {
      background-position: right;
  }
  
}

@media only screen and (min-width: 850px) {
.division-caps {
background-position:;
}
  
   .division-custom-caps{
  background-position: -30em!important;
  }
  
   .custom-toques {
     background-position: -45em!important;
  }
  
  .domestic-patches {

  background-position: right!important;
}
  
   
  }


@media only screen and (min-width: 1100px) {
  

  
   .wristbands {
     background-position: right!important;
  }
  
    .labels {
      background-position: right;
  }
  
    .golf {
      background-position: right;
  }
  
  
  
}



@media only screen and (min-width: 1200px) {
.division-caps {
background-position: center !important;
}
  
   .division-custom-caps{
  background-position: center!important;
  }
  
   .custom-toques {
     background-position: center!important;
  }
  

  

}
