body {
  padding: 0;
  margin: 0;
}

/* --- Fonts --- */
/* Arial Black */
@font-face {
  font-family: 'ArialBlack';
  font-style: normal;
  font-weight: bold;
  src: local("ArialBlack"), url(/fonts/ariblk.woff) format("woff"); }
/* cyrillic-ext */
@font-face {
  font-family: 'Ubuntu';
  font-style: normal;
  font-weight: 400;
  src: local("Ubuntu"), url(/fonts/ODszJI8YqNw8V2xPulzjO_esZW2xOQ-xsNqO47m55DA.woff2) format("woff2");
  unicode-range: U+0460-052F, U+20B4, U+2DE0-2DFF, U+A640-A69F; }
/* cyrillic */
@font-face {
  font-family: 'Ubuntu';
  font-style: normal;
  font-weight: 400;
  src: local("Ubuntu"), url(/fonts/iQ9VJx1UMASKNiGywyyCXvesZW2xOQ-xsNqO47m55DA.woff2) format("woff2");
  unicode-range: U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116; }
/* greek-ext */
@font-face {
  font-family: 'Ubuntu';
  font-style: normal;
  font-weight: 400;
  src: local("Ubuntu"), url(/fonts/WkvQmvwsfw_KKeau9SlQ2_esZW2xOQ-xsNqO47m55DA.woff2) format("woff2");
  unicode-range: U+1F00-1FFF; }
/* greek */
@font-face {
  font-family: 'Ubuntu';
  font-style: normal;
  font-weight: 400;
  src: local("Ubuntu"), url(/fonts/gYAtqXUikkQjyJA1SnpDLvesZW2xOQ-xsNqO47m55DA.woff2) format("woff2");
  unicode-range: U+0370-03FF; }
/* latin-ext */
@font-face {
  font-family: 'Ubuntu';
  font-style: normal;
  font-weight: 400;
  src: local("Ubuntu"), url(/fonts/Wu5Iuha-XnKDBvqRwQzAG_esZW2xOQ-xsNqO47m55DA.woff2) format("woff2");
  unicode-range: U+0100-024F, U+1E00-1EFF, U+20A0-20AB, U+20AD-20CF, U+2C60-2C7F, U+A720-A7FF; }
/* latin */
@font-face {
  font-family: 'Ubuntu';
  font-style: normal;
  font-weight: 400;
  src: local("Ubuntu"), url(/fonts/sDGTilo5QRsfWu6Yc11AXg.woff2) format("woff2");
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2212, U+2215, U+E0FF, U+EFFD, U+F000; }
/* -------------------- Shared Base Settings ---------------------- */
/* ------------ More font settings -------------- */
.arialblack {
  font-family: 'ArialBlack', sans-serif; }

.ubuntu {
  font-family: 'Ubuntu', sans-serif; }

.justify {
  text-align: justify; }

.bold {
  font-weight: bold; }

