/*Adjust margin-top for desktop only*/
@media (min-width: 720px) {
    top-content-adjust {
        margin-top: -75px !important;
    }
}




.page-container {
    margin: auto;
    width: 100%;
}

.site-content {
    margin-top: -25px !important;
}
.arrow-header {
    background: #000;
    margin: auto;
    width: 100%;
    padding: 0;
}

.new-wrapper {
    background: #fff !important;
    margin: auto;
    margin-top: 25px;
    width: 100%;
    padding: 0;
}

/*Main Bootstrap override styles*/
h1, h2, h3, h4, h5, h6, .h1, .h2, .h3, .h4, .h5, .h6 {
    color: inherit;
    font-family: inherit;
}

/*THE MAIN THEME STYLES USED FOR ECS.ARROW.COM CORP SITE CONTAINER WITHIN WORDPRESS TEXT EDITOR*/

.generic-top-banner {
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    margin-top: 0 !important;
    padding: 50px;
    color: #fff;
    border-top:  2px solid #C1D82F;
}
.generic-container {
    height: 100% !important;
    margin-left: 10% !important;
    margin-right: 10% !important;
}
.generic-top-banner h1 {
    font-size: 4.5em;
    font-weight: 200;
}
.generic-top-banner h5 {
    font-size: 1.5em;
    font-weight: 200;
    line-height: 1.7em;
}
.slider {
    height: 336px;
    background-color: #000;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    margin-top: 0 !important;
    padding: 0 0 10px 0;
    color: #000;
    text-align: center;
}
.slider-container {
    height: 100% !important;
    margin-left: 0 !important;
    margin-right: 0 !important;
}
.resources {
    background-image: url(/shared-assets/img/bg/bg_3.jpg);
    background-color: #817f82;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    margin-top: 0 !important;
    padding: 50px;
    color: #fff;
    text-align: center;
}
.resources-container {
    height: 100% !important;
    width: 100%;
    margin: auto;
}
.resources h2 {
    font-size: 3.0em;
    font-weight: 200;
}
.resources table {
    width: 100px;
}
.resources th, td {
text-align: left;
vertical-align: top;
}
.resources td {
    width: 307px;
    padding: 15px !important;
}
.suppliers {
    background-color: #ffffff;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    margin-top: 0 !important;
    padding: 50px;
    color: #000000;
    text-align: center;
}
.suppliers-container {
    height: 100% !important;
    margin-left: 9% !important;
    margin-right: 9% !important;
}
.suppliers h2 {
    font-size: 3.0em;
    font-weight: 300;
}
.white {
    background-color: #fff;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    margin-top: 0 !important;
    padding: 50px;
    color: #000;
    text-align: center;
}
.white-container {
    height: 100% !important;
    margin-left: 10% !important;
    margin-right: 10% !important;
}
.white h2 {
    font-size: 3.0em;
    font-weight: 200;
}
.white h5 {
    font-size: 1.5em;
    font-weight: 200;
    line-height: 1.7em;
    text-align: left;
}
.white strong {
    font-size: 1.5em;
    font-weight: 200;
    line-height: 1.7em;
}
.white p {
    font-size: 1.5em;
    font-weight: 200;
    line-height: 1.7em;
    text-align: left;
}
.white b {
    font-weight: 300 !important;
}
.white span {
    font-size: 1.5em;
    font-weight: 200;
    text-align: left;
}
.white img {
    display: inline-block;
}
.light-gray {
    background-color: #817f82;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    margin-top: 0 !important;
    padding: 50px;
    color: #fff;
    text-align: center;
}
.light-gray-container {
    height: 100% !important;
    margin-left: 10% !important;
    margin-right: 10% !important;
}
.light-gray h2 {
    font-size: 3.0em;
    font-weight: 200;
}
.light-gray h5 {
    font-size: 1.5em;
    font-weight: 200;
    line-height: 1.7em;
}
.light-gray strong {
    font-size: 1.5em;
    font-weight: 200;
    line-height: 1.7em;
}
.light-gray p {
    font-size: 1.5em;
    font-weight: 200;
    line-height: 1.7em;
}
.light-gray img {
    display: inline-block;
}
.dark-gray {
    background-color: #29272a;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    margin-top: 0 !important;
    padding: 50px;
    color: #fff;
    text-align: center;
}
.dark-gray-container {
    height: 100% !important;
    margin-left: 10% !important;
    margin-right: 10% !important;
}
.dark-gray h2 {
    font-size: 3.0em;
    font-weight: 200;
}
.dark-gray h3 {
    font-size: 2.0em;
    font-weight: 200;
    line-height: 1.7em;
}
.dark-gray h5 {
    font-size: 1.5em;
    font-weight: 200;
    line-height: 1.7em;
}
.dark-gray strong {
    font-size: 1.5em;
    font-weight: 200;
    line-height: 1.7em;
}
.dark-gray p {
    font-size: 1.5em;
    font-weight: 200;
    line-height: 1.7em;
}
.dark-gray img {
    display: inline-block;
}
.black {
    background-color: #000;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    margin-top: 0 !important;
    padding: 50px;
    color: #fff;
    text-align: center;
}
.black-container {
    height: 100% !important;
    margin-left: 10% !important;
    margin-right: 10% !important;
}
.black h2 {
    font-size: 3.0em;
    font-weight: 200;
}
.black h5 {
    font-size: 1.5em;
    font-weight: 200;
    line-height: 1.7em;
}
.black strong {
    font-size: 1.5em;
    font-weight: 200;
    line-height: 1.7em;
}
.black p {
    font-size: 1.5em;
    font-weight: 200;
    line-height: 1.7em;
}
.black img {
    display: inline-block;
}
.pillar {
    background-color: #29272a;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    margin-top: 0 !important;
    padding: 15px 50px 20px 50px;
    color: #fff;
    text-align: center;
}
.pillar-container {
    height: 100% !important;
    margin-left: 10% !important;
    margin-right: 10% !important;
}
.pillar h2 {
    font-size: 3.0em;
    font-weight: 200;
}
.pillar h5 {
    font-size: 1.5em;
    font-weight: 200;
    line-height: 1.7em;
}
.pillar p {
    font-size: 1.5em;
    font-weight: 200;
    line-height: 1.7em;
}
.contact-us {
    background-color: #C1D82F;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    padding: 15px 0 25px 0;
    color: #fff;
    text-align: center;
}
.contact-us-container {
    height: 100% !important;
    margin-left: 9% !important;
    margin-right: 9% !important;
}
.contact-us h2 {
    font-size: 3.0em;
    font-weight: 300;
}
.contact-us h5 {
    font-size: 1.5em;
    font-weight: 200;
    line-height: 1.7em;
}
.contact-us span {
    font-size: 1.25em;
    font-weight: 300;
    line-height: 1.7em;
    padding: 25px !important;
    margin-top: 50px;
}
.table {
border-bottom:0px !important;
}
.table h2 {
    font-size: 3.0em;
    font-weight: 200;
}
.table h5 {
    font-size: 1.7em;
    font-weight: 300;
    line-height: 1.7em;
}
.table strong {
    font-size: 1.5em;
    font-weight: 300;
    line-height: 1.7em;
}
.table p {
    font-size: 1.5em;
    font-weight: 200;
    line-height: 1.7em;
}
.table th, .table td {
    border: 1px !important;
    width: 33.33% !important;
    padding: 15px !important;
    vertical-align: baseline;
}
.fixed-table-container {
    border:0px !important;
}
.table-styles h2 {
    font-size: 2.25em;
    font-weight: 200;
    margin-top: -4px !important;
}
.table-styles h5 {
    font-size: 2.25em;
    font-weight: 300;
    line-height: 1.7em;
}
.table-styles p {
    padding-bottom: 25px;
}
.table-styles ul {
    margin: 0;
    font-size: 1.5em;
    font-weight: 200;
    line-height: 1.7em;
}
.table-styles ul.dashed {
    list-style-type: none;
}
.table-styles ul.dashed > li {
    text-indent: -15px;
    padding-bottom: -15px;
}
.table-styles ul.dashed > li:before {
    content: "- ";
    text-indent: 15px;
}
.mobile h5 {
    font-size: 1.7em;
    font-weight: 300;
}
.mobile p {
    line-height: 1.2em;
}
.mobile ul {
    margin: 0;
    font-size: 1.5em;
    font-weight: 200;
    line-height: 1.7em;
}
.mobile ul.dashed {
    list-style-type: none;
    list-style-position: outside;
}
.mobile ul.dashed > li {
    list-style-position: outside;
    text-indent: -15px;
    padding-bottom: 15px !important;
}
.mobile ul.dashed > li:before {
    content: "- ";
    text-indent: -15px;
    list-style-position: outside;
}
/*Adjustment for hidden tabs on the linecard main page*/
.hidden-content {
    padding-bottom: 25px;
}

