/* Milwaukee */
/* Extend or Override the jQuery UI CSS */
.ui-widget-header {
  text-align: center;
  line-height: 25px;
  vertical-align: bottom;
  margin: 2px 2px 10px 2px;
  height: 25px;
}

.ui-widget-content {
  margin-bottom: 10px;
}

.ui-widget-body {
  margin: 10px;
}

.label-form {
  font-size: 11px;
  color: #2e6e9e;
}

.label-note {
  font-size: 9px;
  color: #888;
  font-weight: bold;
}

.no-list-style {
  list-style: none;
}

h2 {
  color: black;
  font-size: 18px;
  font-weight: bold;
}

.home-product-images {
  background-color: #E8E8E8;
  position: relative;
  border-style: solid;
  border-width: 2px;
  /*width:165px;*/
  width: 21%;
  /*CIT1710-responsiveness*/
  float: left;
  margin-right: 15px;
  border-color: #017FC9;
  /*height:170px; */
  height: 180px;
  display: block;
  margin-bottom: 15px;
  /*margin-bottom: 25px;*/
}

.home-product-images-end {
  background-color: #E8E8E8;
  border-style: solid;
  border-width: 2px;
  /*width:165px;*/
  width: 21%;
  /*CIT1710-responsiveness*/
  float: left;
  border-color: #017FC9;
  height: 180px;
}

div.title-images {
  color: #017FC9;
  font-size: 20px;
  text-align: center;
  padding-top: -1px;
  font-weight: bold;
  margin-top: 5px;
}

/*Modified for Convert Layout1710*/
div.text-image3 {
  /*width:170px;*/
  width: 105.591%;
  /*CIT1710-responsiveness*/
  padding: 0px;
  margin-top: 8px;
  margin-left: 0px;
  text-align: left;
  color: black;
}

div.text-image2 {
  /*width:170px;*/
  width: 105.591%;
  /*CIT1710-responsiveness*/
  padding: 0px;
  margin-top: 8px;
  margin-left: 0px;
  text-align: left;
  color: black;
}

div.text-image {
  /*width:164px;*/
  width: 95.66%;
  /*CIT1710-responsiveness*/
  padding: 0px;
  margin-top: 8px;
  margin-left: 0px;
  text-align: left;
  color: black;
}

.text-image li {
  padding-top: 0px;
  margin-left: -18px;
}

.text-image2 li {
  padding: 0px;
  margin-left: -16px;
}

.text-image3 li {
  padding: 0px;
  margin-left: -10px;
}

li span {
  position: relative;
  left: -5px;
}

.product-feature {
  cursor: hand;
}

.table-products {
  padding-top: 20px;
}

.table-products span {
  color: #017FC9;
}

.table-products ul {
  margin-left: -28px;
  margin-top: 1px;
}

.table-loadbank td {
  vertical-align: middle;
}

.radio-span {
  vertical-align: middle;
  margin-top: -3px;
}

.check-span {
  vertical-align: middle;
  margin-top: 0px;
}

.bottomP {
  font-size: 11px;
}

p.bottomP {
  color: #544E4F;
}

ul.bottomP {
  padding-left: 10px;
  list-style-type: disc;
  width: 650px;
  color: #544E4F;
}

.bottomP li {
  width: 180px;
  float: left;
  margin-left: 10px;
  color: #544E4F;
}

li.noList {
  padding-left: 10px;
  list-style-type: none;
  width: 650px;
  color: #544E4F;
}

div#error-message-rfq {
  padding-top: 2px;
  padding-left: 5px;
  display: none;
}

#checker {
  display: none;
}

.table-products a:link {
  color: black;
}

/* unvisited link */
.table-products a:visited {
  color: black;
}

/* visited link */
.table-products a:hover {
  color: black;
}

/* mouse over link */
.table-products a:active {
  color: black;
}

/* selected link */
.milwaukeeContent {
  /* added, Convert Layout CIT1710 */
  padding: 10px 0 0 10px;
}

