@import url('https://fonts.googleapis.com/css?family=Poppins');


body{
    background: #fff;
    background-image: url("../images/mainbg.jpg");
    background-repeat: repeat-x;
    background-position: center top;
    color: #313131;
    margin: 0px;
    padding: 0px;
    font-family: 'Poppins', sans-serif;
    font-size: 14px;
}

h3{
    margin-top: 05px;
}

h3 span.custombgGreen{
    color: #fff;
    text-transform: uppercase;
    font-weight: bold;
    padding: 5px 15px;
    font-size: 18px;
}

.specialPage h3 span{
    color: #fff;
    text-transform: uppercase;
    font-weight: bold;
    padding: 5px 15px;
    font-size: 18px;
    background-color: #cd6217;
    font-style: italic;
}

.specialPage h3 span img{
    vertical-align: top;
}

.row{
    margin-right: -10px;
    margin-left: -10px;
}

.col-lg-1, .col-lg-10, .col-lg-11, .col-lg-12, .col-lg-2, .col-lg-3, .col-lg-4, .col-lg-5, .col-lg-6, .col-lg-7, .col-lg-8, .col-lg-9, .col-md-1, .col-md-10, .col-md-11, .col-md-12, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9, .col-sm-1, .col-sm-10, .col-sm-11, .col-sm-12, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9, .col-xs-1, .col-xs-10, .col-xs-11, .col-xs-12, .col-xs-2, .col-xs-3, .col-xs-4, .col-xs-5, .col-xs-6, .col-xs-7, .col-xs-8, .col-xs-9{
    padding-left: 10px;
    padding-right: 10px;
}

.homeButtons a{
    display: block;
    border: 2px solid transparent;
}

.homeButtons a:hover{
    border: 2px solid black;
}

.topBar{
    background-color: transparent;
    color: #fff;
}

.header{
    background: transparent;
    padding: 10px 0 ;
    color: #fff;
}

.header a, .topBar a{
    color: #fff;
}

.form-control, .input-group-addon{
    border-radius: 0;
}

.phoneNumber{
    text-align: right;
    font-size: 34px;
}

.salesEnquiriesText{
    text-align: right;
}

.salesEnquiries{
    color: #fff;
}

.salesEnquiries a{
    color: #fff;
    font-size: 38px;
    font-weight: bold;
}

.automotiveGroupIcons{
    background-color: #fff;
    text-align: center;
}
.automotiveGroupIcons img{
    margin: 0 auto;
}



/* set border-box so that percents can be used for width, padding, etc (personal preference) */
.cycle-slideshow, .cycle-slideshow * { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }


.cycle-slideshow {
    width: 100%;
    min-width: 100px;
    margin: 0px auto;
    padding: 0;
    position: relative;
}

.cycle-slideshow img {
    position: absolute;
    top: 0;
    left: 0;
    max-width: 100%;
    padding: 0;
    display: block;
}

.cycle-slideshow > div {
    width: 100%;
    padding: 0;
    display: block;
}

.slide-thumbnail{
    border-radius: 2px;
    overflow: hidden;
    text-align: center;
}
.slide-thumbnail{
    max-width:100%!important;
    height:auto;
}

.cycle-slideshow{
    overflow: hidden;
}

/* in case script does not load */
.cycle-slideshow img:first-child {
    position: static;
    z-index: 100;
}

.cycle-pager-active{
    border-color:#1c5893;
}

.cycle-pager{
    text-align:center;
}

.cycle-pager img{
    width:100px;
    height:75px;
    margin:5px;
}

#fancybox-thumbs.bottom{
    bottom:20px;
}

a{
    color: #fff;
}

.well a{
    color: #1c5893;
}

.well a.btn, .tableContainer .table a.btn{
    color: #fff;
}


.bodyContainer{

    background-color: rgba(255, 255, 255, 0.3);
    padding-top: 0px;
}

.no-right-padding{
    padding-right: 0 !important;
}

.no-left-padding{
    padding-left: 0 !important;
}

.no-padding{
    padding-left: 0 !important;
    padding-right: 0 !important;
}

