/* Quick Nav - Sprite */
.qn-ul {
  display: inline-flex;
  margin: 0 auto;
  width: 100%;
  padding-top: 15px;
  padding-bottom: 25px;
}
.qn-li {
  display: inline-table;
  width: 110px;
  float: left;
  margin-left: 15px;
}
.qn-nav-links {
  display: block;
  width: 184px;
  height: 72px;
  background-image: url('../images/parts-service-nav-sprite.png');
  background-size: 1104px 288px;
  background-repeat: no-repeat;
  background-position: 0 0;
}
.qn-parts {background-position: 0 -72px;}
.qn-order-parts {background-position: -184px -72px;}
.qn-parts-specials {background-position: -368px -72px;}
.qn-accessories {background-position: -552px -72px;}
.qn-genuine-parts {background-position: -736px -72px;}
.qn-tire-center {background-position: -920px -72px;}
.qn-service { background-position: 0 0; }
.qn-oil-changes { background-position: -184px 0; }
.qn-express-service { background-position: -368px 0; }
.qn-service-specials { background-position: -552px 0; }
.qn-service-tire-center { background-position: -736px 0; }
.qn-preventative-maintenance { background-position: -920px 0; }

.qn-parts:hover {background-position: 0 -216px;}
.qn-order-parts:hover {background-position: -184px -216px;}
.qn-parts-specials:hover {background-position: -368px -216px;}
.qn-accessories:hover {background-position: -552px -216px;}
.qn-genuine-parts:hover {background-position: -736px -216px;}
.qn-tire-center:hover {background-position: -920px -216px;}
.qn-service:hover { background-position: 0 -144px; }
.qn-oil-changes:hover { background-position: -184px -144px; }
.qn-express-service:hover { background-position: -368px -144px; }
.qn-service-specials:hover { background-position: -552px -144px; }
.qn-service-tire-center:hover { background-position: -736px -144px; }
.qn-preventative-maintenance:hover { background-position: -920px -144px; }

.qn-col-first {margin-left: 0;}
.qn-clear {clear: both;}
.qn-replaced { text-indent: -99999px; }

/* Red CTA Btn*/
.btn-cta {    
    background: #c00;
    border-color: #c00;
}
.btn-cta:hover, .btn-cta:focus, .btn-cta:active, .btn-cta.active, .open > .dropdown-toggle.btn-cta {    
    background: #900;
    border-color: #900;
}

/* Phone Numbers */
.contentFooter #phone-details a {
    color: #fff !important;
}

@media (min-width: 1270px) {
    .topQuickNav > .container {
        width: 1269px;
    }
	.qn-ul {
		justify-content: center;;
	}
}
@media (max-width: 1269px) {
    .qn-ul {
        display: block;
        text-align: center;
    }
    .qn-li {
        float: none;
        display: inline-block;
        width: 220px;
        margin: 8px 0 8px 15px;
    }
}
@media (max-width: 767px) {
    .qn-ul , .qn-li {
        display: inline-block;
        margin-left: 0;
    }
    .qn-nav-block {
        width: 200px;
        display: inline-block;
        margin: 0 auto;
    }
    .qn-clear {
        clear: none;
    }  
}
@media (max-width: 539px) {
    .qn-ul , .qn-li, .qn-nav-block  {
        display: block;
        width: 100%;
        margin: 0;
    }
    .qn-replaced {
        text-indent: 0;
        text-decoration: none;
        font-weight: bold;
        border-bottom: 1px solid #bbb;
        height: auto;
        padding-top: 10px;
        padding-bottom: 10px;
        background-image: none;
        width: 100%;
        color: #333;
    }
    .qn-replaced:hover {
        background: #c00;
        color: #fff;
    }
}