/* ------------ Font colors ------------- */
.red {
  color: #cc0000; }
  .red a {
    color: #cc0000; }

.white {
  color: white; }
  .white a {
    color: white; }

.blue {
  color: blue; }
  .blue a {
    color: blue; }

.olive {
  color: #808000; }
  .olive a {
    color: #808000; }

.green {
  color: #008000; }
  .green a {
    color: #008000; }

.purple {
  color: #FF00FF; }
  .purple a {
    color: #FF00FF; }

/* --------------- Background colors ------- */
.bluebg {
  background-color: blue; }

.lightbluebg {
  background: #D7EBFF; }

.greybg {
  background: silver; }

.darkgreybg {
  background: #999; }

.yellowbg {
  background: #FFFF99; }

.whitebg {
  background: #FFF; }

.salmonbg {
  background: #FFA6A6; }

.beigebg {
  background: #FFCC99; }

/* --------------- Misc page styles ------------ */
.no-border {
  border: none; }

.dotted {
  list-style-type: disc !important;
  list-style: disc !important; }
  .dotted li {
    list-style-type: disc !important;
    list-style: disc !important;
    margin: 4px 0 10px 0 !important; }

input {
  border-radius: 4px;
  -moz-border-radius: 4px;
  -ms-border-radius: 4px;
  -webkit-border-radius: 4px;
  border: 1px solid #ccc; }

.clear {
  clear: both; }

a {
  cursor: pointer; }

h4.ubuntu {
  padding-top: 20px; }

h5 {
  font-weight: bold; }

.website-width {
  width: 1050px;
  margin: auto; }

.row {
  margin-top: 15px; }

.line {
  height: 1px;
  width: 100%;
  border-bottom: 1px solid #ccc; }

.loading {
  position: absolute;
  top: 65%;
  left: 48%;
  height: 125px;
  width: 125px;
  background: url(Img/loading.gif) no-repeat;
  z-index: 99999999; }

.page-title {
  margin-top: 20px;
  color: #cc0000; }

.title {
  font-size: 28px;
  line-height: 120%; }

.subtitle {
  font-size: 20px;
  line-height: 120%; }

ul.search-results-box {
  list-style: none; }

ul.search-results-box h3 a {
  font-size: 15px;
  color: #cc0000; }

.main {
  margin-top: 150px; }

/* ------------ Shared home page styles ----------- */
.home-contact-info {
  list-style: none;
  font-size: 16px; }

.home-contact-info li {
  padding: 10px 0; }

.home-contact-info li a {
  color: #cc0000; }

/* ----------------- Popup styles ------------------ */
.popup-body {
  padding: 20px; }

.popup-body h3 {
  line-height: 100%;
  padding: 0;
  margin: 0;
  background-color: #FFF; }

.popup-body .distributors-header {
  text-align: center;
  padding-bottom: 20px;
  background-color: #FFF; }

.popup-body ul {
  list-style: none;
  padding: 0;
  margin: 40px 0 0 0; }

.popup-body ul li {
  list-style: none;
  padding: 0 0 30px 0;
  margin: 0; }

#dialog {
  box-shadow: none;
  -moz-box-shadow: none;
  -webkit-box-shadow: none;
  -ms-box-shadow: none; }

/* ------------- Shared Customer list styles ---------------- */
ul.customer-list {
  overflow: hidden; }

ul.customer-list li {
  display: inline-block;
  width: 45%; }

/* ---------- Shared Distributors styles --------- */
.distributor-website {
  word-wrap: break-word; }

.map-directions {
  height: auto;
  display: none; }

/* -------------- Shared Contact page styles ------------- */
.contact-panel-header {
  background: #cc0000 url(Img/openCloseChevronWhite.png) no-repeat 99% 5px;
  font-size: 18px;
  padding: 15px;
  color: #FFF;
  margin-top: 20px; }

.contact-info-request {
  height: auto;
  display: none; }

.contact-form {
  height: auto; }

.contact-form fieldset {
  height: auto;
  width: 99%;
  padding: 10px;
  border: 1px solid #DDD; }

.contact-form legend {
  width: auto;
  border-bottom: none; }

.contact-form .row {
  margin-left: 0; }

.contact-form .row label {
  display: block; }

.contact-form input, .contact-form textarea {
  width: 90%;
  padding: 5px;
  font-size: 14px; }

.contact-form input[type="submit"] {
  background: #cc0000;
  color: #FFF; }

.contact-form .field-validation-error {
  display: block;
  color: #cc0000; }

/* ---------------------------------------------------- Responsive Design CSS ---------------------------------------- */
@media (min-width: 300px) {
  /* -------------- Base settings ------------------ */
  .website-width {
    width: 100%;
    margin: auto;
    height: auto; }
    .website-width p {
      padding: 0 20px; }
	.website-width tr p, .website-width th p {
		margin: 15px 0;
	}
	
	.website-width th {
		text-align:center;
	}

  /* -------------- Header ----------------- */
  header {
    position: relative;
    height: 120px;
    width: 100%;
    background-color: #FFF; }
    header .title {
      font-size: 16px;
      padding-left: 5px !important;
      line-height: 110%; }
    header .logo {
      width: 110px;
      padding-left: 5px; }
      header .logo img {
        width: 105px;
        height: 90px; }
    header .red-bar {
      width: 94%;
      font-size: 14px;
      line-height: 120%;
      height: 27px;
      padding: 4px 0 5px 5px;
      background-color: #cc0000;
      color: #fff;
      margin: 15px 0 0 10px; }
    header .search-icon {
      width: 100%;
      height: 80px;
      background-image: url("Img/search-icon-red-th.png");
      background-repeat: no-repeat;
      -ms-background-size: 55px;
      background-size: 55px;
      background-position: right center; }
    header .top {
      border-top: none; }
    header .header-right {
      height: auto;
      padding-right: 0; }

  /* ---------------- Mobile Menu -------------- */
  .mobile-menu {
    background-image: url("Img/responsiveMenuIconRed.jpg");
    background-repeat: no-repeat;
    height: 80px;
    width: 100%;
    -ms-background-size: 55px;
    background-size: 55px;
    background-position: right center; }

  .main {
    margin-top: 15px; }

  .mobile-search {
    margin-top: 10px;
    margin-bottom: 30px; }
    .mobile-search #searchTextMobile {
      float: left;
      margin-right: 5px;
      width: 83%;
      font-size: 50px;
      padding: 20px; }
    .mobile-search #searchButtonMobile {
      float: left;
      margin-left: 20px;
      width: auto;
      height: 115px; }

  /* ---------------------- Mobile Navigation ---------------------- */
  nav {
    padding-left: 0 !important;
    padding-right: 0 !important; }

  /* ----------------- Level 1 ----------------- */
  .level1-mobile {
    width: 100%;
    margin-left: 0;
    height: auto;
    font-size: 45px;
    color: #FFF;
    border-bottom: 2px solid #FFF;
    line-height: 250%;
    display: none;
    background: #000; }
    .level1-mobile a {
      color: #FFF;
      padding-left: 30px;
      overflow: hidden; }
    .level1-mobile .level1-item-mobile {
      width: 100%;
      background: #000 url("Img/openCloseChevronWhiteLg.png") no-repeat 96% -40px; }

  /* ----------------- Level 2 ----------------- */
  .level2-mobile {
    width: 100%;
    margin-left: 0;
    height: auto;
    font-size: 45px;
    background: #cc0000;
    color: #FFF;
    display: none; }
    .level2-mobile a {
      color: #FFF;
      padding-left: 30px;
      overflow: hidden; }
    .level2-mobile .level2-item-mobile {
      border-bottom: 2px solid #FFF;
      background: url("Img/openCloseChevronWhiteLg.png") no-repeat 96% -40px;
      width: 100%; }
    .level2-mobile .level2-item-vertical-mobile {
      border-bottom: 2px solid #FFF;
      width: 100%; }

  /* ----------------- Level 3 ----------------- */
  .level3-mobile {
    display: none;
    background: blue; }
    .level3-mobile a {
      color: #FFF;
      padding-left: 30px;
      overflow: hidden; }
    .level3-mobile .level3-item-mobile {
      border-bottom: 2px solid #FFF;
      background: blue !important; }
    .level3-mobile .level3-item-vertical-mobile {
      border-bottom: 2px solid #FFF;
      background: blue !important; }

  /* -------------- Footer --------------- */
  footer {
    width: 100%;
    height: auto;
    background: #45484d;
    /* Old browsers */
    background: -moz-linear-gradient(top, #45484d 0%, #000000 100%);
    /* FF3.6-15 */
    background: -webkit-linear-gradient(top, #45484d 0%, #000000 100%);
    /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(to bottom, #45484d 0%, #000000 100%);
    /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#45484d', endColorstr='#000000',GradientType=0 );
    /* IE6-9 */
    color: #fff0f5;
    padding: 20px 0;
    margin-top: 20px; }
    footer .footer-col {
      color: #ddd; }
      footer .footer-col h4 {
        font-size: 34px;
        font-weight: bold;
        padding: 30px 10px 0px 10px;
        margin: 0; }
      footer .footer-col a {
        color: #ddd; }
      footer .footer-col ul {
        padding: 0;
        margin: 0;
		list-style: none;
	  }
      footer .footer-col li {
        font-size: 24px;
        padding: 10px 20px;
		list-style: none;
	  } 
}
@media (min-width: 480px) {
  /* -------------- Header ----------------- */
  header .title {
    font-size: 18px; } }
@media (min-width: 768px) {
  /* -------------- Header ----------------- */
  header .title {
    font-size: 40px; } }
@media (min-width: 992px) {
  header .title {
    font-size: 50px; } }
@media (min-width: 1200px) {
  /* -------------- Base settings ------------------ */
  .website-width {
    width: 1050px;
    margin: auto;
    height: auto; }

  /* -------------- Header ----------------- */
  header {
    position: fixed;
	background-color:#FFF;
    width: 1050px;
    padding: 15px 0;
    z-index: 99;
    top: 0; }
    header .title {
      font-size: 30px;
      padding-left: 15px; }
    header .red-bar {
      font-size: 11px;
      height: 22px;
      width: 54%; }
    header .logo {
      width: 8.333333333%;
      padding-left: 5px; }
      header .logo img {
        width: 92px;
        height: 80px; }
    header .top {
      border-top: 2px solid #ccc; }
    header .col-lg-2, header .col-lg-3, header .col-lg-4 {
      padding: 0; }
    header .col-lg-2 {
      width: 18%; }
    header .col-lg-3 {
      width: 24%; }
    header .col-lg-4 {
      width: 32%; }
    header .col-lg-6 {
      width: 54%; }
    header .col-lg-7 {
      width: 66%; }
    header .header-search {
      height: 30px;
      float: right;
      margin-top: 10px; }
    header .search-btn {
      height: 23px; }
    header .header-nav {
      padding: 10px 0 10px 0;
      background-color:#FFF;
	}
    header .level1 {
      display: inline-block;
      background-color:#FFF;
      font-size: 16px;
      font-weight: bold;
      color: #0234fd;
      cursor: pointer;
      padding: 5px 40px 0 10px;
      position: relative; }
      header .level1 a {
        color: #0234fd;
		background-color:#FFF;
	  }
      header .level1 :hover {
        /*border-bottom: 2px solid #cc0000;*/
        /*margin-top: -2px; */
	  	text-decoration:none;
	  }
	
    header .level2 {
      display: none;
      position: absolute;
      z-index: 9999;
      left: 5px;
      top: 26px;
      font-size: 14px;
      -webkit-box-shadow: 2px 2px 4px 2px #666;
      -ms-box-shadow: 2px 2px 4px 2px #666;
      -moz-box-shadow: 2px 2px 4px 2px #666;
      box-shadow: 2px 2px 4px 2px #666;
      padding: 10px;
      background-color: #FFF;
		line-height:140%;
	}
	header .level2:hover{
		/*border-top:2px solid #FFF !important;*/
		margin-top: 0;
	}
      header .level2 a {
        color: #000; }
	header .level2 a:hover{
		/*border-bottom:2px solid #FFF;*/
		text-decoration:none;
	}
      header .level2 .level2-item {
        float: left;
		line-height:140%;  
        border-right: 1px solid #ddd;
        padding-left: 20px; }
	
        header .level2 .level2-item :last-child {
          border-right: none; }
	
      header .level2 .level2-item-vertical {
        float: none;
        display: block;
	  line-height:170%;}
	
	header .level2 .level2-item-vertical:hover {
        /*border-top:2px solid #FFF !important;*/ 
	border-bottom:2px solid #cc0000;
		margin-bottom: -2px;
	}
    header .level3 {
      font-size: 12px; }
	
      header .level3 a {
        color: #666; }
	header .level3-item:hover{
		border-bottom:2px solid #cc0000;
		margin-bottom: -2px;
	}

  /* ---------------------- Navigation ---------------------- */
  nav {
    padding-left: 15px;
    padding-right: 15px; }

  /* ---------------------- Main Body ---------------------- */
  .main {
    margin-top: 150px !important;
    margin: auto; }

  /* -------------- Footer --------------- */
  footer {
    height: 180px;
    padding: 5px 0;
    margin-top: 20px; }
    footer .footer-col {
      border-right: 1px solid #666;
      height: 140px; }
      footer .footer-col :last-child {
        border-right: none; }
      footer .footer-col h4 {
        font-size: 14px; padding: 30px 10px 10px 0px;}
      footer .footer-col li {
        font-size: 12px;
        padding: 0; } }

/*# sourceMappingURL=global.css.map */