ul.dropdown {
    min-width: 300px;
    min-height: 35px;
    font-size: 12px;
    color: #FFF;
    vertical-align: top;
    padding: 0px 5px;
    margin: 0px;
    position: relative;
    z-index: 100;
    float: right;
}

ul.dropdown ul {
    display: none;
    position: absolute;
    right: 0px;
    top: 24px;
    margin: 0px;
    padding: 10px 0;
    width: 280px;
}

ul.dropdown li:first-child{
    background: transparent;
}

ul.dropdown li:nth-child(2) {
    border-radius: 0 0 0 5px;
}

ul.dropdown li {
    float: left;
    list-style: outside none none;
    padding: 8px 10px;
    z-index: 101;
    background-color: #336699;
}

ul.dropdown li:hover {
    background-color: #525252;
}

ul.dropdown>li>a{
    text-transform: uppercase;
}

ul.dropdown>li>a:hover{
    text-decoration: none;
}

ul.dropdown .glyphicon{
    color: #fff;
}

ul.dropdown .basketHeader {
    color: #000;
    font-size: 12px;
    padding: 15px;
    border-bottom: 1px dotted #404040;
}

ul.dropdown .boxContainer{
    border: 1px solid #28a6fd;
    margin-bottom: 10px;
    background: #fff;
    color: #000;
}

ul.dropdown .boxContainer .loginBoxFooter{
    background-color: #1c5893;
    color: #fff;
    padding: 10px 0;
}

ul.dropdown .boxContainer .loginBoxFooter a{
    color: #fff;
}

ul.dropdown .boxContainer a{
    color: #000;
}

ul.dropdown .boxContainer a.btn-primary{
    color: #fff;
}


.headerNavigation{
    margin-top: -20px;
}

.headerNavigation ul{
    margin: 0;
    padding: 0;
}

.headerNavigation ul li{
    list-style: none;
    float: left;
    text-align: right;
}

.headerNavigation a {
    font-size: 16px;
    color: #fff;
    text-decoration: none;
    padding: 0px 23px;
    line-height: 40px;
    text-align: right;
    text-transform: uppercase;
}

.headerNavigation a:hover {
    color: #1C5893;
}

a.headerNavigation{
    color: #fff;
    text-decoration: none;
}

a.headerNavigation:hover {
    color: #fff;
}

/* HEADER CATEGORIES *********************************/

#headerCategories{
    background-color: #1c5893;
    padding: 8px;
}

#headerCategories .form-group{
    width:19%;
}

#headerCategories .form-group select{
    width:100%;
    border-radius: 0;
}

#headerCategories .search_btn{
    background-color: #202223;
    border-radius: 0;
    width: 100%;
}

.headerCategoriesTitle{
    text-align: center;
    font-size: 24px;
    color: #fff;
    text-transform: uppercase;
}

/* COLUMN LEFT CATEGORIES *********************************/

#columnCategories{
    background-color: #275788;
    padding: 15px;
    border-radius: 4px;
}


#columnCategories .form-inline .form-control, #columnCategories .form-inline .form-group{
    display: block !important;
    width: 100%;
}

#columnCategories .form-inline .form-group{
    margin: 7px 0;
}

#columnCategories .search_btn_container .search_btn{
    display: block;
    width: 100%;
    border-color: #fff;
}

/* COLUMN LEFT CATEGORIES END *********************************/


#whatsNewBox{
    background-color: #fff;
    padding-top: 5px;
}

#whatsNewBox h2{
    text-align: center;
    margin-top: 10px;
    font-style: italic;
}

#whatsNewBox h2 a{
    color: #275788;
    text-transform: uppercase;
    font-weight: bold;
}

#whatsNewBox .productName a{
    color: #000;
}

#whatsNewBox .productName, #whatsNewBox .productPriceBox{
    padding: 15px;
    font-weight: bold;
}


#whatsNewBox .productPrice{
    font-size: 24px;
    color: #1c5893;
    font-weight: bold;
}

#whatsNewBox .productOldPrice{
    font-size: 18px;
    text-decoration: line-through;
    color: #336799;
    font-weight: bold;
}

#whatsNewBox .productSpecialPrice{
    font-size: 24px;
    color: red;
    font-weight: bold;
}

