@import url('https://maxcdn.bootstrapcdn.com/font-awesome/4.7.0/css/font-awesome.min.css');
@import url('https://fonts.googleapis.com/css2?family=Open+Sans:ital,wght@0,300;0,400;0,600;0,700;0,800;1,300;1,400;1,600;1,700;1,800&display=swap');

body {
  font-family: 'Open Sans', sans-serif !important;
  font-size: 17px;
}

input {
  font-size: 16px;
}

select {
  font-size: 16px;
}

label {
  font-weight: bold;
}

a {
  color: rgba(46, 41, 37, 1);
  -webkit-transition: all .3s ease-in-out;
  -o-transition: all .3s ease-in-out;
  transition: all .3s ease-in-out
}

a:hover,
a:focus {
  color: #a31f34
}

.text-strikethrough {
    text-decoration: none;
}

a:active {
  color: rgba(204, 151, 0, 1)
}

.SectionLabel {
  color: rgba(46, 41, 37, 1)
}

.SectionLabel:hover,
.SectionLabel:focus {
  color: #a31f34
}

.SectionLabel:active {
  color: rgba(204, 151, 0, 1)
}

h4,
.h4,
.SectionLabel {
  color: rgba(46, 41, 37, 1)
}

h1,
.h1,
.PageTitle,
h2,
.h2,
.PanelTitle {
  font-family: inherit
}

h1,
.h1,
.PageTitle,
.PanelTitle {
  font-weight: bold;
  font-size: 140%;
  color: #0093ad;
}

h2,
.PanelTitle {
  line-height: 1.3em
}

h2,
.h2 {
  font-size: 130%;
  color: #ca992c;
  font-weight: bold
}

h3,
.h3,
.SectionTitle {
  font-size: 110%
  color: #000;
}

h4,
.h4,
.SectionLabel {
  font-size: 95%;
  font-weight: normal
}

h5,
.h5,
h4,
.h4 {
  color: rgba(46, 41, 37, 1)
}

.rgRow h4 {
  color: #005072;
  font-weight: bold;
  font-size: 125%
}

.rgAltRow h4 {
  font-size: 125%
}

.tshirt a {
  text-decoration: none
}

.tshirtTitle {
  display: inline-block;
  font-size: 130%;
  color: rgba(204, 151, 0, 1);
  font-weight: bold;
  margin-top: 30px
}

.header-top-container {
  background: url(/App_Themes/MBAA_Responsive/images/NEWMBAA_Banner.png) no-repeat center;
  height: 200px;
  background-size: 90%;
  border-top: #0093ad solid 15px;
}

.header-container {
  max-width: 100% !important;
}

#SubNavPanel {
  display: none
}

.header-top-container a,
.header-top-container img {
  margin: 0 auto 0 auto;
  display: block
}

#hd {
  margin: 0 auto
}

.header {
  padding-top: 0;
  padding-bottom: 0
}

.navbar-header {
  margin-top: 15px
}

.navbar-header a {
  color: #000
}

div#ctl01_SubNavPanel {
  display: none
}

#masterHeaderBackground,
.header {
  border-style: none
}

#masterSocialNetworking {
  display: none
}

#navbar-collapse {
  background-color: #000;
  width: 100%
}

.RadMenu.RadMenu_Austin .rmRootGroup > .rmItem > .rmLink {
  text-transform:none;
  font-size: 13pt;
  font-weight: 600;
}

.RadMenu.RadMenu_Austin .rmLink {
  color: #FFF
}

.search-container-sm {
  display: none !important
}

.RadMenu.RadMenu_Austin .rmRootLink.rmSelected {
  background-color: #000;
}

.RadMenu.RadMenu_Austin .rmText,
.RadMenu.RadMenu_Austin .rmHorizontal .rmText,
.RadMenu.RadMenu_Austin .rmSlide .rmText {
  font-size: 13pt;
}

.RadMenu_Austin.RadMenu .rmText,
.RadMenu_Austin.RadMenu .rmHorizontal .rmText,
.RadMenu_Austin.RadMenu .rmSlide .rmText {
  padding: 10px 12px
}

#ft,
.footer-content {
  background-color: #fff
}

.footer-nav-copyright {
  background-color: #0093ad;
  color: #fff
}