/*DEALING WITH THE HOMEPAGE HERO/BANNER SLIDESHOW*/
.carousel-control .icon-prev,
.carousel-control .glyphicon-chevron-left {
  left: 13%;
  margin-left: -10px;
}
.carousel-control .icon-next,
.carousel-control .glyphicon-chevron-right {
  right: 13%;
  margin-right: -10px;
}

* {
  border-radius: 0 !important;
}

/*DEALING WITH THE SUPPLER LOGO SCROLLER*/
.thumbnail {
  display: block;
  padding: 4px;
  margin-bottom: 20px;
  line-height: 1.42857143;
  -webkit-transition: all .2s ease-in-out;
  transition: all .2s ease-in-out;
  border-radius: 0;
  border: none;
  background-color: none;
}

.supplier-carousel-control {
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  width: 15%;
  font-size: 20px;
  color: #000;
  text-align: center;
  text-shadow: none;
}
.supplier-carousel-control.left {
    background-image: none;
}
.supplier-carousel-control.right {
  left: auto;
  right: 0;
  background-image: none;
}

.supplier-carousel-control {
  padding-top:25px;
  width:5%;
}

.body-ul-links a:link {
    color: #337ab7 !important;
    text-decoration: none !important;
    padding-bottom: 25px !important;
}

