/* ================================================= *
 * OX Tools Product List Styles
 * ================================================= */
.products-list {
  list-style: none;
  padding: 0;
  margin: 0; }
  .products-list .item {
    border-bottom: 3px solid #e5e5e5;
    padding: 20px 0; }
    .products-list .item:last-of-type {
      border: none; }
    @media only screen and (min-width: 600px) {
      .products-list .item {
        display: -webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex; } }
  .products-list .product-image {
    width: 160px;
    display: block; }
  @media only screen and (min-width: 600px) {
    .products-list .product-shop {
      width: -webkit-calc(100% - 160px);
      width: calc(100% - 160px);
      padding: 0 0 0 20px; } }
  @media only screen and (min-width: 980px) {
    .products-list .product-shop {
      display: -webkit-box;
      display: -webkit-flex;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-pack: justify;
      -webkit-justify-content: space-between;
      -ms-flex-pack: justify;
      justify-content: space-between;
      -webkit-box-align: start;
      -webkit-align-items: flex-start;
      -ms-flex-align: start;
      align-items: flex-start; }
      .products-list .product-shop .product-secondary {
        padding: 0 0 0 30px; } }
  .product-name a{
    color: #000000;
    text-decoration: none;
}
  h2.product-name{
    color: #000000;
}
  .products-list .product-shop .product-name,
  .products-list .product-shop .product-sku {
    font-weight: 700;
    margin: 0 0 5px; }
  .products-list .product-shop .product-name {
    font-size: 24px; }
  .products-list .product-shop .product-sku {
    font-size: 13px;
    text-transform: uppercase; }
    .products-list .product-shop .product-sku .sku {
      color: #02aef0;
      word-break: break-all; }
  .products-list .product-shop .desc {
    padding: 0; }
  @media only screen and (min-width: 980px) {
    .products-list .product-shop .price-box {
      text-align: right; } }

	  
.product-view .product-name {
  padding: 0 0 20px; }
  .product-view .product-name .h1,
  .product-view .product-name h1 {
    margin: 0 0 0.5em;
    display: block; }
  .product-view .product-name h1 {
    font-size: 18px; }
  .product-view .product-name h3, .product-view .product-name form .legend, form .product-view .product-name .legend, .product-view .product-name p {
    font-size: 14px;
    margin: 0;
    font-weight: 700; }
    .product-view .product-name h3 .code, .product-view .product-name form .legend .code, form .product-view .product-name .legend .code, .product-view .product-name p .code {
      color: #02aef0;
      word-break: break-all; }

@media only screen and (min-width: 771px) {
  .product-img-box .product-name {
    display: none; } }

@media only screen and (min-width: 771px) {
  .catalog-product-view .product-shop {
    width: 50%;
    float: left;
    padding: 0 0 0 30px; } }

.catalog-product-view .product-shop .product-name {
  display: none; }
  @media only screen and (min-width: 771px) {
    .catalog-product-view .product-shop .product-name {
      display: block; } }

.catalog-product-view .product-shop .price-info {
  border-bottom: 2px solid #02aef0;
  padding: 0 0 15px;
  margin: 0 0 15px; }

.iweb-media-wrapper {
  padding: 0 0 30px; }
  @media only screen and (min-width: 771px) {
    .iweb-media-wrapper {
      width: 50%;
      float: left; } }

.iweb-media-container .icon-search, .iweb-media-container #search_mini_form .input-box .search-button, #search_mini_form .input-box .iweb-media-container .search-button {
  right: 15px;
  top: 10px;
  color: #02aef0;
  font-weight: 700; }
  .iweb-media-container .icon-search span, .iweb-media-container #search_mini_form .input-box .search-button span, #search_mini_form .input-box .iweb-media-container .search-button span {
    display: none; }

.product-image-gallery {
  padding: 0;
  cursor: -webkit-zoom-in;
  cursor: zoom-in; }

.iweb-media-zoom {
  overflow: visible;
  border: none; }

.iweb-media-search {
  display: none; }

.iweb-zoom-close {
  background: #02aef0;
  color: #ffffff;
  padding: 10px 10px 8px;
  border-radius: 99px;
  position: absolute;
  top: 0;
  left: 0;
  -webkit-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%); }
  .iweb-zoom-close span {
    display: none; }
  .iweb-zoom-close:focus {
    color: #ffffff;
    text-decoration: none; }

.product-image-gallery {
  border: 2px solid #02aef0;
  margin: 0 0 20px; }

