/* Product Detail */


/*ADD TO CART*/

#w1000795_pnlProdInfoHeader {
  margin-top: 50px;
}



#w1000794_ibtnAddToCart {
  height: 37px;
  padding: 0;
  border-radius: 2px;
   margin: 15px 3px;
}

#w1000794_ibtnAddToCart:hover {
opacity: 50%;
}






.ProductHeaderName {text-align: left; line-height: 1;}
.ProductPricing {padding: 10px 3px 0 2px;}
.ProductDetail {padding: 10px 0;}
.ProductMatrix {padding: 0;}
.ProductDescription {text-align: left;}
.StandardProductImage, .SelectedProductImage {width: 80%}
.ProductImageGallery { padding: 30px 0;}
.ProductImageGallery .DefaultPanel { border-style:none;}
.ProductImageGallery .WidgetBody > a:first-child { 
    padding:10px; width: 420px; height:420px; background-color: #FFFFFF; display:inline-flex; 
    flex-direction: column;
    align-items: center;
    justify-content: center;
  
}

.ProductPriceDetails.PricingInfo .PriceTable {margin-bottom: 50px;}

.descriptionAccordion .ui-accordion-header:hover {
  color: #000000; background: #ffffff;
}

.InlineThumbnailWrapper {width: 80%!important; margin: 0 auto!important;}
.GalleryThumbnailWrapper {border: none!important;width: 16.66%; overflow: visible; float: left;}
.ProductImageGallery .InlineThumbnailWrapper .GalleryThumbnailWrapper .thumbnail {width: 100%;}
.ProductHeaderWidget {margin-top: 30px;}
.ProductPricing .PanelHeader { font-size: 14pt; }
.MatrixOrderForm th {padding: 0 15px 5px 15px;}
.ProductDetailLink {cursor: pointer;}
.ProductSurvey {max-width: 500px; margin: auto;} 
.PricingInfo span:first-of-type, .ProductQuantity:first-of-type, .ProductFooterInfo label {font-weight: bold; font-family: 'Roboto', arial, sans-serif;}