#specialBox h2{
    text-align: center;
    margin-top: 10px;
    font-style: italic;
}

#specialBox h2 a{
    color: #275788;
    text-transform: uppercase;
    font-weight: bold;
}

.breadcrumbContainer{
    color: #fff;
    font-size: 10px;
    background-color: #000;
    padding: 4px 0;
}

.breadcrumbs{
    color: #fff;
    font-size: 10px;
    padding: 5px 5px;
    display: inline-block;
}


.weaccept{
    display: inline-block;
}


.benefits{
    position: relative;
    width: 100%;
    min-height: 350px;
    background-color: #000;
    background-image: url('../images/logos/benefits.jpg');
    background-repeat: no-repeat;
    background-size: contain;
}

.subBenefits{
    position: absolute;
    bottom: 10px;
    right: 10px;
}

.benefitsTitle{
    color: #fff;
    text-transform: uppercase;
    font-size: 25px;
    text-align: right;
}

.benefits .nav-menu{
    padding: 0;
    margin: 0;
    list-style: none;
    text-align: right;
}

.benefits .nav-menu li a{
    display: block;
    text-decoration: none;
    color: #888888;
    font-size: 19px;
    font-weight: bold;
}

.benefits .nav-menu li a:after{
    padding: 0 5px;
    font-family: "Glyphicons Halflings";
    font-style: normal;
    font-weight: 400;
    line-height: 1;
    content:"\e075";
    color: #1c5893;
    font-weight: normal;
}


.quick_find{
    margin-bottom: 15px;
}

.popover a{
    color: #202223;
}

.popover a:hover{
    color: #1C5893;
}

.copyright{
    padding: 8px;
    background-color: #1c5893;
    color: #fff;
}

.copyright a{
    color: #fff;
}

.copyright:after{
    content: " ";
    display: block;
    clear: both;
    visibility: hidden;
}

#specialBox{
    background-color: #fff;
}

#specialBox h2{
    margin: 0;
    padding: 5px;
}

.specialProduct .specialText{
    padding: 10px;
}

.specialProduct .productPrice{
    color: #1c5992;
    font-size: 18px;
    font-weight: bold;
    text-decoration: line-through;
}

.specialProduct .productSpecialPrice{
    color: red;
    font-size: 24px;
    font-weight: bold;
}

.specialProduct .specialText a{
    color: #000;
    font-weight: bold;
}

.specialProduct .specialText a.btn-primary{
    background-color: #349800;
    color: #fff;
}

.bestSellersBox{
    background-color: #fff;
    border: 3px solid #1c5992;
    padding: 0 10px 10px 10px;
}

.bestSellersBox h2, .bestSellersBox h2 a{
    color: #1c5992;
    text-align: center;
    text-transform: uppercase;
    font-weight: bold;
}

.bestSellersBox .bestSellerText{
    padding: 0 15px;
    border-bottom: 1px solid #d7d7d7;
}

.bestSellersBox .bestSellerText a{
    padding: 15px;
    display: block;

}

.catTopIMage {
    font-size: 36px;
}

.categoryView{
    margin-top: 15px;
}

.categoryView a{
    display: block;
    position: relative;
}

.categoryView .catTitle{
    font-size: 20px;
    background-color: #000;
    text-align: center;
    padding-top: 5px;
    padding-bottom: 5px;
}

.catNoImage{
    min-height: 150px;
    background-color: #1c5893;
    position: relative;
}

.catNoImage a{
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    /*    border: 1px dashed deeppink;*/
    left: 0;
    right: 0;
    text-align: center;
    font-size: 24px;
    font-weight: bold;
    text-transform: uppercase;
    font-style: italic;
    padding: 0 10px;
}

.catNoImage a:hover{
    color: #eee;
}

.catNoImage img {
    position: absolute;
    bottom: 0;
    right: 0;
}

.productListing, .productListing a{
    color: #fff;;
    font-weight: bold;
}

.advancedSearchResult .productListing, .advancedSearchResult  .productListing a{
    color: #000;
}

.productListingFlex .price, .productListingFlex .oldPrice{
    color: #fff;
}

