﻿.row{
    margin-top:20px;
}
.row div.cellFull{
        border-left:1px solid #e1e7ec;
    }
.row div.cellFull:first-child{
    margin-left:0;
    padding-left:0;
    border-left:none;
}         
.row div.cellFull:last-child{
    margin-right:0;
    padding-right:0;
}

/*Banner Main*/        
    #carouselMain{
        width:100%;
        border:1px solid #e1e7ec;
    }
    .carousel-inner {
      
    }
    .carousel-item .mainImg{
        display:inline-block;
        width:100%;
    }

    .carousel-control-next, .carousel-control-prev{
        height:100%;
        width:50px;
    }
    .carousel-control-prev-icon { 
        background-image:url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='%234c5258' viewBox='0 0 8 8'%3E%3Cpath d='M5.25 0l-4 4 4 4 1.5-1.5-2.5-2.5 2.5-2.5-1.5-1.5z'/%3E%3C/svg%3E"); 
        height:30px;
        width:30px;
    }
    .carousel-control-next-icon { 
        background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='%234c5258' viewBox='0 0 8 8'%3E%3Cpath d='M2.75 0l-1.5 1.5 2.5 2.5-2.5 2.5 1.5 1.5 4-4-4-4z'/%3E%3C/svg%3E");
        height:30px;
        width:30px;
    }
    .carousel-indicators{
        -webkit-box-pack:end;
        -ms-flex-pack:end;
        justify-content:flex-end;
        margin-right:30px;
    }
    .carousel-indicators li{
        border:1px solid #A41826;
        background-color:#A41826;
        width:14px;
        height:14px;
    }
    .carousel-indicators.active{
        background-color:#FFF;
    }

    .carousel-item .mainImgPad{
        position:absolute;
        top:0;
        left:0;
        z-index:-1;
        width:100%;
        height:100%;
    }

    .carousel-item .iframeBanner{
        display:block; 
        width:100%; 
        height:300px; 
        border:0px; 
        padding:0px; 
        margin:0px;
    }
/*END Banner Main*/  


/*New Products*/
    .containerNewProd h3{
        display:inline-block;
    }
    .containerNewProd a{
        text-align:right;
        font-size:0.8em;
        float:right;
    }
    table.newProducts{
        width:100%;
    }
    table.newProducts td {
        padding:5px;
        border-bottom:1px solid #CCC;
    }
    .newProduct{
        cursor:pointer;
    }
    div.newpPartNo{
        color: #8A1C26;
        font-weight:bold;
    }
    div.newpManu{
        font-weight:bold;
    }
    div.newpDesc{

    }
/*END New Products*/ 
     
/*News*/
    div.containerNews{
        height:100%;
    }
    div.containerNews h3{
        display:inline-block;
    }
    div.containerNews a{
        text-align:right;
        font-size:0.8em;
        float:right;
    }
    #carouselNews{
        height: calc(100% - 20px);
        padding-top:20px;
    }
    #carouselNews .carousel-indicators {
        bottom:0px;
    }
    .newsItem{
        cursor:pointer;
    }
    .newsImage{
        float:left;
        padding-right:20px;
    }
    .newsTitle{
        color:#8A1C26;
        font-weight:bold;
    }
    .newsSynopsis{
        clear:both;
        padding-top:10px;
        font-size:0.8em;
    }   
/*END News*/        

/*Suppliers*/
    .containerSuppliers {
        background-color: #F8F8F8;
        padding: 10px;
    }

    .containerSuppliers table td {
        text-align:center;
        vertical-align:middle;
        padding-top:10px;
        padding-bottom:10px;
        font-size:0.7em;
        color:#606975;
    }
    .containerSuppliers table td img {
        padding-bottom: 10px;
    }

    .containerSuppliersAll {
        display: none;
        padding-top: 20px;
    }
    .wrappperAllSupplierAnkerLnks{
        text-align:center;
    }
    .allSupAnker{
        position:relative;
        top:-100px;
    }

    .showAllSuppliers {
        font-size: 1.2em;
        font-weight: 500;
    }

    .showAllSuppliers span.chevron{
        display:inline-block;
        float:right;
        width:20px;
        height:20px;
        font-size:30px;
        line-height:12px;
        text-align:center;
        -webkit-transform: rotate(90deg);
        -moz-transform: rotate(90deg);
        -ms-transform: rotate(90deg);
        -o-transform: rotate(90deg);
    }
    .showAllSuppliers.show span.chevron{
        -webkit-transform: rotate(-90deg);
        -moz-transform: rotate(-90deg);
        -ms-transform: rotate(-90deg);
        -o-transform: rotate(-90deg);
    }
    .showAllSuppliers.hide span.chevron{
        -webkit-transform: rotate(90deg);
        -moz-transform: rotate(90deg);
        -ms-transform: rotate(90deg);
        -o-transform: rotate(90deg);
    }

    table.suppliers{  
        width:100%;          
        border-collapse:collapse;
    }
    table.suppliers td:nth-child(3) {
        display:none;
    } 
    table.suppliers td:nth-child(4) {
        display:none;
    } 

    td.featuredSupplier a, td.newSupplier a {
        color:#606975;
    }
    td.featuredSupplier a:hover, td.newSupplier a:hover {
        color:#8A1C26;
    }
    .featuredSupplier, .newSupplier{
        border:1px solid #E7E7E7;
        background-color:#FFF;
    }

    .flexSuppliersAll {
        display:flex;
        flex-direction:row;
        flex-wrap:wrap;
        justify-content:center;
        align-items: flex-start;
        align-content: flex-start;
        width:100%;        
    }
    a.flexItemSuppliersAll{            
        width:19%;
        min-width:150px;            
    }
    a.flexItemSuppliersAll:hover{
        text-decoration:none;
    }
    .flexItemSuppliersAll div{
        display: flex;
        flex-direction:column;
        flex-wrap:wrap;
        justify-content:center;
        align-items: center;
        align-content: center;
        margin:5px;
        padding:5px;
        border:1px solid #E7E7E7;
        background-color:#FFF;
        text-align:center;
        overflow:hidden;
        font-size:0.7em;
        color:#606975;
        text-decoration:none;
        height:150px;
    }
    .flexItemSuppliersAll div:hover{            
        border:1px solid #8A1C26;
    }
    .flexItemSuppliersAll div img {
        display: block;
        padding-bottom:5px;
    }
/*END Suppliers*/

/*Quick Order Pad*/
    .containerQop {
        background-color:#F8F8F8;
        padding: 10px;
            
    }
    .table.qop{
        width:100%;
    }
    td.qopPart{
        width:80%;
        min-width:120px;
        padding-top:10px;
        padding-right:10px;

    }
    td.qopPart label, td.qopPart input{
        width: 100%;
    }
    td.qopQty{
        width:20%;
        min-width:30px;
        padding-top:10px;
    }
    td.qopQty input {
        width: 100%;
    }
/*END Quick Order Pad*/



@media (max-width:960px) {
    .containerMainLeft{
        display:none;
    }
    .containerMainRight {
        width: 100%;
    }   
}

@media (min-width:960px) {
    .carousel-item .mainImg{
        height:300px;
        width:auto;
    }
    table.suppliers td:nth-child(3) {
        display:table-cell;
    } 
    .flexItemSuppliersAll div {
        height:100px;
    }
}

@media (min-width:1200px) {
    table.suppliers td:nth-child(4) {
        display:table-cell;
    } 
}