/*
*
*  Golden Grid System (1.01)	<http://goldengridsystem.com/>
*  by Joni Korpi 				<http://jonikorpi.com/>
*  licensed under MIT			<http://opensource.org/licenses/mit-license.php>
*	
*/
body {
  line-height: 1.5;
}

h1, h2, h3 {
  font-family: 'league_gothic', Arial, Helvetica, sans-serif;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  text-transform: uppercase;
  font-weight: normal;
}

h1 {
  font-size: 5.063em;
  line-height: 1;
  margin: 1rem 0;
}

h2 {
  font-size: 3.375em;
  line-height: 1;
  margin: 1rem 0;
}

h3 {
  font-size: 2.25em;
  line-height: 1.5;
  margin: 1rem 0;
}

h4 {
  font-size: 1em;
  font-weight: bold;
  margin: 1rem 0 -1rem 0;
  text-transform: uppercase;
}

.caption {
  font-size: 0.67em;
  line-height: 1;
}

.product-category-img {
  width: 100%;
  padding-bottom: 100%;
  position: relative;
}

/*.product-list-img:before {
  content: '';
  display: inline-block;
  vertical-align: middle;
}

.product-list-img img {
  display: inline-block;
  position: absolute;
  vertical-align: middle;
}*/

.product-category-img img,
.product-img img,
.employee-img img {
  display: block;
  margin: 0 auto;
  width: 100%;
  height: auto;
}

.employee-img,
.employee-desc {
  float: left;
}

.employee-img.right {
  float: right;
}

.employee-img {
  width: 25%;
}

.employee-desc {
  width: 75%;
}

/*
*
*  Four-column grid active
*  ----------------------------------------
*  Margin   | #  1   2   3   4   |   Margin
*  5.55555% | %  25  50  75  100 | 5.55555%
*
*/

/*
*  Simple elastic gutters
*  Note: box-sizing will not work in IE6-7
*/
.wrapper {
  padding: 0 0.75em;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}

.contain {
  margin: 0 5.55555%;
}

header hgroup {
  width: 50%;
  margin: 0 25%;
}

nav {
  width: 100%;
}

nav > .menu-collapse {
  display: block;
  text-align: center;
  padding: 0.67em 0;
}
nav > ul { display: none; }
.no-js nav:hover > ul { display: block; }

#nav ul li {
  width: 100%;
}

#nav ul {
  width: 100%;
  border: 1px solid rgba(255,255,255,0.1);
}

#nav ul li {
  float: none;
  width: 100%;
}

#nav ul li a {
  padding: 0.67em;
  border-bottom: 1px solid rgba(255,255,255,0.1);
  display: block;
  text-align: center;
  margin: 0;
}

#nav ul li a:hover,
#nav ul li a:focus {
  background: rgba(255,255,255,0.1);
}

#nav ul li:hover ul { display: none; }
#nav ul li ul li:hover ul { display: none; }

.search-form-collapse {
  display: none;
}

header:after,
.search-form:after,
.contain:after,
#nav ul:after,
.product-list-item:nth-of-type(2):after,
.product-purchase-details:after,
.event:after,
.cart-actions:after,
.content-well:after,
.field-contain:after,
.employee:after {
  content: '';
  display: block;
  clear: both;
}

.product-category-item,
.product-price,
.product-stock,
.cart-actions-left,
.cart-actions-right,
.checkout-main,
.cart-sidebar,
.contact-details,
.contact-form {
  float: left;
  width: 50%;
}

.event-date,
.event-description,
.vehicle {
  float: left;
}

.supplier-logos {
  display: none;
}

.vehicle {
  width: 100%;
}

.newsletters {
  display: none;
}

/*
*
*  Fixes for IE6-8
*  http://jonikorpi.com/leaving-old-IE-behind/
*
*/
.ie body {
  width: 40em;
  margin: 0 auto;
  font-size: 1.0625em;
}