.footer-promo-container .promo {
  background-color: #545759
}

.footer-content h2 {
  color: #ca992c;
  padding-bottom: 5px
}

.noHdr thead,
.noHdr .GridTitlePanel {
  display: none
}

.noHdr .RadGrid {
  border: 0
}

ul,
li {
  margin: 0 0 0 .5em;
  padding: 0
}

td#headerHome a {
  padding: 0 5px;
  border-right: 1px solid #fff;
  margin-right: 5px
}

.panel-heading.Distinguish,
.PanelHead.Distinguish,
.TitleBarCaption,
.panel-group .panel-heading {
  padding: 0;
  border: 0
}

.storeList .panel-body,
.storeList .PanelBody {
  padding: 0
}

.hpLinks,
.storeList .rgMasterTable {
  background: transparent !important
}

.hpLinks ul,
.storeList tbody {
  border: 2px solid rgba(46, 41, 37, 0.8);
  display: block;
  margin-left: 0
}

.hpLinks ul {
  width: 100%
}

.hpLinks li,
.storeList .RadGrid_MetroTouch .rgRow,
.storeList .RadGrid_MetroTouch .rgAltRow {
  display: block;
  margin-left: 23px
}

.hpLinks li {
  padding: 7px 12px
}

.hpLinks li:first-child {
  margin-top: 0
}

.hpLinks li a:before,
.storeList .RadGrid_MetroTouch .rgRow a:before,
.storeList .RadGrid_MetroTouch .rgAltRow a:before {
  content: '\f0fc';
  font-family: FontAwesome;
  margin-left: -25px;
  padding-right: 7px;
  display: inline-block;
  text-decoration: none
}

.storeList .RadGrid_MetroTouch .rgAltRow {
  background: transparent
}

.hpLinks h2,
.storeList h2.panel-title {
  background: #0093ad;
  margin: 5px 0 0;
  padding: 7px 11px;
  display: block;
  font-weight: 700;
  color: #000;
  border: 2px solid #000;
  border-bottom: 0
}

.ssSale {
  color: #b3b0c4
}

.ssSale span:last-child {
  margin-left: 4px
}

.ProductDetails {
  text-align: left
}

.Horizontal .ProductDisplay .ProductLabel {
  text-align: left;
  padding: 0;
  margin-right: 2%;
  width: auto
}

.PricingSection label,
span.ProductLabel {
  float: left;
  clear: both
}

input.AlignRight.InputSmall {
  text-align: left;
  width: 15%
}

.ProductDisplay .AddToCartSection {
  float: right;
  display: inline-block
}

.catList img {
  display: inline-block;
  float: left
}

.catList h2,
.catList h4,
.catList p {
  margin-left: 215px;
  border: 0;
  margin-top: 10px
}

.subjectTitle td,
.catList h2.panel-title {
  background: transparent !important;
  color: #9d3123;
  font-size: 200%;
  margin-left: 0
}

.catList h2 {
  font-weight: 700;
  line-height: 125%
}

.catList h4 {
  font-weight: 600;
  color: #719501
}

.catList .FilterPanel {
  background: #c2c2c2;
  border-radius: 0 15px 15px
}

.ContentItemButtonPanel img {
  width: auto
}

.prodRelatedProducts .panel-body {
  padding: 0
}

.prodRelatedProducts .RelatedItemsHorizontal li {
  width: 24%;
  margin: 0 .5%
}

ul.RelatedItemsHorizontal li {
  width: 31%;
  height: 200px;
  margin: 9px 4px 0
}

ul.RelatedItemsHorizontal li img {
  max-height: 195px !important;
  width: 100% !important;
  max-width: 150px !important;
  margin-bottom: 10px
}

ul#productTabs {
  list-style-type: none;
  margin: 0;
  padding: 0;
  overflow: hidden;
  border: 1px solid #ccc;
  background-color: rgba(46, 41, 37, 1)
}

ul#productTabs li {
  float: left
}

ul#productTabs li a {
  display: inline-block;
  color: #fff;
  text-align: center;
  padding: 7px 13px;
  text-decoration: none;
  -webkit-transition: .3s;
  -o-transition: .3s;
  transition: .3s;
  font-weight: 600
}

