﻿.NormalButton.Highlight {
  background-color: #ce6a14; }

#OnePartOuter #PartContainer .Top, #OnePartOuter #PartContainer .Bottom {
  display: flex; }
  #OnePartOuter #PartContainer .Top .Left, #OnePartOuter #PartContainer .Bottom .Left {
    width: 50%;
    float: left;
    margin-right: 40px;
    position: relative; }
  #OnePartOuter #PartContainer .Top .Right, #OnePartOuter #PartContainer .Bottom .Right {
    display: block;
    float: left;
    max-width: 560px;
    overflow: hidden;
    width: 50%;
    position: relative; }

#OnePartOuter #PartContainer .Top {
  margin-bottom: 20px; }
  #OnePartOuter #PartContainer .Top .Right {
    display: flex;
    flex-direction: column;
    justify-content: space-between; }
    #OnePartOuter #PartContainer .Top .Right .PartNumberAndBrand {
      display: flex;
      flex-direction: column;
      font-size: 18px;
      color: #606060; }
    #OnePartOuter #PartContainer .Top .Right .BuyBox .AmountAndBuyAndFits {
      display: flex; }
      #OnePartOuter #PartContainer .Top .Right .BuyBox .AmountAndBuyAndFits .Amount {
        width: 20%;
        height: 34px;
        margin-right: 10px;
        background: lightgrey;
        text-align: center;
        font-size: 25px; }
      #OnePartOuter #PartContainer .Top .Right .BuyBox .AmountAndBuyAndFits input[type=number]::-webkit-inner-spin-button,
      #OnePartOuter #PartContainer .Top .Right .BuyBox .AmountAndBuyAndFits input[type=number]::-webkit-outer-spin-button {
        opacity: 1; }
    #OnePartOuter #PartContainer .Top .Right .BuyBox .BuyNow {
      background-color: #ce6a14;
      background-image: none;
      color: #FFFFFF;
      text-transform: uppercase;
      max-width: 200px; }
    #OnePartOuter #PartContainer .Top .Right #VariantPriceContainer {
      margin-bottom: 0; }
      #OnePartOuter #PartContainer .Top .Right #VariantPriceContainer .VariantPrice .Price .PriceNice .PriceMain {
        color: black; }

#OnePartOuter #PartContainer .Bottom {
  border-top: 1px solid #E5E5E5; }
  #OnePartOuter #PartContainer .Bottom .Left .ExtraPartInfoOuter {
    width: 80%;
    margin: 0 auto;
    margin-top: 10px; }
    #OnePartOuter #PartContainer .Bottom .Left .ExtraPartInfoOuter .ExtraPartInfoRow {
      display: flex;
      justify-content: space-between;
      height: 30px;
      border-bottom: 1px solid #E5E5E5;
      line-height: 30px; }
      #OnePartOuter #PartContainer .Bottom .Left .ExtraPartInfoOuter .ExtraPartInfoRow span {
        font-size: 16px;
        color: #B0B0B0; }
  #OnePartOuter #PartContainer .Bottom .Right {
    margin-top: 10px; }
    #OnePartOuter #PartContainer .Bottom .Right .TabContainer {
      /*.Tab .TabLink:hover {
            background-color: $BrakesDarkGray;
        }

        .Tab TabLink.active {
            background-color: #ccc;
        }*/ }
      #OnePartOuter #PartContainer .Bottom .Right .TabContainer .Tab {
        overflow: hidden;
        border: 1px solid #ccc;
        background-color: #f1f1f1; }
        #OnePartOuter #PartContainer .Bottom .Right .TabContainer .Tab .TabLink {
          background-color: inherit;
          float: left;
          border: none;
          outline: none;
          cursor: pointer;
          padding: 14px 16px;
          transition: 0.3s;
          font-size: 16px;
          text-transform: uppercase;
          border-right: 1px solid #B0B0B0; }
          #OnePartOuter #PartContainer .Bottom .Right .TabContainer .Tab .TabLink.Active {
            background-color: #ccc; }
          #OnePartOuter #PartContainer .Bottom .Right .TabContainer .Tab .TabLink:hover {
            background-color: #ccc; }
      #OnePartOuter #PartContainer .Bottom .Right .TabContainer .TabContent {
        display: none;
        padding: 6px 12px;
        border: 1px solid #ccc;
        border-top: none;
        min-height: 250px; }
        #OnePartOuter #PartContainer .Bottom .Right .TabContainer .TabContent.DefaultVisible {
          display: block; }

#OnePartOuter #MainImageContainer {
  width: 370px;
  margin: 0 auto; }

#OnePartOuter #MiniatureImageContainer {
  margin: 0 auto; }

@media only screen and (max-width: 999px) {
  #OnePartOuter #PartContainer .Top, #OnePartOuter #PartContainer .Bottom {
    flex-direction: column; }
    #OnePartOuter #PartContainer .Top .Left, #OnePartOuter #PartContainer .Bottom .Left {
      width: 100%; }
    #OnePartOuter #PartContainer .Top .Right, #OnePartOuter #PartContainer .Bottom .Right {
      max-width: unset;
      width: 100%;
      margin-top: 10px;
      align-items: center; }
  #OnePartOuter #PartContainer .Top .Right {
    padding-top: 30px; }
    #OnePartOuter #PartContainer .Top .Right .PartNameAndDescription {
      width: 80%;
      text-align: center; }
    #OnePartOuter #PartContainer .Top .Right .PartNumberAndBrand {
      font-size: 30px;
      margin-top: 20px; }
    #OnePartOuter #PartContainer .Top .Right .BuyBox {
      display: flex;
      flex-direction: column;
      justify-content: center;
      align-items: center; }
      #OnePartOuter #PartContainer .Top .Right .BuyBox .AmountAndBuyAndFits {
        justify-content: center; }
        #OnePartOuter #PartContainer .Top .Right .BuyBox .AmountAndBuyAndFits .Amount {
          margin: 0;
          height: 70px;
          padding: 0;
          box-sizing: border-box;
          font-size: 40px; }
        #OnePartOuter #PartContainer .Top .Right .BuyBox .AmountAndBuyAndFits input[type=number]::-webkit-inner-spin-button,
        #OnePartOuter #PartContainer .Top .Right .BuyBox .AmountAndBuyAndFits input[type=number]::-webkit-outer-spin-button {
          font-size: 20px; }
      #OnePartOuter #PartContainer .Top .Right .BuyBox .BuyNow {
        margin-left: 10px; }
    #OnePartOuter #PartContainer .Top .Right .StockAndNumber {
      float: unset;
      height: unset;
      width: unset; }
  #OnePartOuter #PartContainer .Bottom .Left .ExtraPartInfoOuter {
    width: 100%; }
    #OnePartOuter #PartContainer .Bottom .Left .ExtraPartInfoOuter .ExtraPartInfoRow {
      height: 40px;
      align-items: center; }
      #OnePartOuter #PartContainer .Bottom .Left .ExtraPartInfoOuter .ExtraPartInfoRow span {
        font-size: 24px; }
  #OnePartOuter #PartContainer .Bottom .Right {
    margin-top: 30px; }
    #OnePartOuter #PartContainer .Bottom .Right .TabContainer .Tab .TabLink {
      font-size: 20px; }
  #OnePartOuter #PartContainer .PartName {
    font-size: 40px; }
  #OnePartOuter #MainImageContainer {
    width: 80%; }
  #OnePartOuter #MiniatureImageContainer {
    width: 80%; }
    #OnePartOuter #MiniatureImageContainer .MiniatureImage {
      height: 100px;
      width: 100px; } }
