/* 
WOO CUSTOM STYLESHEET
---------------------

Instructions:

Add your custom styles in this file instead of style.css so it 
is easier to update the theme. Simply copy an existing style 
from style.css to this file, and modify it to your liking. */

h1, h2, h3, h4, h5, h6 {font-family:Arial, Helvetica, sans-serif !important;}
input[type=text], textarea {
border: 1px solid #C4C4C4 !important;
}

#slides .flex-control-nav {
bottom: -30px;
}

ul.tire-logos {
    list-style: none;
    list-style-image: none;
    list-style-type: none;
    padding: 0;
    margin: 0;

}
ul.tire-logos li {
    display: inline-block;
    width: 24%;
    height: 100px;
}
ul.tire-logos li img{
    max-width: 100%;
    height: auto;
    border: 0;
    padding: 0;
    margin: 0;
    background: none;
}

footer ul.tire-logos li {

    width: 11%;

}


.entry ul {
    padding: 0 0 0 0px;
}
ul, ol {
    margin-left: 17px;
}
.page h3 {
    font-weight: bold;
}

footer p span {
    background: none;
}
footer span {
    margin: 0;
}

b {
    font-weight: bold;
}

#main.fullwidth {
    /* width: auto; */
}
footer.no-widgets div {
    padding-top: 15px;
}

footer .twocol-one {
    text-align: left;
}

footer .last {
    text-align: right;
}


footer .ngg-gallery-thumbnail img {
    width: 50px;
    height: auto;
    border: 0;

} 
footer .ngg-gallery-thumbnail {

}
footer .ngg-galleryoverview {
    padding-bottom: 10px !important;
    width: 612px;
    max-width: 100%;
    margin: 0 auto;
}
footer .ngg-gallery-thumbnail{
    padding-top: 5px !important;
    padding-bottom: 5px !important;
}

.header-cta-area { 
    float: right;
    font-size: 16px;
    margin: 20px 0px 0px;
    text-align: right;
    width: 48%;

}
.header-cta-area .cta-text {
    float: right;
    width: 100%;
    font-size: 20px;
}

.header-cta-area .address {
    float: right;
    width: 100%;
    font-size: 12px;
    margin-bottom: 5px;
    color: #aa0000;
}
.header-cta-area .phone {
    float: right;
    width: 100%;
    font-size: 28px;
    font-weight: bold;

}
.header-cta-area .phone a{

}

#copyright a img{
    float: left;
}
.gllogo {

    text-align: center;
    padding-bottom: 20px;
}
footer span {
    display: block;
}

.creditcards li {
    background: url(images/creditcards.html) no-repeat 0 0;
    text-align: left;
    text-indent: -9999px;
    display: inline-block;
    width:64px;
    height: 40px;
}
.creditcards .visa {
    background-position: 0 0;
}
.creditcards .mastercard {
    background-position: -64px 0;
}
.creditcards .discover {
    background-position: -128px 0;
}
.creditcards .amex {
    background-position: -192px 0;
}

#logo .site-title a {
font: bold 30px/1em 'Droid Serif', arial, sans-serif;
color: #fff;
}

@media only screen and (max-width: 991px) and (min-width: 768px) {
    header nav {
        width:auto;
    }
    #logo {
       float: left;
        width: 48%;
    }
}
@media only screen and (max-width: 767px){
    .header-cta-area { 
        float: none;
        text-align: center;
        margin: 20px auto;
        width: 100%;
    }
    #logo {
       float: none;
        text-align: center;
        margin: 20px auto; 
    }
    #credit {
       float: none;
        text-align: center;
        margin: 10px auto 20px; 
    }
    #copyright {
       float: none;
        text-align: center;
        margin: 20px auto; 
    }
    #footer #credit span {
        text-align: center;
    }

    footer .twocol-one {
        width:100%;
        margin: 0 auto;
        text-align: center;
    }
    #copyright a img{
        float: none;
    }

    .gllogo {
        float: none;
        text-align: center;
        padding-bottom: 20px;
    }
    
}