.productTitle{
    margin-top: 10px;
}

.price{
    color: #1c5893;
    font-size: 20px;
}

.newPrice{
    color: #ed1e26;
    font-size: 20px;
}

.oldPrice{
    text-decoration: line-through;
    color: #1c5893;
}


/* index page products view  */
.productListingFlex{
    
    flex-direction: column;
    height: 100%;
    background-color: #242626;
    
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-flex: 1;
    -webkit-flex: 1 0 auto;
    -ms-flex: 1 0 auto;
    flex: 1 0 auto;
    -webkit-flex-flow: row wrap;
    -ms-flex-flow: row wrap;
    flex-flow: row wrap;
    position: relative;    
    margin: 0 auto;
    width: 100%;
}

.productListingFlex .productImage,
.productListingFlex .productPrice,
.productListingFlex .productTitle{
    display: block;
    align-self: flex-end;
    margin: auto;
}

.productListingFlex .productTitle{
    padding-left: 5px;
    padding-right: 5px;
}

.productListingFlex .productPrice{
    margin: auto auto 0 auto;
}

.productListingFlex .productImage{
    display: block;
    margin-top: 0;
    background-color: #fff;
    width: 100%
}

.productMoreInfo .btn{
    background-color: #202223;
    color: #fff;
    border-radius: 0;
}
.productMoreInfo .btn.btn-default{
    color: #fff;
}
/* index page products view END */

/* special page */
.specialsTextContainerFlex{
    
    flex-direction: column;
    height: 100%;
    background-color: #242626;
    flex-direction: column;
    height: 100%;
    background-color: #242626;
    
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-flex: 1;
    -webkit-flex: 1 0 auto;
    -ms-flex: 1 0 auto;
    flex: 1 0 auto;
    -webkit-flex-flow: row wrap;
    -ms-flex-flow: row wrap;
    flex-flow: row wrap;
    position: relative;    
    margin: 0 auto;
    width: 100%;
}

.specialsTextContainerFlex .productImage,
.specialsTextContainerFlex .productTitle,
.specialsTextContainerFlex .productPrice,
.specialsTextContainerFlex .productReview{
    display: block;
    align-self: flex-end;
    margin: auto;
    text-align: center;
}

.specialsTextContainerFlex .productImage{
    margin-top: 0;
    background-color: #fff;
    width: 100%
}

.specialsTextContainerFlex .productTitle{
    padding-left: 5px;
    padding-right: 5px;

}

.specialsTextContainerFlex .productPrice{
    margin: auto auto 0 auto;
    color: #cd6217;
}

.specialsTextContainerFlex .productReview{
    margin: auto auto 0 auto;
    color: #fff;
}

.specialsTextContainerFlex .productPrice .productSpecialPrice{
    color: #fff;
}



/* special page END */


.loginPageHeadinBox{
    font-size: 20px;
    margin-bottom: 5px;
    text-transform: uppercase;
}


.loginPage label{
    font-weight: normal;
}

.custombgGreen, .addressBookContent .btn-primary{
    background-color: #318d03;
    background: linear-gradient(#318d03, #204e09);
}

.createAccountPage h2, .loginPage h2{
    margin-bottom: 20px;
}

.createAccountPage h2 span, .loginPage h2 span{
    padding: 10px 10px;
    color: #fff;
    text-transform: uppercase;
    font-size: 18px;
}

.createAccountPage a{
    color: #000;
}

.createAccountPage .heading{
    margin-bottom: 15px;
    font-weight: bold;
}

.createAccountPage .custombg{
    background-color: #fff;
    border-radius: 0;
}

.columnInfoBox, automotiveGroupIcons{
    position: relative;
}

.innerBorder{
    position: absolute;
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
}

.innerBorder:hover{
    -webkit-box-shadow: inset 0 0 5px #000000;
    -moz-box-shadow:    inset 0 0 5px #000000;
    box-shadow:         inset 0 0 5px #000000;
}

#aboutUsText:hover, .automotiveGroupText:hover{
    -webkit-box-shadow: inset 0 0 5px #000000;
    -moz-box-shadow:    inset 0 0 5px #000000;
    box-shadow:         inset 0 0 5px #000000;
}