/* @media screen and (min-width: 640px) */
@media screen and (min-width: 40em) {
  body {
    /* Zoom baseline grid to 17/16 = 1.0625 */
  
    font-size: 1.0625em;
  }
}
/*
*
*  Eight-column grid active
*  ----------------------------------------------------------------------
*  Margin   | #  1     2     3     4     5     6     7     8   |   Margin
*  5.55555% | %  12.5  25.0  37.5  50.0  62.5  75.0  87.5  100 | 5.55555%
*	
*
*/
/* @media screen and (min-width: 720px) */
@media screen and (min-width: 45em) {
  body {
    /* Reset baseline grid to 16/16 = 1 */
  
    font-size: 1em;
  }

  nav > .menu-collapse { display: none; }

  nav > ul,
  .newsletters {
    display: block;
  }
  
  .collapse {
    display: none;
  }

  .social,
  .newsletter,
  .events,
  .product-img,
  .product-desc,
  .supplier-logos,
  .supplier-content,
  .search-box,
  .products-contain,
  .vehicle-img,
  .vehicle-detail,
  .profile-content,
  .sidebar-nav,
  .homeColumn {
    float: left;
  }

  header hgroup {
   margin: 0;
  }

  header hgroup,
  .search-box,
  .sidebar-nav {
    width: 25%;
  }

  #nav {
    width: 75%;
    padding-left: 1.5em;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
  }

  #nav ul li {
    float: left;
    width: auto;
  }

  #nav ul li:hover ul { display: block; }


  #nav ul {
    border: none;
  }

  #nav ul li a {
    padding: 0;
    border: 0 ;
    margin-right: 1em;
  }

  #nav ul li a:hover,
  #nav ul li a:focus {
    background: transparent;
  }

  #nav ul ul li {
    float: none;
    width: 100%;
    
  }

  #nav ul ul li a {
    text-align: left;
    padding: 0.296em 0.667em;
  }

  .search-form-contain {
    display: none;
  }

  .search-form-collapse {
    display: inline-block;
    padding-right: 0.5rem;
    line-height: 32px;
    margin-right: 4px;
  }

  .no-js .search-form:hover .search-form-contain,
  .no-js .search-form:focus .search-form-contain {
    display: block;
  }

  .no-js .search-form:hover .search-form-collapse,
  .no-js .search-form:focus .search-form-collapse {
    display: none;
  }

  .social,
  .newsletter,
  .events,
  .product-img,
  .product-category-item,
  .homeColumn {
    width: 33.33%;
  }

  .product-list-item,
  .display-shipping-address,
  .display-billing-address,
  .field-half,
  .vehicle-img,
  .vehicle-detail {
    float: left;
    width: 50%;
  }

  .display-full-width .product-list-item {
    width: 33.33%;
  }

  .product-desc {
    width: 66.66%;
  }

  .products-contain,
  .profile-content {
    width: 75%;
  }

  .products-contain.display-full-width {
    width: 100%;
  }

  .search-form {
    float: right;
    position: absolute;
    z-index: 2;
    top: 0;
    right: 0;
  }

  .product-list-item:nth-of-type(6):after {
    content: '';
    display: none;
    clear: none;
  }

  .product-list-item:nth-of-type(3n):after {
    content: '';
    display: block;
    clear: both;
  }

  .event-date {
    width: 12.5%;
  }

  .event-description {
    width: 87.5%;
  }

  .login-field {
    width: 50%;
    margin-left: 25%;
  }

  .supplier-logos {
    width: 12.5%;
    display: block;
  }

  .supplier-content {
    width: 75%;
  }

  .vehicle {
    width: 50%;
  }

  .used-parts-search .field {
    width: 25%
  }

  .modal-contain { margin-left: 16.666666666666664%; margin-right: 16.666666666666664%; }

  .vehicle-img-contain {
    margin: 1rem 0;
    background: #efefef;
    width: 100%;
    padding-bottom: 75%;
    position: relative;
  }

  .vehicle-img-contain a {
    position: absolute;
    top: 0;
    left: 0;

    width: 100%;
    height: 100%;
    text-align: center;
  }

  .vehicle-img-contain img {
    width: auto;
    height: auto;
    max-width: 100%;
    max-height: 100%;
  }
}
/* @media screen and (min-width: 888px) */
@media screen and (min-width: 55.5em) {
  body {
    /* Zoom baseline grid to 17/16 = 1.0625 */
  
    font-size: 1.0625em;
  }
}
/* @media screen and (min-width: 984px) */
@media screen and (min-width: 61.5em) {
  body {
    /* Reset baseline grid to 16/16 = 1.0 */
  
    font-size: 1em;
  }

  .collapse {
    display: inline;
  }

  .team-contain {
    margin: 0 16.666666666666664%;
  }

  .vehicle {
    width: 33.33%;
  }

  .product-desc-details {
    margin-right: -1px;
    border-right: 1px dotted #ccc;
  }

  .product-desc-details,
  .product-desc-purchase {
    width: 50%;
  }

  .product-desc-purchase {
    float: right;
  }
}
/* @media screen and (min-width: 1200px) */
@media screen and (min-width: 75em) {
  body {
    /* Zoom baseline grid to 17/16 = 1.0625 */
  
    font-size: 1.0625em;
  }
}
/* @media screen and (min-width: 1392px) */
@media screen and (min-width: 87em) {
  body {
    /* Reset baseline grid to 16/16 = 1.0 */
  
    font-size: 1em;
  }

  .contain {
    margin: 0 16.666666666666664%;
  }

  header hgroup {
    width: 16.666666666666664%;
  }

  #nav {
    width: 83.3333333333333%;
  }

  .search-box,
  .vehicle-img,
  .sidebar-nav,
  .login-field {
    width: 33.33%
  }

  .products-contain,
  .vehicle-detail,
  .profile-content {
    width: 66.66%;
  }

  .display-full-width {
    width: 100%;
  }

  .product-category-item {
    width: 25%;
  }

  .login-field {
    margin-left: 33.33%;
  }
}
/* @media screen and (min-width: 1680px) */
@media screen and (min-width: 105em) {
  body {
    /* Zoom baseline grid to 17/16 = 1.0625 */
  
    font-size: 1.0625em;
  }
}
/*
*
*  Sixteen-column grid active
*  ----------------------------------------------------------------------------------------------------------------------
*  Margin   | #  1     2     3     4     5     6     7     8     9     10    11    12    13    14    15    16  |   Margin
*  5.55555% | %  6.25  12.5  18.75 25.0  31.25 37.5  43.75 50.0  56.25 62.5  68.75 75.0  81.25 87.5  93.75 100 | 5.55555%
*	
*
*/
/* @media screen and (min-width: 1872px) */
@media screen and (min-width: 117em) {

}
/* @media screen and (min-width: 2080px) */
@media screen and (min-width: 130em) {
  body {
    /* Zoom baseline grid to 18/16 = 1.125 */
  
    font-size: 1.125em;
    max-width: 160em;
  }
}