.body-ul-links a:hover {
    color: #286090 !important;
    text-decoration: none !important;
}

.body-ul-links a:visited {
    color: #286090 !important;
    text-decoration: none !important;
}

.body-ul-links a:active {
    color: #286090 !important;
    text-decoration: none !important;
}

.body-ul-links-light a:link {
    color: #817f82 !important;
    text-decoration: none !important;
    padding-bottom: 25px !important;
}

.body-ul-links-light a:hover {
    color: #adaaaf !important;
    text-decoration: none !important;
}

.body-ul-links-light a:visited {
    color: #adaaaf !important;
    text-decoration: none !important;
}

.body-ul-links-light a:active {
    color: #adaaaf !important;
    text-decoration: none !important;
}

.thumb {
    margin-bottom: 30px;
}

/*DEALING WITH THE LINECARD RED NAVIGATION*/

.ManufacturersTabs-header {
    background: #e81736;
    color: #fff;
    font-weight: 800;
    padding: .9090909091em 0;
    position: relative;
}
.ManufacturersTabs-header-text {
    font-size: 1.8333333333em;
    padding-left: 25px;
}
.ManufacturersTabs-nav {
    background: #000;
    -webkit-overflow-scrolling: touch;
    overflow-x: auto;
    overflow-y: hidden;
    position: relative;
}
.ManufacturersCategoriesTabs-nav {
    background: #e81736;
    -webkit-overflow-scrolling: touch;
    overflow-x: auto;
    overflow-y: hidden;
    position: relative;
}
.ManufacturersTabs-tab {
    display: table-cell;
    position: relative;
}
.Content {
    max-width: 1240px;
    margin-left: auto;
    margin-right: auto;
    padding-left: 2px;
    padding-right: 2px
}
.ManufacturersTabs-tab-link {
    color: #fff;
    display: inline-block;
    font-weight: 600;
    font-size: .75em;
    min-width: 30px;
    text-align: center;
    transition: all .45s;
    vertical-align: middle;
    padding-top: .5em;
    padding-left: 1.75em;
}