.product-media-thumbs .thumb a,
.iweb-media-zoom-thumbs .item {
  padding: 10px;
  border: 2px solid #e5e5e5; }
  .product-media-thumbs .thumb a.active,
  .iweb-media-zoom-thumbs .item.active {
    border-color: #02aef0; }

.product-media-thumbs {
  margin: 0 -5px;
  width: 100%; }
  .product-media-thumbs .thumb {
    padding: 5px;
    width: 25%;
    float: left; }

.iweb-media-zoom {
  overflow: visible !important; }

.product-collateral .collateral-tabs {
  padding: 0; }
  .product-collateral .collateral-tabs h3, .product-collateral .collateral-tabs form .legend, form .product-collateral .collateral-tabs .legend {
    font-size: 20px;
    margin: 0.5em 0 0.8em;
    line-height: 1.3; }
    .product-collateral .collateral-tabs h3:nth-child(1n + 1), .product-collateral .collateral-tabs form .legend:nth-child(1n + 1), form .product-collateral .collateral-tabs .legend:nth-child(1n + 1) {
      margin: 1.5em 0 0.8em; }
  .product-collateral .collateral-tabs p {
    font-size: 16px;
    line-height: 1.6; }

.product-collateral .toggle-tabs {
  display: none; }

.product-collateral > dl > dt {
  position: relative;
  display: block;
  padding: 15px;
  cursor: pointer;
  margin: 0;
  -webkit-transition: all 0.25s ease-in-out 0s;
  transition: all 0.25s ease-in-out 0s;
  font-family: Arial, Helvetica, sans-serif;
  text-transform: uppercase; }
  .product-collateral > dl > dt:after {
    font-family: "fontello";
    line-height: 1em;
    content: '\e805';
    font-size: 14px;
    position: absolute;
    right: 0;
    top: 50%;
    -webkit-transform: translate(0, -50%) rotate(45deg);
    -ms-transform: translate(0, -50%) rotate(45deg);
    transform: translate(0, -50%) rotate(45deg);
    -webkit-transition: all 120ms ease-in-out;
    transition: all 120ms ease-in-out; }
  .product-collateral > dl > dt.active:after {
    -webkit-transform: translate(0, -50%) rotate(0deg);
    -ms-transform: translate(0, -50%) rotate(0deg);
    transform: translate(0, -50%) rotate(0deg); }
  .product-collateral > dl > dt:after {
    right: 10px; }

.product-collateral > dl > dd {
  margin: 0; }

.product-collateral > dl .tab-content {
  width: 90%;
  margin: 0 auto 10px; }

@media only screen and (max-width: 770px) {
  .product-collateral > dl {
    border-bottom: 1px solid #e5e5e5; }
    .product-collateral > dl > dt {
      position: relative;
      cursor: pointer;
      margin: 0;
      border-top: 1px solid #e5e5e5;
      font-weight: 300;
      font-size: 20px; }
      .product-collateral > dl > dt:after {
        font-family: "fontello";
        line-height: 1em;
        content: '\e805';
        font-size: 14px;
        position: absolute;
        right: 0;
        top: 50%;
        -webkit-transform: translate(0, -50%) rotate(45deg);
        -ms-transform: translate(0, -50%) rotate(45deg);
        transform: translate(0, -50%) rotate(45deg);
        -webkit-transition: all 120ms ease-in-out;
        transition: all 120ms ease-in-out; }
      .product-collateral > dl > dt.active:after {
        -webkit-transform: translate(0, -50%) rotate(0deg);
        -ms-transform: translate(0, -50%) rotate(0deg);
        transform: translate(0, -50%) rotate(0deg); }
      .product-collateral > dl > dt:after {
        right: 10px; }
    .product-collateral > dl > dd {
      display: none; }
  .product-collateral.accordion-open > dl > dt.current {
    color: #02aef0; }
    .product-collateral.accordion-open > dl > dt.current:before {
      background: #02aef0; }
  .product-collateral.accordion-open > dl > dt.current:after {
    -webkit-transform: translate(0, -50%) rotate(0deg);
    -ms-transform: translate(0, -50%) rotate(0deg);
    transform: translate(0, -50%) rotate(0deg); }
  .product-collateral.accordion-open > dl > dd.current {
    display: block;
    width: 100%;
    margin: 0; } }

@media only screen and (min-width: 771px) {
  .product-collateral .toggle-tabs {
    margin: 0;
    padding: 0;
    list-style: none;
    width: 100%;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    display: block;
    position: relative;
    z-index: 1; }
    .product-collateral .toggle-tabs:after {
      content: "";
      display: table;
      clear: both; }
    .product-collateral .toggle-tabs li {
      text-align: center;
      cursor: pointer;
      padding: 10px 15px;
      font-size: 14px;
      line-height: 1.2;
      text-transform: uppercase;
      font-weight: 700;
      background: #e5e5e5;
      float: left; }
    .product-collateral .toggle-tabs li:hover {
      color: #000000; }
    .product-collateral .toggle-tabs li.current {
      position: relative;
      color: #ffffff;
      background: #02aef0; }
  .product-collateral .collateral-tabs {
    width: 100%;
    margin: 0;
    padding: 0;
    border: 2px solid #02aef0; }
    .product-collateral .collateral-tabs .tab {
      display: none; }
    .product-collateral .collateral-tabs .desc {
      padding: 0; }
    .product-collateral .collateral-tabs .tab-container {
      width: 100%;
      display: none;
      border-top: 0;
      margin-left: 0;
      padding: 10px 0 0; }
      .product-collateral .collateral-tabs .tab-container .tab-content {
        padding: 0;
        font-family: Arial, Helvetica, sans-serif; }
        .product-collateral .collateral-tabs .tab-container .tab-content h1, .product-collateral .collateral-tabs .tab-container .tab-content h2, .product-collateral .collateral-tabs .tab-container .tab-content h3, .product-collateral .collateral-tabs .tab-container .tab-content form .legend, form .product-collateral .collateral-tabs .tab-container .tab-content .legend, .product-collateral .collateral-tabs .tab-container .tab-content h4, .product-collateral .collateral-tabs .tab-container .tab-content h5, .product-collateral .collateral-tabs .tab-container .tab-content h6 {
          font-family: "asap", sans-serif;
          font-weight: 300; }
      .product-collateral .collateral-tabs .tab-container.current {
        background: transparent;
        display: block;
        position: relative; }
  .product-collateral .tab-container {
    border-bottom: 1px solid #e5e5e5; } }

.block-viewed {
  background: #02aef0;
  margin: 0 0 30px; }
  .block-viewed .block-title {
    text-align: center;
    padding: 20px;
    color: #ffffff; }
  .block-viewed .block-title .product-name,
  .block-viewed .block-content .product-name {
    text-align: center;
    padding: 0 10px 20px; }
    .block-viewed .block-title .product-name a,
    .block-viewed .block-content .product-name a {
      font-weight: 700;
      color: #ffffff;
      text-decoration: none; }
 .moreinfo_ohq .label-stockout {
	 line-height: 3;
}
	  