.productPage h1{
    text-align: left;
    font-size: 24px;
    text-transform: uppercase;
    font-style: italic;
    font-weight: bold;
    margin-top: 0;
}

.productPage .productDescription{    
    font-size: 14px;    
}

.productPage .oldPrice{
    color: #202223;
}

.productPage .priceTotal{
    color: #1c5893;
}

.productPage a{
    color: #1C5893;
}

.productPage a.btn-primary{
    color: #fff;
}

.productPage .well{
    background-color: #fff;
    border-radius: 0;
    box-shadow: none;
}

.btn-primary{
    background-color: #1c5893;
}

.btn{
    border-radius: 0;
    color: #fff;
    text-transform: uppercase;
}

.btn.btn-default{
    color: #202223;
}

.specialProductTag{
    background-color: red;
    border-radius: 7px;
    padding: 5px 10px;
    color: #fff;
    text-transform: uppercase;
    font-weight: bold;
}

.quickFind{
    margin: 8px 0;
    text-transform: uppercase;
    font-weight: bold;
}

.reviewsLinks a{
    color: #1c5893;
    text-transform: uppercase;
    font-weight: bold;
    padding: 6px 6px;
    font-size: 12px;
}

.availabilityInfo{
    margin-top: 15px;
}

.availabilityInfoText{
    text-transform: uppercase;
    font-weight: bold;
}

.productInfoPrice{
    font-weight: bold;
    text-transform: uppercase;
}

.slide-thumbnail-container{
    text-align: center;
}

.slide-thumbnail-container img{
    margin: 0 auto;
}

.productPage .alsoPurchased{
    color: #336598;
    background-color: transparent;
    border: none;
    font-size: 18px;
    text-transform: uppercase;
    font-weight: bold;
    margin-bottom: 10px;
}

.alsoPurchasedBox{
    background-color: #242626;
    text-align: center;
}

a.alsoPurchasedBoxDesc{
    color: #fff;

}


.basketTotal{
    text-align: right;
    font-size: 20px;
    text-transform: uppercase;
    font-weight: bold;

}

.tableContainer{
    border: 1px solid #eeeeee;
    padding: 15px;
    background-color: #fff;
}

.tableContainer .table a{
    color: #202223;
}

.tableContainer .table a:hover{
    color: #1c5893;
}

.tableContainer .qtyBox{
    color: #000;
    text-align: center;
}

.table > tbody > tr > th{
    border-top: 0;
    border-bottom: 1px solid #202223;
    text-transform: uppercase;
}

.table > tbody > tr > td{
    border-bottom: 1px solid #202223;
}

.shoppingCartContainer .table > tbody > tr > th{
    border: 0;
}

.shoppingCartContainer .table > tbody > tr > td{
    border-bottom: 1px solid #eee;
}

.shoppingCartContainer .table > tbody > tr > td:first-child{
    border-left: 1px solid #eee;
}

.shoppingCartContainer .table > tbody > tr > td:last-child{
    border-left: 1px solid #eee;
    border-right: 1px solid #eee;
    color: #1c5893;
    font-weight: bold;
}


.accountHeader {
    padding: 0px;
    margin: 0 auto;
    list-style: outside none none;
    /*    background-color: #285a8b;
        background: linear-gradient(#285a8b, #12406d);*/
    /*    display: inline-block;*/
    /*    width: 100%;*/
    display: block; text-align:center;
}