ul#productTabs li a:hover {
  background-color: rgba(204, 151, 0, 1);
  color: #000
}

ul#productTabs li a:focus,
ul#productTabs li a.active {
  background-color: rgba(204, 151, 0, 1);
  color: #000
}

.detailTab {
  display: none;
  padding: 6px 12px;
  border: 1px solid #ccc;
  border-top: 0
}

.detailTab {
  -webkit-animation: fadeEffect 2s;
  animation: fadeEffect 2s
}

.detailTab li {
  margin-left: 2em
}

@-webkit-keyframes fadeEffect {
  from {
    opacity: 0
  }

  to {
    opacity: 1
  }
}

@keyframes fadeEffect {
  from {
    opacity: 0
  }

  to {
    opacity: 1
  }
}

.btn, .TextButton, .TextButtonWithImage, .RadUpload .ruButton, .RadUploadProgressArea .ruButton, #masterHeaderActionArea a, button, html input[type="button"], input[type="reset"], .PrimaryButton, .SaveAndClose, .SaveAs, .UsePrimaryButton .TextButton, .UsePrimaryButton .TextButtonWithImage, #masterHeaderActionArea a, .RadGrid input.PrimaryButton, #ctl00_TemplateBody_cmdEditBillTo {
  display: inline-block;
  margin-bottom: 0;
  font-weight: normal;
  text-align: center;
  vertical-align: middle;
  cursor: pointer;
  background-image: none;
  border: 1px solid transparent;
  white-space: normal;
  text-decoration: none;
  padding: 5px 10px;
  font-size: 19px;
  line-height: 1.6;
  border-radius: 5px;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  -o-user-select: none;
  user-select: none;
  -webkit-transition: background .2s ease-out;
  -o-transition: background .2s ease-out;
  transition: background .2s ease-out;
  background: #0093ad;
  color: #fff;
  -webkit-box-shadow: -5px 5px 5px -2px rgba(46, 41, 37, 1);
  box-shadow: -5px 5px 5px -2px rgba(46, 41, 37, 1);
  min-width: 75px;
}

.promoCode input[type='submit'], .selfCenter input[type='submit'], .RegistrationOption input[type='submit'] {
  display: inline-block;
  margin-bottom: 0;
  font-weight: normal;
  text-align: center;
  vertical-align: middle;
  cursor: pointer;
  background-image: none;
  border: 1px solid transparent;
  white-space: normal;
  text-decoration: none;
  padding: 5px 10px;
  font-size: 19px;
  line-height: 1.6;
  border-radius: 5px;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  -o-user-select: none;
  user-select: none;
  -webkit-transition: background .2s ease-out;
  -o-transition: background .2s ease-out;
  transition: background .2s ease-out;
  background: #a31f34;
  color: #fff;
  -webkit-box-shadow: -5px 5px 5px -2px rgba(46, 41, 37, 1);
  box-shadow: -5px 5px 5px -2px rgba(46, 41, 37, 1);
  min-width: 75px;
}


.btn:focus,
.TextButton:focus,
.TextButtonWithImage:focus,
.RadUpload .ruButton:focus,
.RadUploadProgressArea .ruButton:focus,
#masterHeaderActionArea a:focus {
  outline: thin dotted #333;
  outline: 5px auto -webkit-focus-ring-color;
  outline-offset: -2px
}

.btn:hover,
.btn:focus,
.btn:visited,
.TextButton:hover,
.TextButton:focus,
.TextButton:visited,
.TextButtonWithImage:hover,
.TextButtonWithImage:focus,
.TextButtonWithImage:visited,
.RadUpload .ruButton:hover,
.RadUpload .ruButton:focus,
.RadUpload .ruButton:visited,
.RadUploadProgressArea .ruButton:hover,
.RadUploadProgressArea .ruButton:focus,
.RadUploadProgressArea .ruButton:visited,
#masterHeaderActionArea a:hover,
#masterHeaderActionArea a:focus,
#masterHeaderActionArea a:visited {
  color: #fff;
  text-decoration: none
}