/*Panel Headers*/
.ProductPricing .PanelHeader, .swatchContainer .PanelHeader, .ProductDetail .PanelHeader {color: #131315; font-family: 'Roboto', arial, sans-serif; font-size: 12pt; font-weight: bold; border-bottom: 0.5px solid #dadada; margin-bottom: 15px;}
.swatchContainer .PanelHeader {display: block;}
.LinkedProducts .PanelHeader,.RecentlyViewedProducts .PanelHeader, .RecommendedProducts .PanelHeader, .Recommendations .PanelHeader {color: #131315; font-family: 'Roboto', arial, sans-serif; font-size: 12pt; font-weight: bold; border-bottom: 0.5px solid #131315;}
#w1000793_lblOrderForm  {display: none;}

.ProductDetail .ProductDescription {padding-left: 20px;}

/*Eliminate Panel Header Wraps Caused by Image and Button Floats*/
#WP_1002444_121::after {content: ' '; clear: both; height: 1px; display: block;}
#WP_1000420_103::after {content: ' '; clear: both; height: 1px; display: block;}

/*Hide Zoom Window in Pop Up High Res Image*/
.DefaultPopup.ImageGalleryPopup .zoomContainer.active .zoomWindow {display: none;}

/*Hide Min Quantity, Max Quantity and Our Price*/
.ProductMinimum.ProductPriceDetails, .ProductMaximum.ProductPriceDetails, .ProductAggregateMinimum.ProductPriceDetails {display: none;}



/*Make Pricing and Matrix Appear as One Element*/
.MatrixSelectors {margin: 0; width: 100%;}
.MatrixSelectors select, .MatrixSelectors span {float: right;}
.ProductMinimum, .ProductMaximum {padding: 0}
.ProductMatrix .PanelHeader {padding: 0}
.ProductQuantity input {padding: 2px}
#w1000334_txtQantity, .MatrixSelectors select {width: 250px;}
.ProductAvailQty, .ProductTotalSubsection, .MatrixSelectors, #w1000794_ibtnAddToCart {padding-left: 1.1vw; padding-right: 1.8vw; font-size: 12pt;}
.MatrixSelectors .FormLabel, .ProductQuantity label {font-weight: normal;}
.SubTotalDisplayTextBox {width: 250px;}
.ProductPrice {display: none;}

/*Available Quantity Green Text*/
.ProductPricing .ProductAvailQty.ProductPriceDetails {font-weight: bold; color: green; font-size: 14pt;}
.ProductPricing .ProductAvailQty.ProductPriceDetails input {font-weight: bold;}

/*Add To Cart Button Right*/
.ProductButtons {float: right;}


/*Price Table Borders*/
.PriceTable > tbody > tr > td {border-bottom: 1px solid #CCCCCC; border-top: none; border-left: none; border-right: none;}
.PriceTable > tbody > tr:nth-child(2) > td {font-size: 10pt; border: none;}
.PriceTable > tbody > tr > td:nth-child(2) {border-left: 1px solid #CCCCCC;}
.PriceTable .PanelHeaderPermanent {font-size: 12pt; font-weight: bold;}

/*Accordion*/
.ui-accordion .ui-accordion-header {border-top: 0; border-left: 0; border-right: 0; border-bottom: 1px solid #e1e1e1; font-weight: 300;}

/*Swatches - Colorways*/
.swatchWrapper {margin: 0 10px;}

/*Related (Linked), Recent, and Recommended Products*/
.LinkedProducts, .RecentlyViewedProducts, .Recommendations {width: 80%; margin: 0 auto;}
.LinkedProducts img.thumbnail, .RecentlyViewedProducts img.thumbnail, .Recommendations img.thumbnail {width: 150px; float: left;}
.LinkedProducts .ProductImage::after, .RecentlyViewedProducts .ProductImage::after, .Recommendations .ProductImage::after {content: ' '; clear: both; height: 1px; display: block;}
.LinkedProducts .ProductResultEntry, .RecentlyViewedProducts .ProductResultEntry, .Recommendations .ProductResultEntry  {width: 150px!important;}
.ProductResultDetails {font-size: 10pt; line-height: 1.4; font-family: 'Roboto', arial, sans-serif;}
a.ProductName {font-weight: bold;}
.LinkedProducts a.ProductName:hover, .RecentlyViewedProducts a.ProductName:hover, .Recommendations a.ProductName:hover  {color: #919191;}

/* Style settings for Image Gallery POPUP*/

.ui-dialog.ui-corner-all.ui-widget.ui-widget-content.ui-front.Zone1941.Widget1000919.ui-draggable {
  display: none!important;
}

.ImageGalleryPopup{ 
  position: fixed!important;
  border:none; 
  height:auto; 
  width:90%; 
  max-width: 1100px;
max-height: 90vh;
  z-index:1500; 
  text-align:center; 
  top: 50%!important;;
  left: 50% !important;;
   transform: translate(-50%, -50%);
  box-shadow: rgba(0, 0, 0, 0.6) 0px 0px 1em 500em;
}

.ImageGalleryPopup .PanelHeader::after { 
  content:''; 
  display:block; 
  clear:both; 
  height:0px; 
}

#w1000786_imgLarge {
  max-width: 100%;
  max-height: 80vh;
}

.ImageGalleryPopup .PanelHeader > img { 
  float:right; 
}
.ImageGalleryPopup .PanelHeader > span { 
  display: none; 
}
.GalleryControls { 
  display: block;
  background-color:#ECECEC;
  border-top:1px solid #CACACA;
  border-bottom:1px solid #CACACA;
}
.GalleryControls img { 
  padding:3px; 
  cursor:pointer;
}
.GalleryThumbnails { 
  padding-bottom:20px;
  overflow-x:auto; 
  overflow-y:hidden; 
  display:block; 
}
.GalleryThumbnailWrapper { 
  padding: 5px; 
}
.StandardProductImage { 
  max-width:100%; 
  cursor:pointer;
}
.zoomContainer { 
  display: block;
  margin:0 auto; 
  padding:0; 
  position:relative; 
  cursor:auto; 
  margin:0px;
}
.zoomWindow { 
  display:none; 
  border-color:inherit; 
  border-style:solid; 
  border-width:0 0 1px 1px; 
  background-color:#FFFFFF; 
  overflow:hidden; 
  position:absolute; 
  top:0; 
  right:0;
}
.zoomContainer.active .zoomWindow { 
  display:block; 
}
.zoomContainer.active { 
  cursor: auto; 
}
.zoomWindow .zoomImage { 
  position:absolute; 
}
.viewMore { 
  cursor:pointer; 
}

.ProductImageGallery { 
  text-align:center; 
}
.ProductImageGallery .viewMore { 
  display:block;
  margin: 0.5em auto; 
}
.ProductImageGallery .closeGallery { 
  display: none;
}

.ProductImageGallery .thumbRow { 
  display:table-row; 
}
.ProductImageGallery .thumbRow > span { 
  display:table-cell
}

.ProductImageGallery .InlineThumbnailWrapper { 
  overflow:auto; 
  max-width:100%; 
}

.zoomContainer.active::after {
  display:none;
}

#w1000786_imgClose {
  font-size: xx-large;
  font-family: 'Helvitica', sans-serif;
  margin: 20px;
  width: 30px;
}


/*ACCORDIANS*/

.accordion {
  background-color: #FFFFFF;
  color: #444;
  cursor: pointer;
  padding: 18px;
  width: 100%;
  border-color: #DADADA;
  border-style: solid;
  border-width: 0.5px 0 0 0;
  text-align: left;
  outline: none;
  font-size: 12pt;
  transition: 0.4s;
}

.active, .accordion:hover {
  background-color: #FFFFFF;
}

.accordion::after {
  content: '+';
  color: #777;
  font-weight: none;
  float: right;
  margin-left: 5px;
  
}

.active::after {
  content: '+';
  transform: rotate(45deg);
  transition-duration: 0.5s ;
  display:block;
  
}

.panel {
  padding: 0 18px;
  background-color: white;
  max-height: 0;
  overflow: hidden;
  transition: max-height 0.8s ease-out;
}

.branding-matters-title {
text-transform: uppercase ;
font-weight: 800;
font-size: 20pt;
  line-height: 22pt;
  margin-bottom: 15px;
}
.branding-images{
  /*! text-align:center; */
    
}

.branding-images .image {
  width: 100px;
    height: 100px;
  margin: 30px 20px 50px 0;
  display: inline-block;
     background-color: #ebebeb;
  border-radius: 2px;
  position: relative;
}

.image img{
  width: 90%;
position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%)
}
.branding-images img:nth-child(2) {
  width: 18%;
  padding-bottom: 20px;
}

.branding-images img:nth-child(3) {
  width: 18%;
  padding-bottom: 20px;
}


img.patch {
  width:115%
}


img.stitch {
  width: 106%;

}

.image img {
  
  max-width: 200px;
  width: 85%;
}

.image p {
  margin-top: 10px;
  text-align: center;
  position: absolute;
  bottom: -30px;
  left: 50%;
  transform: translateX(-50%);
  width: 100%;
}
.panel .primary, .panel .secondary {
  max-width: 300px;
  margin: 10px 0;
  text-align: center;
  display: block;
}

.panel .secondary {
  margin-bottom: 50px;
  padding: 0 10px !important;
}




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

.PriceTable td:nth-of-type(1) {border: 1px solid red; display: none;}
.contentZone {padding: 0; }
input {max-width: 100px}
/*.panel {max-height: 1000px!important;}*/
  

}

@media only screen and (max-width:650px) {
   
.LinkedProducts, .RecentlyViewedProducts, .Recommendations {display: none;}
  .leftColZone .widgetWrapper {padding-bottom: 0px;}
  .InlineThumbnailWrapper {padding-left: 7.7vw;}
  
  
  
}