#footerwrap {text-align:center;width:100%;}
body { max-width: 100%; margin: 0px; padding:0px; background-repeat:repeat; background-position:center top; text-align:left; font-size:14px; font-family:Arial;} 
body table { text-align:left;}
#productImages li { width:264px;} 
#maincolumn .productListNames a { min-height:44px; display:inline-block; text-decoration:none; font-size:18px; color:#272727; font-weight:bold;} 
#maincolumn .productListNames a:visited { color:#272727; text-decoration:none;}
#maincolumn .productListNames a.hover {cursor:pointer;}
h1 { font-size:36px;} 
#searchContainer { position:absolute; top:10px; right:10px; display:none; float:left;} 
.webDugoutLink { color:#FFFFFF;} 
.webDugoutLink a, .webDugoutLink a:visited { color:#FFFFFF;}
.webDugoutLink a:hover { color:#FFFFFF;}
h2 { font-size:30px;} 
h3 { font-size:18px;} 
#pageContainer { width:100%; max-width: 100%;margin:0 auto; background-image:url('/images/116286/layout/headerBg.png'); background-repeat:repeat-x; background-position:default;} 
.productListImageContainer { min-height:212px;} 
#header { width:100%; height:202px; position:relative; display:block;} 
#columnsContainer { width:100%; max-width: 100%; background-repeat:repeat-x; background-position:center top;} 
#leftcolumn { width:150px; padding:0px 0px 20px 0px; position:relative; display:none; float:left;} 
#maincolumn { width:1170px; max-width: 100%; margin: 0px  auto 0px  auto ; background-position:default; position:relative; float:none;} 
#rightcolumn { width:150px; padding:0px 0px 20px 0px; position:relative; display:none; float:right;} 
#newsletterContainer { width:100%; padding:12px 0px 12px 0px; background-color:#0C2451; top:0px; text-align:center; font-size:24px; color:#FFFFFF;} 
#footerwrap { width:100%; background-color:#141414;} 
#newsletterContainer .buttonSubmit { width:20%; height:47px; border-style:solid; border-width:0px 0px 0px 0px; background-color:#FFC600; text-align:center; font-size:24px; color:#0C2451;} 
#footer { width:100%; display:block; clear:both;} 
#newsletterContainer .newsletterBox { width:40%; height:47px;} 
#Navigation-6563 { position:absolute; top:164px; right:0px; text-align:right;} 
#Navigation-6563 ul li a { margin: 0px  0px  0px  48px  ; position:relative; text-align:right; font-size:16px; color:#2E2E2E; font-weight:bold; text-transform:uppercase;} 
#Navigation-6563 ul li a:visited { color:#2E2E2E;}
#Navigation-6563 ul li a:hover { text-decoration:underline;}
#Navigation-6563 ul li a.hover {cursor:pointer;}
#Navigation-6609 ul li a { padding:6px 0px 6px 0px; text-align:left; font-size:14px; color:#FFFFFF;} 
#Navigation-6609 ul li a:visited { color:#FFFFFF;}
#Navigation-6609 ul li a.hover {cursor:pointer;}
#Navigation-6563>ul>li:first-child>a a:hover { text-decoration:none;}
#sliderContainer { width:100%; max-width: 1140px; margin: 0px  auto 0px  auto ; border-style:solid; border-width:8px 8px 8px 8px; border-color:#FFFFFF;} 
@media handheld, only screen and (min-width:801px){

#pageContainer #footerwrap {min-width: 1140px;}

#headerLogo {float: left; margin-top: 4px;}

#headerContainer {width: 100%; max-width: 1140px; margin: auto;}

#headerRightCol {float: right; text-align: right; padding-top: 12px;}

#socialMed {padding-top: 6px;}

#newsletterContainer .buttonSubmit {position: absolute; margin-left: 6px;}

.textJoin {margin-left: -215px;}

#ctl13_newsletterButton {width: 185px;}
}

/*----------------------UNIVERSAL----------------------*/

#page td {padding:0; margin:0;}

.clearFloat {clear: both; height: 0px;}

.centerContainer {width:100%; max-width: 1170px; margin: auto;}

#slideshowContainer_custom {width: 100%; padding: 18px 15px 0 15px; background-image: url('/images/116286/layout/web_slideshowBg.png'); background-repeat: no-repeat; background-size: cover;}

#welcomeStrip {width: 100%; height: 257px; margin: auto; background-color: #0c2451;}

#welcomeContainer {width: 100%; margin: auto; text-align: center; color: #fff; padding: 24px 0;}

#categories {margin: -148px auto 24px; max-width: 1140px;}

.catCard {box-shadow: 0px 14px 13px rgba(0,0,0,0.5);}

#aboutUs {margin-top: 24px; margin-bottom: 24px;}

#footer {max-width: 100% !important;}

#footerContainer {padding-top: 12px;}

#footerLogo {float: left;}

#footerNav {float: right; width: calc(50% - 30px); margin-top: 12px;}

#footer_socialMed {padding: 12px 0;}

.leftRight_margins {margin-left: 15px; margin-right: 15px;}

#phoneNo {margin-top: 12px;}

#featuredProducts {margin: auto;}

/*---Fixing the caption displaying on homepage for SEO-----*/
.nivo-caption {display: none !important;}

/* SEO buttons */

.btn--seo {

  background-color: #0C2451;
  color: white;
  display: block;
  cursor: pointer;
  max-width: max-content;
  padding: 1em 1.5em;
  border: none;
  text-decoration: none;
  font-size: 1.125rem;
  font-style: normal !important;
  letter-spacing: .05em;      text-transform: uppercase;
  line-height: 1;
  border-radius: 1000rem;
  box-shadow: 0 .15em .5em rgba(0,0,0,.15);
}

.btn--seo:visited {
  color: #fff;
}

@media only screen and (max-width: 800px) {
      .btn--seo {
            margin: auto;
      }
}

/*---------------------- CONTACT FORM ----------------------*/

#contactFormTable {width: 100%; max-width: 1000px; margin: 24px auto 36px;}

#UpdatePanel1 #contactForm {display: none;}

#formContainer_custom {border-top: 8px solid #0C2451; padding: 18px 24px;}

#contactForm input, #contactForm textarea, #contactForm select {width: 100%; border-radius: 3px; margin-top: 4px; font-size: 16px; font-family: arial, sans-serif;}

#contactForm {color: #0C2451; font-size: 16px;}

.cformlabel {width: 100%;}

#contactForm input, #contactForm select, #MainContent_ctl00_btnformSubmit {height: 38px;}

.errorRequired {position: absolute; top: 0; right: 0;}

.fRow {margin: 8px 0;}

#formContainer_custom p {margin: 0;}

#MainContent_ctl00_btnformSubmit {font-size: 18px; font-weight: bold; margin-top: 12px; background: #0C2451; border: none; color: #fff;}

#MainContent_ctl00_Label1 {display: none;}


/*---------------------- 1170 ----------------------*/

@media handheld, only screen and (max-width:1170px){

#header {padding: 0 15px;}
}

/*---------------------- 800 ----------------------*/

@media handheld, only screen and (max-width:800px){

#pageContainer {background-image: none;}

#phoneNo {display: none;}

#socialMed {display: none;}

#maincolumn {padding: 0; margin-left: 15px; margin-right: 15px;}

#header {height: auto;}

#categories {margin: 12px auto; max-width: 361px;}

.catCard {margin-bottom: 12px !important;}

#aboutUs_img {display: none;}

#newsletterContainer {padding-right: 12px;}

#footerNav {display: none;}

#footerLogo {float: none;}

.cartNav {float: none;}

#slideshowContainer_custom {margin-top: 24px;}
}

/*---------------------- 568 ----------------------*/

@media handheld, only screen and (max-width:568px){

#newsletterContainer .buttonSubmit {width: 100%; margin-top: 12px;}

#newsletterContainer .newsletterBox {width: 100%; margin-top: 12px;}

#newsletterContainer {padding: 15px;}
}

.productListGroupContainer li {background-color: white;}
#productImages ul {display: -webkit-box; display: -ms-flexbox; display: flex;} 
.productListImageContainer {height: 250px;}
#productImages li img {max-height: 100%;}

@media (max-width: 800px) {
#productImages ul {-webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-align: center; -ms-flex-align: center; -ms-grid-row-align: center; align-items: center;}
.productListImageContainer {height: unset; min-height: unset;}
}