.btn:active,
.btn.active,
.TextButton:active,
.TextButton.active,
.TextButtonWithImage:active,
.TextButtonWithImage.active,
.RadUpload .ruButton:active,
.RadUpload .ruButton.active,
.RadUploadProgressArea .ruButton:active,
.RadUploadProgressArea .ruButton.active,
#masterHeaderActionArea a:active,
#masterHeaderActionArea a.active {
  outline: 0;
  background-image: none;
  -webkit-box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
  box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125)
}

html .RadTabStrip.RadTabStrip_MetroTouch .rtsLevel1 .rtsSelected,
html .RadTabStrip.RadTabStrip_MetroTouch .rtsLevel1 .rtsSelected:hover {
  border-color: rgba(46, 41, 37, 1);
  background-color: rgba(46, 41, 37, 1)
}

.RadTabStrip.RadTabStrip_MetroTouch .rtsLevel1 {
  border-bottom-color: rgba(46, 41, 37, 1)
}

.RadGrid.RadGrid_MetroTouch .rgMasterTable .rgSelectedCell,
.RadGrid.RadGrid_MetroTouch .rgSelectedRow,
.RadGrid.RadGrid_MetroTouch td.rgEditRow .rgSelectedRow,
.RadGrid.RadGrid_MetroTouch .rgSelectedRow td.rgSorted,
.RadGrid.RadGrid_MetroTouch th.rgSorted,
.RadGrid.RadGrid_Metro .rgMasterTable .rgSelectedCell,
.RadGrid.RadGrid_Metro .rgSelectedRow,
.RadGrid.RadGrid_Metro td.rgEditRow .rgSelectedRow,
.RadGrid.RadGrid_Metro .rgSelectedRow td.rgSorted,
.RadGrid.RadGrid_Metro th.rgSorted {
  border-color: rgba(46, 41, 37, 1);
  background-color: rgba(46, 41, 37, 1)
}

.ms-rteStyle-ProductSale {
  -ms-name: "Product Sale";
  font-size: 12pt;
  color: #a31f34;
  font-weight: bold
}

.ms-rteStyle-Red10pt {
  -ms-name: "Red 10pt";
  font-size: 10pt;
  font-weight: bold;
  color: #a31f34
}

.ms-rteStyle-Black10pt {
  -ms-name: "Black 10pt";
  font-size: 10pt;
  font-weight: bold;
  color: #000
}

.ms-rteStyle-Byline {
  -ms-name: "Byline";
  font-size: 10pt
}

.ms-rteStyle-Yellow {
  -ms-name: "Yellow";
  color: #cd951d;
  font-weight: bold
}

.ms-rteStyle-PullQuoteGreen {
  -ms-name: "Pull Quote Green";
  font-size: 10pt;
  color: rgba(204, 151, 0, 1);
  font-weight: bold
}

.ms-rteStyle-PullQuote {
  -ms-name: "Pull Quote";
  font-size: 10pt;
  font-weight: bold;
  font-style: italic
}

.ms-rteStyle-CollationData {
  -ms-name: "Collation Data";
  font-size: 10pt
}

.ms-rteStyle-H1 {
  -ms-name: "H1";
  font-size: 160%;
  color: #a31f34;
  font-weight: bold
}

.ms-rteStyle-H2 {
  -ms-name: "H2";
  font-size: 130%;
  color: #545759;
  font-weight: bold;
  margin: 0
}

.ms-rteStyle-H3 {
  -ms-name: "H3";
  font-size: 120%;
  color: #cd951d;
  font-weight: bold;
  margin: 0
}

.ms-rteStyle-H4 {
  -ms-name: "H4";
  font-size: 110%;
  font-weight: normal;
  margin: 0 0 0 10px;
  color: #000
}

.ms-rteStyle-H5 {
  -ms-name: "H5";
  font-size: 83%;
  font-weight: normal;
  margin: 0 0 0 20px;
  color: #000
}

.RadMenu.RadMenu_Austin .rmRootLink.rmExpanded,
.RadMenu.RadMenu_Austin .rmRootLink:hover,
.RadMenu.RadMenu_Austin .rmRootLink:focus {
  background-color: #0093ad !important;
}

.panel-body,
.PanelBody {
  padding: 0 !important
}

.noHdr .rgSelectedRow {
  background-color: transparent !important;
  border-color: transparent !important;
  color: #000 !important
}

.noHdr .rgSelectedRow td {
  border: 0 !important
}

