/* -----------------------------------------
FLEXSLIDER
----------------------------------------- */
.flexslider {
    border: none !important;
    border-radius: 0 !important;
    padding-top: 20px !important;
}



/* -----------------------------------------
Homepage Inventory List
----------------------------------------- */
.hpInvLinkList{
  clear:both;
  margin:.5em 0;
}
.hpInvLinkList h2{
  color:#1c376d;
  font-size:14px;
  line-height:20px;
  text-align: center;
}
.hpInvLinkList ul{
  margin:5px 0 0 0;
}
.hpInvLinkList ul li{
  list-style:none;
  display: inline-table;
  width:140px;
  margin-left:10px;
}

/* -----------------------------------------
Button Wrapper
----------------------------------------- */

.button-container {
   background:url(http://s3.amazonaws.com/dom-cms/Site/6774e8a2-8fc9-43e3-995d-fba2dd587a6a/images/background/dark_wall.png) repeat 0 0;
   margin-top: 20px;
}

.button-column {
 padding: 16px 10px 10px 10px;
}

.boxgrid {
  margin: 0px auto;
  width: 200px;
  height: 110px;
  background:url(http://s3.amazonaws.com/dom-cms/Site/6774e8a2-8fc9-43e3-995d-fba2dd587a6a/images/background/subtle_carbon.png) repeat 0 0;
  overflow: hidden;
  position: relative;
  border: 1px solid #4a4a4a;
}

.boxgrid img {
  position: absolute;
  top: 0px;
  left: 0px;
  border: 0px;
}

.button-container .three.columns {
    margin-left: 2.2%;
}

.button-container .three.columns:first-child {
    margin-left: 2.2%;
}

.button-container .three.columns:first-child {
    margin-left: 2.2%;
}

.button-container .three.columns:last-child {
   float: left;
   margin-left: 3.2%;

}

.button-container .three.columns:last-child .button-column {
  padding: 16px 0 10px 0;
}

#navlist li {
   padding: 10px 20px 0 20px;
   margin: 0;
}

#navlist li:first-child {
   padding-top: 20px;
}

#navlist a {
   color: #fff;
}


/* -----------------------------------------
Media Queries
----------------------------------------- */
@media only screen and (min-width: 767px) and (max-width: 948px) {
  .boxgrid {
    width: 160px;
    height: 88px;
  }
}


@media screen and (max-width: 767px) {
  .button-container {
   background-image: none;
  }

  .button-container .three.columns:last-child {
   float: none;
  }

}

@media screen and (max-width: 638px) {
  .hpInvLinkList ul li {
    display: block;
    width: auto;
    font-size: 1.5rem;
    text-align: center;
  }

}


@media only screen and (max-width: 480px) {    

}