.milwaukeeContainer {
  /* added, Convert Layout CIT1710 */
  /*width:900px;*/
  width: 110.846%;
  /* width: 88.846%;  CIT1710-responsiveness*/
  float: left;
  /*margin: 0 5px 5px 0; Commented for Convert Layout 1710*/
}

/* added, Convert Layout CIT1710 */
#MilwaukeeHomeContent {
  padding: 10px 0 0 10px;
}

/*CIT1710-responsiveness: Added*/
@media only screen and (max-width: 319px) {
  .milwaukeeContainer {
    width: 100%;
  }
  .home-product-images {
    width: 46%;
    margin-right: 8px;
    margin-bottom: 15px;
    height: 210px;
  }
  .home-product-images-end {
    width: 46%;
    height: 210px;
  }
  div.text-image3, div.text-image, div.text-image2 {
    width: 100%;
    word-wrap: break-word;
  }
  .table-products {
    padding-top: 0px;
    margin-bottom: 15px;
  }
  .table-products a img {
    max-width: 82px;
  }
  .table-products td {
    float: left;
    width: 230px !important;
  }
}

/*Fix for IE browser min-width*/
@media only screen and (max-width: 269px) {
  .table-products td {
    width: 200px !important;
  }
  .home-product-images, .home-product-images-end {
    height: 220px;
  }
}

@media only screen and (min-width: 320px) and (max-width: 479px) {
  .milwaukeeContainer {
    width: 100%;
  }
  .home-product-images {
    width: 45%;
    margin-right: 10px;
    margin-bottom: 15px;
    height: 190px;
  }
  .home-product-images-end {
    width: 45%;
    height: 190px;
  }
  div.text-image3, div.text-image, div.text-image2 {
    width: 100%;
  }
  .table-products {
    padding-top: 0px;
    margin-bottom: 15px;
  }
  .table-products a img {
    max-width: 82px;
  }
  .table-products td {
    width: 100%;
    float: left;
  }
}

@media only screen and (min-width: 480px) and (max-width: 599px) {
  .milwaukeeContainer {
    width: 100%;
  }
  .home-product-images {
    width: 45%;
    margin-right: 15px;
    margin-bottom: 15px;
  }
  .home-product-images-end {
    width: 45%;
  }
  div.text-image3, div.text-image, div.text-image2 {
    width: 100%;
  }
  .table-products {
    padding-top: 0px;
    margin-bottom: 15px;
  }
  .table-products a img {
    max-width: 82px;
  }
  .table-products td {
    width: 100%;
    float: left;
  }
}

@media only screen and (min-width: 600px) and (max-width: 799px) {
  .milwaukeeContainer {
    width: 100%;
  }
  .home-product-images {
    width: 45%;
    margin-right: 15px;
    margin-bottom: 15px;
    height: 190px;
  }
  .home-product-images-end {
    width: 45%;
    height: 190px;
  }
  div.text-image3, div.text-image, div.text-image2 {
    width: 100%;
  }
  .table-products {
    padding-top: 0px;
  }
  .table-products a img {
    max-width: 82px;
  }
  .table-products td {
    width: 100%;
    float: left;
  }
}

@media only screen and (min-width: 800px) and (max-width: 1023px) {
  .milwaukeeContainer {
    width: 100%;
  }
  .home-product-images {
    width: 22%;
    margin-right: 15px;
    margin-bottom: 15px;
    height: 200px;
  }
  .home-product-images-end {
    width: 22%;
    height: 200px;
  }
  div.text-image3, div.text-image, div.text-image2 {
    width: 100%;
  }
}

@media only screen and (min-width: 1024px) and (max-width: 1279px) {
  .milwaukeeContainer {
    width: 100%;
  }
  .home-product-images {
    width: 22%;
    margin-right: 20px;
    margin-bottom: 15px;
    height: 200px;
  }
  .home-product-images-end {
    width: 22%;
    height: 200px;
  }
  div.text-image3, div.text-image, div.text-image2 {
    width: 100%;
  }
}