.storeList a:hover::before {
  text-decoration: none !important
}

.hpLinks li a,
.storeList .RadGrid_MetroTouch .rgRow a,
.storeList .RadGrid_MetroTouch .rgAltRow a,
.RadGrid.RadGrid_MetroTouch .rgSelectedRow a {
  color: #000 !important;
  text-decoration: none
}

.hpLinks li a:hover,
.storeList .RadGrid_MetroTouch .rgRow a:hover,
.storeList .RadGrid_MetroTouch .rgAltRow a:hover {
  color: #a31f34 !important
}

.btn:hover,
.btn:focus,
.btn:active,
.btn:visited,
.TextButton:hover,
.TextButton:focus,
.TextButton:active,
.TextButton:visited,
.TextButtonWithImage:hover,
.TextButtonWithImage:focus,
.TextButtonWithImage:active,
.TextButtonWithImage:visited,
.ruButton:hover,
.ruButton:focus,
.ruButton:active,
.ruButton:visited,
#masterHeaderActionArea a:hover,
#masterHeaderActionArea a:focus,
#masterHeaderActionArea a:active,
#masterHeaderActionArea a:visited,
.RadGrid input.TextButton:hover,
.RadGrid input.TextButton:focus,
.RadGrid input.TextButton:active,
.RadGrid input.TextButton:visited,
input[type='button']:hover,
input[type='submit']:hover {
  background-color: rgba(204, 151, 0, 1);
}

.TextButton:visited {
  background-color: #a31f34 !important
}

.TextButton:hover,
.TextButton:focus,
.TextButton:active {
  background-color: rgba(204, 151, 0, 1) !important
}

.RadGrid_MetroTouch .rgRow a,
.RadGrid_MetroTouch .rgAltRow a {
  color: rgba(46, 41, 37, 1) !important
}

.RadGrid_MetroTouch .rgRow td,
.RadGrid_MetroTouch .rgAltRow td,
.RadGrid_MetroTouch {
  border-style: none !important
}

.rgRow:hover a,
.rgAltRow:hover a,
.rgRow:focus a,
.rgAltRow:focus a,
.rgRow:active a,
.rgAltRow:active a {
  color: #a31f34 !important
}

.ProductDisplay {
  text-align: left;
  padding: 1em;
  -webkit-box-shadow: inset 0 0 15px -8px rgba(204, 151, 0, 1);
  box-shadow: inset 0 0 15px -8px rgba(204, 151, 0, 1);
  margin-top: 1%;
  -webkit-transition: all .3s ease-in-out;
  -o-transition: all .3s ease-in-out;
  transition: all .3s ease-in-out
}

.rgRow {
  -webkit-box-shadow: inset 0 0 25px -20px rgba(204, 151, 0, 1) !important;
  box-shadow: inset 0 0 25px -20px rgba(204, 151, 0, 1) !important;
  -webkit-transition: all .3s ease-in-out;
  -o-transition: all .3s ease-in-out;
  transition: all .3s ease-in-out
}

.rgAltRow {
  -webkit-box-shadow: inset 0 0 15px -10px rgba(204, 151, 0, 1) !important;
  box-shadow: inset 0 0 15px -10px rgba(204, 151, 0, 1) !important;
  overflow: visible !important;
  -webkit-transition: all .3s ease-in-out;
  -o-transition: all .3s ease-in-out;
  transition: all .3s ease-in-out
}

.storeList .RadGrid_MetroTouch .rgAltRow {
  background: transparent !important;
  -webkit-box-shadow: initial !important;
  box-shadow: initial !important;
  -webkit-transition: all .3s ease-in-out;
  -o-transition: all .3s ease-in-out;
  transition: all .3s ease-in-out
}

.storeList .RadGrid_MetroTouch .rgRow {
  background: transparent !important;
  -webkit-box-shadow: initial !important;
  box-shadow: initial !important
}

#ctl01_TemplateBody_WebPartManager1_gwpcititle_cititle_ResultsGrid_Grid1_ctl00__0 {
  -webkit-box-shadow: initial !important;
  box-shadow: initial !important;
  -webkit-transition: all .3s ease-in-out;
  -o-transition: all .3s ease-in-out;
  transition: all .3s ease-in-out
}