.accountHeader li {
    display: inline-block;
    height: 42px;
    line-height: 42px;
    background-color: #285a8b;
    background: linear-gradient(#285a8b, #12406d);
    margin-bottom: 1px;
    font-style: italic;
}

.accountHistoryHeading{
    font-weight: bold;
    margin: 5px 0;
    text-transform: uppercase;
}

.accountHeader li:last-child{
    border-right: none;
}

.accountHeader li, .accountHeader li a {
    text-align: center;
    padding: 0px 5px;
    color: #FFF;
    font-weight: bold;
    text-transform: uppercase;
}

.accountHeader.account li, .accountHeader.account li a {
    font-size: 12px;
}

.accountHeader li.active {
    background-color: #318d03;
    background: linear-gradient(#318d03, #204e09);
}

.accountHistoryRow{
    border-top: 1px solid #000;
    border-left: 1px solid #000;
    border-right: 1px solid #000;
    padding: 5px;
}


.accountHistoryRow:last-child{
    border-bottom: 1px solid #000;
}

.headding{
    text-transform: uppercase;
    font-size: 20px;
    color: #202223;
    margin-top: 15px;
}

hr{
    border-color: #202223;
}

.checkoutSuccess a ,.pageResults{
    color: #1c5893;
}

.accountsLinks ul{
    margin: 0;
    padding: 0 15px;
}

.accountsLinks a{
    color: #000;
}

.tableLinks td{
    cursor: pointer;
}



/*############################################################################*/

.newProductsSlide{
    background-color: #fff;
}

.carouselItem{
    padding: 5px;
}

.carouselText{
    background-color: #242626;;
    padding: 15px;
    text-align: center;
    color: #fff;
}


.carouselText a{
    color: #fff;
}

.carouselImage img{
    margin: 0 auto;
}

.carouselPrice{
    font-weight: bold;
    margin-top: 10px;
}

.carouselPrice > span{
    /*    border-top: 1px solid #000;*/
}

/*############################################################################*/

.slick-prev, .slick-next{
    z-index: 100;
    width: 35px;
    height: 35px;
    overflow: hidden;
    background:url('fancybox_sprite.png');
}

.slick-prev:before, .slick-next:before{
    content: "";

}

.slick-prev{
    left: 5px;
    background-position-y: -35px;
}

.slick-next{
    right: 5px;
    background-position-y: -73px;
}

.slick-prev:hover, .slick-prev:focus{
    background:url('fancybox_sprite.png');
    background-position-y: -35px;
}

.slick-next:hover, .slick-next:focus{
    background:url('fancybox_sprite.png');
    background-position-y: -73px;
}

.product_new h5{
    margin-bottom: 10px;
}

.product_new h5 a{
    color: #000;
}

.productRewiew a{
    color: #000;
}

.productRewiew .btn-primary, .bestselling_products .btn-primary{
    color:#fff;
    background-color: #318d03;
    background: linear-gradient(#318d03, #204e09);
}

.bestselling_products a{
    color: #000;
}

.img-responsive{
    margin: 0 auto;
}

.noInternationalShipping a{
    color: #000;
}

.productAttributes select{
    width: 100%;
}

#removeVoucher{
    cursor: pointer;    
}
#removeVoucher:hover{
    text-decoration: underline;
}

#validateCupon{
    height: 26px;
    padding: 2px 12px;
}

#discount_code_status{
    margin-top: 5px;
}

.availabilityInfo{
    cursor: pointer;
}

.productmessage{
    background-color: #336699;
    border-color: #336699;
    color: #fff;
    padding: 10px 10px;
    display: inline-block;
    margin-top: 20px; 
}


@media screen and (max-width: 1199px) {
    .headerNavigation{
        margin-top: 0px;
    }
}

@media screen and (max-width: 991px) {
    .headerNavigation{
        margin-top: 0px;
    }
}

@media screen and (max-width: 767px) {
    #headerCategories .form-group{
        width:100%;
    }

    .salesEnquiries{
        float: none;
        text-align: right;
    }

    .mobilePullRight{
        float: right;
    }

    .salesEnquiries a, .phoneNumber{
        font-size: 24px;
        white-space: nowrap;
        line-height: 25px;
    }

    .loginPageHeadinBox{
        text-align: center;
    }

    .accountHistoryRow{
        text-align: center;
    }

    .copyright .col-sm-6{
        text-align: left !important;
    }

    .slick-prev:hover, .slick-prev:focus, .slick-next:hover, .slick-next:focus, .slick-prev, .slick-next{
        background: none;
    }

    ul.dropdown{        
        padding: 0;
    }

    ul.dropdown li:first-child{
        float: none;
        display:block
    }

    .specialPage h3 {
        text-align: center;
    }

    ul.dropdown li{
        padding: 8px 5px;
    }

    .dropdownContainer{
        padding: 0;
        width: 100%;
    }   

}