.btn-manufacturer-categories {
  color: #fff;
  background-color: #e81736;
  border-color: #e81736;
  border-radius: 0 !important;
  font-size: .98em;
}
.btn-manufacturer-categories:focus,
.btn-manufacturer-categories.focus {
  color: #fff;
  background-color: #e81736;
  border-color: #e81736;
}
.btn-manufacturer-categories:hover {
  color: #fff;
  background-color: #e06264;
  border-color: #e06264;
}
.btn-manufacturer-categories:active,
.btn-manufacturer-categories.active,
.open > .dropdown-toggle.btn-manufacturer-categories {
  color: #fff;
  background-color: #e81736;
  border-color: #e81736;
}
.btn-manufacturer-categories:active:hover,
.btn-manufacturer-categories.active:hover,
.open > .dropdown-toggle.btn-manufacturer-categories:hover,
.btn-manufacturer-categories:active:focus,
.btn-manufacturer-categories.active:focus,
.open > .dropdown-toggle.btn-manufacturer-categories:focus,
.btn-manufacturer-categories:active.focus,
.btn-manufacturer-categories.active.focus,
.open > .dropdown-toggle.btn-manufacturer-categories.focus {
  color: #fff;
  background-color: #e81736;
  border-color: #761c19;
}
.btn-manufacturer-categories:active,
.btn-manufacturer-categories.active,
.open > .dropdown-toggle.btn-manufacturer-categories {
  background-image: none;
}
.btn-manufacturer-categories.disabled:hover,
.btn-manufacturer-categories[disabled]:hover,
fieldset[disabled] .btn-manufacturer-categories:hover,
.btn-manufacturer-categories.disabled:focus,
.btn-manufacturer-categories[disabled]:focus,
fieldset[disabled] .btn-manufacturer-categories:focus,
.btn-manufacturer-categories.disabled.focus,
.btn-manufacturer-categories[disabled].focus,
fieldset[disabled] .btn-manufacturer-categories.focus {
  background-color: #d9534f;
  border-color: #000000;
}
.btn-manufacturer-categories .badge {
  color: #d9534f;
  background-color: #fff;
}



/*ALL BUTTONS*/

.btn {
    font-size: 1.0em;
    font-weight: 200;
}

.btn-lg,
.btn-group-lg > .btn {
    padding: 10px 16px;
    font-size: 1.5em;
    font-weight: 200;
    line-height: 1.3333333;
    border-radius: 6px;
}

.btn-default {
    color: #000 !important;
}
.btn-default:active,
.btn-default.active {
  color: #000 !important;
}