img {
  max-width: 100%;
  height: auto !important
}

img.bkLink {
  width: 100px !important;
  margin: 0 5px !important
}

img.prodImg {
  max-width: 198px;
  max-height: 178px;
  min-height: 100px;
  -webkit-transition: all .3s ease-in-out;
  -o-transition: all .3s ease-in-out;
  transition: all .3s ease-in-out
}

.rgRow:hover td a img.prodImg,
.rgRow:focus td a img.prodImg,
.rgRow:active td a img.prodImg {
  -webkit-transform: scale(1.04);
  -ms-transform: scale(1.04);
  transform: scale(1.04)
}

.rgRow:hover,
.rgRow:focus,
.rgRow:active {
  -webkit-box-shadow: inset 0 0 15px -5px rgba(204, 151, 0, 1) !important;
  box-shadow: inset 0 0 15px -5px rgba(204, 151, 0, 1) !important
}

.rgAltRow:hover td a img.prodImg,
.rgAltRow:focus td a img.prodImg,
.rgAltRow:active td a img.prodImg {
  -webkit-transform: scale(1.04);
  -ms-transform: scale(1.04);
  transform: scale(1.04)
}

.rgAltRow:hover,
.rgAltRow:focus,
.rgAltRow:active {
  -webkit-box-shadow: inset 0 0 15px -5px rgba(204, 151, 0, 1) !important;
  box-shadow: inset 0 0 15px -5px rgba(204, 151, 0, 1) !important
}

.carousel-control,
.carousel-indicators {
  visibility: hidden;
  background: none !important
}

.carousel.slide:hover .carousel-control,
.carousel.slide:hover .carousel-indicators {
  visibility: visible !important
}

#ctl01_Primary_NavMenu {
  display: table !important;
  margin: 0 auto !important
}

ul.rmRootGroup.rmToggleHandles.rmHorizontal {
  list-style: none !important
}

.RadMenu.RadMenu_Austin .rmRootGroup>li {
  display: inline !important
}

tr .rgAltRow td,
tr .rgRow td {
  height: 178px
}

.carousel-inner > .item {
  background-size: contain !important;
  background-color: transparent !important;
}

@media(min-width:992px) {
  .has-secondary-col.col-on-right .col-primary {
    margin: 0 auto
  }

  .has-secondary-col .col-primary {
    width: 100%
  }
}

@media(max-width:767px) {
  .navbar-header {
    margin-top: 0
  }

  .nav-auxiliary .nav-aux-button .NavigationLink,
  .navbar-toggle.collapsed {
    background-color: rgba(46, 41, 37, 1);
    float: right !important;
    margin-top: 15px
  }

  .nav-auxiliary .nav-aux-button .NavigationLink:hover,
  .nav-auxiliary .nav-aux-button .NavigationLink:focus {
    background-color: #21314e
  }
}

@media(max-width:480px) {
  .carousel-inner.bg-img>.item {
    max-height: 240px !important
  }

  .header-top-container {
    height: 190px !important;
    background-size: 200% !important;
    background-position-x:14%;
  }

  #ctl01_LoginStatus1 {
    color: #fff;
  }

  img.prodImg {
    max-width: 118px;
    height: auto;
    max-height: 118px;
    min-height: 118px
  }

  .catList h2,
  .catList h4,
  .catList p {
    margin-left: 10px;
    border: 0;
    margin-top: 10px
  }

  .catList h2 {
    font-weight: 500;
    line-height: 125%;
    padding-left: 10px;
    text-align: center
  }

  .rgRow:hover td a img.prodImg,
  .rgRow:focus td a img.prodImg,
  .rgRow:active td a img.prodImg,
  .rgAltRow:hover td a img.prodImg,
  .rgAltRow:focus td a img.prodImg,
  .rgAltRow:active td a img.prodImg {
    max-height: 120px !important
  }
}

.RadWindow.RadWindow_MetroTouch .rwTitleRow .rwTitlebar,
.RadWindow.RadWindow_MetroTouch .rwTitleRow .rwTopRight,
.RadWindow.RadWindow_MetroTouch .rwTitleRow .rwTopLeft {
  background-color: rgba(46, 41, 37, 0.85);
  padding: 0
}