.btn-become-a-partner {
  color: #fff;
  background-color: transparent;
  border: 2px solid #C1D82F;
  font-size: 1.5em;
}
.btn-become-a-partner:focus,
.btn-become-a-partner.focus {
  color: #fff;
  background-color: #C1D82F;
  border: 2px solid #C1D82F;
}
.btn-become-a-partner:hover {
  color: #fff;
  background-color: #C1D82F;
  border: 2px solid #C1D82F;
}
.btn-become-a-partner:active,
.btn-become-a-partner.active,
.open > .dropdown-toggle.btn-become-a-partner {
  color: #fff;
  background-color: #C1D82F;
  border: 2px solid #C1D82F;
}
.btn-become-a-partner:active:hover,
.btn-become-a-partner.active:hover,
.open > .dropdown-toggle.btn-become-a-partner:hover,
.btn-become-a-partner:active:focus,
.btn-become-a-partner.active:focus,
.open > .dropdown-toggle.btn-become-a-partner:focus,
.btn-become-a-partner:active.focus,
.btn-become-a-partner.active.focus,
.open > .dropdown-toggle.btn-become-a-partner.focus {
  color: #fff;
  background-color: #C1D82F;
  border: 2px solid #C1D82F;
}
.btn-become-a-partner:active,
.btn-become-a-partner.active,
.open > .dropdown-toggle.btn-become-a-partner {
  background-image: none;
}
.btn-become-a-partner.disabled:hover,
.btn-become-a-partner[disabled]:hover,
fieldset[disabled] .btn-become-a-partner:hover,
.btn-become-a-partner.disabled:focus,
.btn-become-a-partner[disabled]:focus,
fieldset[disabled] .btn-become-a-partner:focus,
.btn-become-a-partner.disabled.focus,
.btn-become-a-partner[disabled].focus,
fieldset[disabled] .btn-become-a-partner.focus {
  background-color: #C1D82F;
  border: 2px solid #C1D82F;
}
.btn-become-a-partner .badge {
  color: #000000;
  background-color: #C1D82F;
}


.btn-cta {
  color: #ffffff !important;
  background-color: transparent;
  border: 2px solid #ffffff;
}
.btn-cta:focus,
.btn-cta.focus {
  color: #c1d82f !important;
  background-color: #ffffff;
  border: 2px solid #c1d82f;
}
.btn-cta:hover {
  color: #ffffff !important;
  background-color: #d6ed43;
  border: 2px solid #ffffff;
}
.btn-cta:active,
.btn-cta.active,
.open > .dropdown-toggle.btn-cta {
  color: #fff;
  background-color: #c9302c;
  border: 2px solid #c1d82f;
}
.btn-cta:active:hover,
.btn-cta.active:hover,
.open > .dropdown-toggle.btn-cta:hover,
.btn-cta:active:focus,
.btn-cta.active:focus,
.open > .dropdown-toggle.btn-cta:focus,
.btn-cta:active.focus,
.btn-cta.active.focus,
.open > .dropdown-toggle.btn-cta.focus {
  color: #fff;
  background-color: #c1d82f;
  border: 2px solid #c1d82f;
}
.btn-cta:active,
.btn-cta.active,
.open > .dropdown-toggle.btn-cta {
  background-image: none;
}
.btn-cta.disabled:hover,
.btn-cta[disabled]:hover,
fieldset[disabled] .btn-cta:hover,
.btn-cta.disabled:focus,
.btn-cta[disabled]:focus,
fieldset[disabled] .btn-cta:focus,
.btn-cta.disabled.focus,
.btn-cta[disabled].focus,
fieldset[disabled] .btn-cta.focus {
  background-color: #000000;
  border: 2px solid #c1d82f;
}
.btn-cta .badge {
  color: #000000;
  background-color: #fff;
}

.btn-cta-light {
  color: #fff !important;
  background-color: #C1D82F;
  border: 2px solid #C1D82F;
}
.btn-cta-light:focus,
.btn-cta-light.focus {
  color: #c1d82f !important;
  background-color: transparent;
  border: 2px solid #C1D82F;
}
.btn-cta-light:hover {
  color: #C1D82F !important;
  background-color: rgba(193, 216, 47, 0.105);
  border: 2px solid #C1D82F;
}
.btn-cta-light:active,
.btn-cta-light.active,
.open > .dropdown-toggle.btn-cta-light {
  color: #c1d82f !important;
  background-color: #fff;
  border: 2px solid #c1d82f;
}
.btn-cta-light:active:hover,
.btn-cta-light.active:hover,
.open > .dropdown-toggle.btn-cta-light:hover,
.btn-cta-light:active:focus,
.btn-cta-light.active:focus,
.open > .dropdown-toggle.btn-cta-light:focus,
.btn-cta-light:active.focus,
.btn-cta-light.active.focus,
.open > .dropdown-toggle.btn-cta-light.focus {
  color: #c1d82f !important;
  background-color: #fff;
  border: 2px solid #c1d82f;
}