html, body {
    margin: 0;
    padding: 0;
    min-width: 320px;
	
}

* {
    -webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */
    -moz-box-sizing: border-box; /* Firefox, other Gecko */
    box-sizing: border-box; /* Opera/IE 8+ */
    -webkit-appearance: none;
        font-family: 'Open Sans', sans-serif;
}

.cke_browser_webkit
{
    z-index:999999999999999 !important;
}
input[type='checkbox']
{
   -webkit-appearance:checkbox;
}
body {

    font-size: 14px;
    font-weight: normal;
    text-align: left;
    color: #5c6670;
    background-color: white;
}

section.ph
{
  padding-bottom: 45px; 
	padding-top: 35px;
}
section.ph .p
{
    width:100%;
}
section.ph .p
{
    max-width:1130px;
    margin:auto;
}
section.ph .p .pageInner
{
    margin-left:30px;
    margin-right:30px;
}
section p:last-of-type
{
    padding-bottom:0px;
}

@media(max-width:1070px)
{
    /*desktop*/
}
@media(max-width:768px)
{
    /*tablet*/
    section.ph
{
    padding-top: 5px;
    padding-bottom: 5px;
}
    section.ph .p
    {
    max-width:742px;
    }

    section.ph .p .pageInner
{
    margin-left:13px;
    margin-right:13px;
}

}

@media(max-width:320px)
{
       /*mobile*/
           section.ph
{
    padding-top: 5px;
    padding-bottom: 5px;
}

    section.ph .p
    {
        width:300px;
    }
    section.ph .p .pageInner
    {
        margin-left:0px;
        margin-right:0px;
    }
}

section table th
{
    background-color:black;
    color:white;
    border-left:1px solid white;
}
section table th:first-child
{
    border:none;
}
section table th,section table td
{
    padding:8px;
}
a{
	text-decoration:none;
}

.header {
    position:fixed;
    top:0px;
    left:0px;
    right:0px;
    z-index:100000;
    background-color:#fff;
}

.head-padding
{
    height:115px;
}


    .header .tel-row {
        background-color: #000;
        height: 40px;
        line-height: 40px;
        text-align: center;
        color: rgb(246, 230, 79);
        font-size: 18px;
        font-weight: normal;
        font-style: normal;
    }

        .header .tel-row a {
            text-decoration: none;
            color: rgb(246, 230, 79);
        }

    .header .main-row {
        position: relative;
        border-bottom:solid 1px #CDCDCD;
    }

    .header .logo {
        display: block;
        margin: auto;
        width: 211px;
        height: 75px;
        background-size: contain;
        background-position: center center;
        background-image: url('/contact/lib/images/logo.png');
        background-repeat: no-repeat;
        z-index: 10;
        position: relative;
    }


    .header .menu {
        position: absolute;
        top: 0px;
        bottom: 0px;
        left: 0px;
        right: 150px;

        display: flex;
        z-index: 5;
        display: flex;
        justify-content: space-between;
    }

    .header .buttons {
        position: absolute;
        right: 0px;
        top: 0px;
        display: flex;
        color: #000;
    }

        .header .buttons .itm {
            width: 75px;
            height: 75px;
            line-height: 75px;
            font-size: 26px;
            display: flex;
            overflow: hidden;
            align-items: center;
            border-left: solid 1px #808080;
            justify-content: center;
            cursor: pointer;
        }

            .header .buttons .itm .toggle {
                font-size: 12px;
                margin-left: 5px;
                color:#E9DE14;
            }

               .header .buttons .itm .toggle:before {
        content: "\f078";
    }


            .header .buttons .itm.open .toggle:before {
                content: "\f077";
            }



                 .header .buttons .itm.search i:before {
        content: "\f002";
    }


              .header .buttons .itm.search.open i:before {
                content: "\f00d";
            }


    .header .menu ul {
        display: flex;
        margin: 0px;
        padding: 0px;
    }

        .header .menu ul li {
            display: block;
            margin: 0px;
            padding: 0px;
            cursor:pointer;
             
        }

 


    .header .menu .mi {
        height: 75px;
        display: flex;
        justify-content: center;
        align-items: center;
        padding-left: 15px;
        padding-right: 15px;
        font-size:15px;
        font-weight:normal;
        text-decoration:none;
        color:#000;
        border-bottom:solid 5px #fff;
    }

.header .menu li:hover .mi {
            border-bottom-color:#000;
}

.header .menu .mi.selected {
         border-bottom-color: rgb(246,230,79);
}

.header .menu ul li:hover, .header .menu ul li.selected, .header .menu ul li.open {
    /*border-bottom: solid 2px rgb(246, 230, 79);*/
    background-color: #000;
}

.header .menu ul li:hover .mi, .header .menu ul li.selected .mi, .header .menu ul li.open .mi {
    color: #fff;
}

    .header .menu i.toggle
    {
        font-size:13px;
        margin-left:5px;
        color:#E9DE14;
    }

    .header .menu i.toggle:before {
        content: "\f078";
    }


     .header .menu .open i.toggle:before {
        content: "\f077";
    }

    .header .menu-toggle
     {
         display:none;
     }


    .header .dd-options {
        display: block;
        position: fixed;
        top: 115px;
        left: 0px;
        right: 0px;
        bottom: 1500px;
        visibility: hidden;
        overflow: auto;
        background-color: #fff;
        transition: all 0.3s linear;
        z-index:50000;

        border-top:solid 1px #CDCDCD;
    }


    .header .dd-options.open{
        bottom: 0px;
        visibility:visible;
    }

    .header .dd-itm
    {
        display:none;
        width:100%;
    }

    .header .dd-itm.open
    {
        display:block;
    }

   .header .dd-itm-back
   {display:none;}

   body.ddOpen {
        overflow: hidden;
    }



   .header .dd-itm-lst
   {
       padding:15px;
       display:flex;
       flex-wrap:wrap;
   }

    .header .dd-itm-lst .item {

        width:18%;
        margin-left:1%;
        margin-right:1%;
        margin-bottom:20px;
        margin-top:15px;
        
    }

@media(max-width:1500px) {

    .header .dd-itm-lst .item {
        width: 23%;
        margin-left: 1%;
        margin-right: 1%;
    }
}

@media(max-width:1200px) {

    .header .dd-itm-lst .item {
        width: 31.3%;
        margin-left: 1%;
        margin-right: 1%;
    }
}

@media(max-width:800px) {

    .header .dd-itm-lst .item {
        width: 48%;
        margin-left: 1%;
        margin-right: 1%;
    }
}

@media(max-width:500px) {

    .header .dd-itm-lst .item {
        width: 96%;
        margin-left: 2%;
        margin-right: 2%;
    }

    .header .dd-itm-lst .item .description
    {
        display:none;
    }
}



   .header .dd-itm-lst .item .img{
        display:block;
        padding-bottom:56.2%;
        background-size:contain;
        background-repeat:no-repeat;
        background-position:center center;
        margin-bottom:15px;
    }

        .header .dd-itm-lst .item .title {
            font-weight:300;
            font-size:18px;
            color:#000;
            margin-bottom:15px;
            display:block;
        }

            .header .dd-itm-lst .item .title i {
                color: #E9DE14;
                margin-left:10px;
            }

             .header .dd-itm-lst .item .description {
                 display:block;
            font-weight:300;
            font-size:14px;
              color:#000;
        }


             .header-account
             {
                 display:none;
             }

                .header-account.open {
                    display: block;
                    width: 250px;
                    position: absolute;
                    background-color: #fff;
                    right: 0px;
                    border-left: solid 1px gray;
                    border-bottom: solid 1px gray;
                }

.header-account ul{
    margin:0px;
    padding:0px;
}

.header-account li{
    margin:0px;
    padding:0px;
    list-style:none;
}

.header-account li a{
    margin:0px;
    padding:0px;
    display:block;
    font-size:15px;
    color:#000;
    padding-left:15px;
    padding-right:15px;
    padding-top:15px;
    padding-bottom:15px;
}

.header-account li a i
{

    color: #E9DE14;
    margin-left:10px;
    text-align:left;
    transition: all 0.3s linear;
    list-style:none;
}

    .header-account li a:hover i {
         margin-left:30px;
    }



    
             .header-search
             {
                 display:none;
             }

                .header-search.open {
                    display: block;
                    background-color: #fff;
                      padding-top:5px;
                        padding-bottom:5px;
                    border-bottom: solid 1px gray;
                }


                    .header-search form
             {
                display:flex;
              
             }

                .header-search form .txt{
                    flex:1;
                    line-height:50px;
                    border:none;
                    padding-left:15px;
                    padding-right:15px;
                }

                        .header-search form .spacer {
                            border-left:solid 1px gray;
                          
                        }

                        .header-search form button {
                            font-size: 22px;
                            line-height: 50px;
                            background-color: transparent;
                            border: none;
                            padding-left: 26px;
                            padding-right: 26px;
                        }



@media(max-width:1350px) {





    .header .menu .mi {
        padding-left: 10px;
        padding-right: 10px;
        font-size: 13px;
    }

    .header .buttons .itm {
        width: 45px;
        font-size: 18px;
    }

        .header .buttons .itm .toggle {
            font-size: 10px;
        }

    .header .menu i.toggle
    {
        font-size:10px;
    }

    .header .menu {
        right: 102px;
    }


}

@media(max-width:950px) {

    .head-padding {
        height: 75px;
    }

    .header .tel-row {
        height: 25px;
        line-height: 25px;
        font-size: 12px;
    }

    .header .logo {
        width: 130px;
        height: 50px;
    }

    .header .buttons .itm {
        height: 50px;
        line-height: 50px;
    }

    .header .menu .mi {
        height: 50px;
    }

    .header .dd-options {
        top: 75px;
    }




        .header .dd-itm-lst .item .title {
            font-size: 14px;
        }

        .header .dd-itm-lst .item .description {
            font-size: 12px;
        }
}


@media(max-width:1100px) {


    .header .menu .mi {
        border-bottom:none;
    }

    .header .buttons .itm {
        border-left: none;
    }


    .header .menu-toggle {
        position: absolute;
        top: 0px;
        left: 0px;
        display: block;
        cursor: pointer;
    }

        .header .menu-toggle .menu-open {
            line-height: 50px;
            font-size: 15px;
            color: #000;
            padding-left: 10px;
        }

        .header .menu-toggle .menu-close {
            display: none;
        }

    .header .menu {
        display: block;
        position: fixed;
        top: 75px;
        left: 0px;
        right: 0px;
        bottom: 1500px;
        visibility: hidden;
        overflow: scroll;
        background-color: #fff;
        transition: all 0.3s linear;
    }

    body.menuOpen .header .menu {
        bottom: 0px;
        visibility: visible;
    }

    body.menuOpen, body.ddOpen {
        overflow: hidden;
    }


        body.menuOpen .header .menu-toggle .menu-open {
            display: none;
        }

        body.menuOpen .header .menu-toggle .menu-close {
            display: block;
            line-height: 50px;
            font-size: 28px;
            color: #000;
            padding-left: 10px;
        }

        body.menuOpen .header .menu-toggle i {
            line-height: 50px;
        }


    .header .menu ul {
        display: block;
    }

        .header .menu ul li {
            display: block;
            margin: 0px;
            padding: 0px;
            border-bottom: none;
            cursor: pointer;
            border-top: solid 1px #CDCDCD;
        }



    .header .menu .mi {
        height: auto;
        display: flex;
        justify-content: space-between;
        align-items: center;
        margin-left: 15px;
        margin-right: 15px;
        font-size: 14px;
        font-weight: normal;
        color: #000;
        text-decoration: none;
        padding-top: 10px;
        padding-bottom: 10px;
    }

    .header .menu ul li:hover, .header .menu ul li.selected .header .menu ul li.open {
        border-bottom: none;
    }


    .header .menu i.toggle {
        font-size: 16px;
        margin-left: 15px;
        color: #E9DE14;
    }

        .header .menu i.toggle:before {
            content: "\f054";
        }


    .header .dd-options {
        left: 100%;
        right: 0px;
        bottom: 0px;
        width: 100vw;
       
    }


        .header .dd-options.open {
            left: 0px;
        }

    .header .dd-itm-back {
        display: block;
        height:30px;
        font-size:15px;
        color:#000;
        cursor:pointer;
        padding-left:10px;
        position:absolute;
        top:0px;
        left:0px;
        right:0px;
        overflow:hidden;
        padding-top:5px;
    }

     .header .dd-itm
     {
         position:absolute;
         top:30px;
         bottom:0px;
         left:0px;
         right:0px;
         overflow:scroll;
     }
}

.header .tel-row
{
    display:flex;
    justify-content: space-between;
}
.header .social a
{
    height:24px;
    width:24px;
    display:block;
    background-repeat:no-repeat;
    background-position:center center;
    background-size:contain;
    margin-right:10px;
}
.header .social
{
    display:flex;
    flex-direction:row;
    align-items:center;
    margin-left:10px;
}
.header .eemail
{
    margin-right:10px;
        display: flex;
    align-items: center;
}
@media(max-width:500px)
{
    .header .social a
{
    height:17px;
    width:17px;
    margin-right:5px;
}
}
@media(max-width:374px)
{
    .header .social
    {
        display:none;
    }
    .header .proper-tel
    {
        margin-left:10px;
    }
}



.searchFilter {
    border-top:1px solid #d1d1d1;
    color:Black;
}
.searchFilter .title
{
    text-transform:uppercase;
    
    padding-left:8px;
    padding-right:8px;
    padding-top:5px;
    padding-bottom:5px;
    display:flex;
	font-weight: 800;
    font-size: 14px;
	align-items:center;
}
.searchFilter ul,
.searchFilter li
{
  list-style:none;
  margin:0px;
  padding:0px;
}
.searchFilter ul
{
    margin-left:16px;
    margin-right:16px;
    display:none;
}
.searchFilter .title span
{
    flex:1;
}
.searchFilter .title i:before
{
 content: "\f067";
}

.searchFilter.open ul, .searchFilter.openAlways ul
{
    display:block;
}
.searchFilter.open .title i:before
{
      content: "\f068";
}

.searchFilter li
{
    font-weight:800;
    font-size:12px;
    display:flex;
    align-items:center;
 
    padding-top:5px;
    padding-bottom:5px;
}
.searchFilter li label
{
    margin-left:5px;
}

.smallMenu {
  display:flex;
  flex-wrap:wrap;
}
.smallMenu>div:first-of-type
{
  width:300px;
  margin-right:5px;
}
.smallMenu>div:last-of-type
{
  margin-left:5px;
  flex:1;
}


.productSearch label
{
    font-weight:800;
    font-size:14px;
    text-transform:uppercase;
    
}
.productSearch
{
    margin-bottom:25px;
    color:black;
}
.productSearch>div
{
    display:flex;
    align-items:center;
}
.productSearch>div input
{
    border:none;
    background-color:#f5f5f5;
    width:100%;
    padding:5px;
}
.productSearch>div>div
{
    border:1px solid #d1d1d1;
    flex:1;
}
.productSearch i{
    margin-left:5px;
}


.searchHeader {
    border-bottom:1px solid #d1d1d1;
    display:flex;
    flex-direction:column;
    align-items:center;
    color:black;
    height:75px;
	position:relative;
}
.searchHeader>div:first-of-type
{
    font-weight:600;
   margin-bottom:5px;
   font-size:20px;
   margin-top:5px;
}
.searchHeader>div:last-of-type
{
    font-size:12px;
}


.productSearchResultsv2
{
    display:flex;
    flex-wrap:wrap;
    justify-content:space-between;
}
.productSearchResultsv2>div
{
    width:22%;
    margin-bottom:40px;
    display:flex;
}
.productSearchResultsv2 a
{
    display:flex;
    flex-direction:column;
   flex:1;
    color:black;
}
.productSearchResultsv2 a .image
{
    display:block;
    padding-bottom:35%;
    background-repeat:no-repeat;
    background-position:center center;
    background-color:white;
    background-size:contain;
    margin-bottom:10px;

}
.productSearchResultsv2 a .details
{
     background-color:#f2f3f5;
     padding:16px;
     padding-left:32px;
     padding-right:32px;
     flex:1;
    
    
}
.productSearchResultsv2 a .details ul,
.productSearchResultsv2 a .details li
{
    font-size:12px;
    margin:0px;
    padding:0px;
}
.productSearchResultsv2 a .details ul
{
    margin-left:32px;
}
.productSearchResultsv2 a .more_information
{
    font-size:12px;
    font-weight:bold;
    display:flex;
    justify-content:flex-end;
}
.productSearchResultsv2 a .details .title
{
    font-weight:bold;
    margin-bottom:5px;
    display:block;
}

.productSearchResultsv2 a .details .partNumber
{
    font-weight: bold;
    margin-bottom: 10px;
    display: block;
    font-size:12px;
   
}

.productSearchResultsv2 a .pricing
{
    display:flex;
}
.productSearchResultsv2 a .pricing>span
{
    flex:1;
    padding:8px;
    padding-left:16px;
    padding-right:16px;
}
.productSearchResultsv2 a .pricing .l
{
    background-color:#ffc107;
    color:black;
    display:flex;
}
.productSearchResultsv2 a .pricing .r
{
    background-color:black;
    color:#ffc107;
    display:flex;
    align-items:center;
    justify-content:center;
    text-transform:uppercase;
    font-size:12px;
    align-items:center;
    justify-content:center;
    font-weight:bold;
}

    .productSearchResultsv2 a .pricing .rnone {
        background-color: red;
        color: #fff;
        display: flex;
        align-items: center;
        justify-content: center;
        text-transform: uppercase;
        font-size: 12px;
        align-items: center;
        justify-content: center;
        font-weight: bold;
    }

.productSearchResultsv2 a .pricing .priceValue {
    flex:1;
    font-weight:bold;
    font-size:15px;
    display:flex;
       align-items:center;
   

}

.productSearchResultsv2 a .pricing .priceType {
    display:flex;
    flex-direction: column;
    font-size:10px;
    font-weight:bold;

}

@media(max-width:1500px)
{
    .productSearchResultsv2>div
    {
        width:30%;
    }
}
@media(max-width:1024px)
{
    .productSearchResultsv2>div
    {
        width:45%;
    }
}
@media(max-width:768px)
{
    .smallMenu
    {
        flex-direction:column;
    }
    .smallMenu>div:first-of-type
    {
        width:100%;
    }
}
@media(max-width:500px)
{
     .productSearchResultsv2>div
    {
        width:100%;
    }
}


.srPaging {
    display:flex;
}
.srPaging>div
{
    flex:1;
    font-size:12px;
}
.srPaging>div:nth-child(2)
{
    display:flex;
    justify-content:center;
}
.srPaging>div:nth-child(2) span
{
    font-weight:bold;
    border:1px solid #d1d1d1;
    padding:8px;
    padding-left:16px;
    padding-right:16px;

}
.srPaging>div:nth-child(3) ul,
.srPaging>div:nth-child(3) li
{
    list-style:none;
    margin:0px;
    padding:0px;
}
.srPaging>div:nth-child(3) ul
{
    display:flex;
       align-items: center;
    justify-content: flex-end;
}
.srPaging>div:nth-child(3) li
{
    margin-left:5px;
    margin-right:5px;
}
.srPaging>div:nth-child(3) a{
    color:#d1d1d1;
    display:flex;
    padding:5px;
    width:27px;
    height:27px;
    align-content:center;
    justify-content:center;
}
.srPaging>div:nth-child(3) a.selected,.srPaging>div:nth-child(3) a:hover
{
    background-color:#d1d1d1;
    color:black;
   

}

#paging_top {
    margin-top:20px;
    margin-bottom:20px;
}

#searchResultsLoading {
    font-size:55px;
    display:flex;
    align-items:center;
    justify-content:center;
    width:100% !important;
}
.productSearch input[type='submit']
{
    display:none;
}
.sepLineAct {
        border-bottom: 1px solid #d1d1d1;
}

.saveContainer {
    display:flex;
    justify-content:flex-end;
}
.cmd
{
     background-color:black;
    color:#ffc107;
    border:none;
    text-transform:uppercase;
    padding:8px;
    padding-left:16px;
    padding-right:16px;
    border:1px solid black;
}
.cmd:hover
{
        color:black;
    background-color:#ffc107;
}

.searchBox {
    background-color:#ffc107;
    display: table;
    width: 100%;
    margin-bottom: 20px;
}

    .searchBox .options {
        background-color:#838383;
        width: 95%;
        width: calc(100% - 50px);
        min-height: 50px;
        display: table-cell;
        padding: 10px;
    }

    .searchBox .search {
        width: 50px;
        overflow: hidden;
        cursor: pointer;
        display: table-cell;
        vertical-align: middle;
        text-align: center;
    }

        .searchBox .cmdSearchButton {
            display: none;
        }


        .searchBox .search i:after {
            content: "\f002";
            color: black;
            font-size: 32px;
        }


        .searchBox .options .optionHolder{
            float:left;
        width: 25%;
    }

        .searchBox .options .optionHolder .formItem{

        padding-left:5px;
        padding-right:5px;
    }

        .searchBox .options .optionHolder .formItem .lbl{
            color:#ebebeb;
    }

@media (max-width:850px) {

    .searchBox .options .optionHolder{
            float:left;
        width: 33%;
    }
}

.searchBox1 .options .optionHolder{
    width:100%;
}

.searchBox2 .options .optionHolder{
    width:50%;
}

.searchBox3 .options .optionHolder{
    width:33%;
}


.formItem {
    margin-bottom: 20px;

}

    .formItem .lbl {
        margin-bottom: 2px;
        font-weight: bold;
        color: #313131;
        font-weight: bold;
        min-height:18px;
    }

    .formItem .field {
        min-height: 35px;
    }

    .formItem .txt, .formItem .textArea {
        width: 100%;
        padding: 4px;
        border: 1px solid #ccc;
        outline: 0px none;
        background-color: #FFF;
        display: block;
        width: 100%;
        box-sizing: border-box;
        border-radius: 0;
        font-size: 14px;
        font-family: Arial;
        height: 34px;
    }

        .formItem .txt:focus, .formItem .textArea:focus {
            border-color: #f16234;
        }


    .formItem .textArea {
        height: 70px;
          font-size: 14px;
    }




    .formItem.formItemChk .field {
        width: 30px;
        float: left;
        margin: 0px;
        min-height:10px;
    }

    .formItem.formItemChk .lbl {
        float: left;
        width: 90%;
        width: calc(100% - 30px);
        margin: 0px;
        margin-top: 1px;
    }

    .dataTableFull {
    width:100%;
}
.dataTable{
    border-collapse:collapse;
    margin-bottom:20px;
    font-size:14px;
}
.dataTable td,.dataTable th
{
    border-bottom:1px solid #d1d1d1;
    padding:8px;
}
.dataTable th
{
    color:black;
}
.dataTable tr:hover td
{
    background-color:#d1d1d1;
  
}
.dataTable tr[data-link] td
{
      cursor:pointer;
}
.ddlHolder {
    background: url(/lib/images/form/dropdown-arrows.jpg) no-repeat right center;
      background-color:#fff;
    height: 34px;
    width: 100%;
    overflow: hidden;
}

    .ddlHolder select {
        background: transparent;
        border: 1px solid #ccc;
        font-size: 14px;
        height: 34px;
        padding: 5px; /* If you add too much padding here, the options won't show in IE */
        padding-right:50px;
        width: 120%;
        width: calc(100% + 20px);
        appearance: none;
       -webkit-appearance:none;
        border-radius:0px;
        outline:none;
    }

    .ddlHolder select::-ms-expand {
           display: none;
    }


    .ddlHolderSmall {
    background: url(/lib/images/form/dropdown-arrows-small.png) no-repeat right center;
      background-color:#fff;
    height: 21px;
    width: 100%;
    overflow: hidden;
}

    .ddlHolderSmall select {
        background: transparent;
        border: 1px solid #ccc;
        font-size: 11px;
        height: 21px;
        padding: 1px; /* If you add too much padding here, the options won't show in IE */
        padding-left:4px;
        padding-right:50px;
        width: 120%;
        width: calc(100% + 20px);
        appearance: none;
        -webkit-appearance:none;
        border-radius:0px;
        outline:none;
    }

    .ddlHolderSmall select::-ms-expand {
           display: none;
    }


    #cartModal {
        display:flex;
        align-items:center;
        justify-content:center;
        left:0px;
        top:0px;
        bottom:0px;
        right:0px;
        background-color:rgb(0 0 0 / 0.4);
        position:fixed;
        z-index:555555555;
    
    }
    #cartModal .formGroup
    {
        margin:20px;
        max-width:300px;
        width:100%;
        background-color:white;
    }
    .popFormGroup
    {
        position:fixed;
        top:0px;
        bottom:0px;
        left:0px;
        right:0px;
        background-color: rgb(0 0 0 / 40%);
        display:flex;
        align-items:center;
        justify-content: center;
    }
    .popFormGroup .formGroup
    {
        margin:20px;
        max-width:80%;
        max-height:80%;
        width:100%;
        height:100%;
        display:flex;
        flex-direction:column;
    }
    .popFormGroup .formGroup .formGroupItems
    {
        flex:1;
        overflow:auto;
    }
    .formGroupItems
    {
        padding:8px;;
    }
    
    .formGroupTitle
    {
    display:flex;
    padding:8px;
    font-weight:bold;
    }
    .formGroupTitle span{
        flex:1
    }
    .formGroupTitle i{
        cursor:pointer;
    }
    .field.fieldWithHelp {
        display:flex;
        align-items:center;
        flex-direction:row-reverse;
    }
    .field.fieldWithHelp i
    {
        margin-left:10px;
        font-size:24px;
    }
    img
    {
        width:100%;
        max-width:100%;
    }

    .none{
        display:none;
    }

    .dynCol {
        display:flex;
    }
    .dynCol>div
    {
        flex:1;
        padding:10px;
    }

    .formGroup {
        border:1px solid #d1d1d1;
        margin-bottom:20px;
    }
    .formGroup .formGroupTitle
    {
        border-bottom:1px solid #d1d1d1;
        font-weight:bold;
        color:black;
        background-color:#d1d1d1;
        align-items:center;
    }
    #modalForm .formGroupItems,#modalForm .formGroupBottom
    {
        background-color:white;
    }

    .formGroupBottom {
        padding:8px;
        display:flex;
        justify-content:flex-end;
    }
    .formGroupBottom button
    {
        margin-left:20px;
    }

    .bold
{
    font-weight:bold;
   
}
.tableNumber
{
    width:120px;
}
.tableImage
{
    width:150px;
}

.blackBox {
    background-color:black;
}
.blackBox .t
{
    padding:8px;
    color:white;
    text-transform:uppercase;
    font-weight:Bold;
}
.blackBox ul,.blackBox li
{
    margin:0px;
    padding:0px;
    list-style:none;
}
.blackBox ul
{
    padding:8px;
}
.blackBox li
{
    margin-bottom:10px;
}
.blackBox li:last-of-type
{
    margin-bottom:0px;
}
.blackBox a
{
    display:Block;
    color:Black;
    background-color:white;
    padding:8px;
    padding-left:16px;
    padding-right:16px;
    font-weight:bold;
}
.productSearchLeftSpacer
{
	margin-bottom:50px;
}

@media(max-width:768px)
{
    .productSearchLeftSpacer
    {
        margin-bottom:10px;
    }
    .blackBox .t
    {
        display:flex;
    }
    .blackBox .t span
    {
        flex:1;
    }
    .blackBox .t i:before
    {
        content: "\f067";
    }
    .blackBox ul
    {
        display:none;
    }
    .blackBox.open ul
    {
        display:block;
    }
    .blackBox.open .t i:before
    {
        content: "\f068";
    }

}

.alsoPurchased>.t
{
    font-weight:500;
    font-size:20px;
    margin-bottom:20px;

}
.alsoPurchased
{
    color:black;
}
.alsoPurchased .items
{
    display:flex;
}
.alsoPurchased .items a
{
    height:100px;
    width:100px;
    display:flex;
    border:1px solid #d1d1d1;
    background-size:contain;
    background-repeat:no-repeat;
    background-position:center center;
}
.alsoPurchased .items a span
{
    display:none;
}
.alsoPurchased .items .spacer
{
    display:flex;
    align-items:center;
    margin-left:20px;
    margin-right:20px;
}
.alsoPurchased .items>div:nth-last-child(2)
{
    display:none;
}
.alsoPurchased .items>div:last-of-type
{
    margin-left:20px;
}

.alsoPurchased .priceBox {
    margin-bottom: 10px;
    display: flex;
    flex-wrap: wrap;
}

.alsoPurchased .priceBox .i {
    display: flex;
    margin-bottom: 10px;
    margin-right: 20px;
}
.alsoPurchased .priceBox .v {
    width: 120px;
    line-height: 43px;
    background-color: #ffc107;
    text-align: center;
    font-weight: bold;
}
.alsoPurchased .priceBox .t {
    font-size: 12px;
    font-weight: 700;
    padding-left: 10px;
    padding-top: 5px;
    line-height: 14px;
}
.centerPage {
    max-width:800px;
    margin:auto;
}
.dataTable a
{
    color:black;
}
.cmdLink
{
    display:flex;
     background-color:black;
    color:#ffc107;
    border:none;
    text-transform:uppercase;
    padding:8px;
    padding-left:16px;
    padding-right:16px;
    border:1px solid black;
}
.cmdLink:hover
{
        color:black;
    background-color:#ffc107;
}
@media(max-width:500px)
{
    .alsoPurchased .items
    {
        flex-direction:column;
    }
     .alsoPurchased .items>div
     {
         display:flex;
         justify-content:center;
         margin-bottom:20px;
     }
     .alsoPurchased .items>div:last-of-type
     {
         display:flex;
         flex-direction:column;
     }
     .alsoPurchased .priceBox .i
     {
         margin-left:auto;
         margin-right:auto;
     }
}

   #modalForm {
    display:flex;
    position:fixed;
    top:0px;
    right:0px;
    left:0px;
    bottom:0px;
    background-color:rgb(0 0 0 / 0.4);
    align-items:center;
    justify-content:center;
	    z-index: 5000000;
}
#modalForm .formGroup
{
    max-width:80%;
    max-height:80%;
    width:100%;
    height:100%;
    margin:20px;
    display:flex;
    flex-direction:column;
}
#modalForm .formGroup .formGroupItems
{
    flex:1;
    overflow:auto;
}
#modalForm .formGroup .formGroupBottom
{
    display:flex;
    justify-content:flex-end;
}

.how_to_images {
    display:flex;
flex-wrap:wrap;
}
.how_to_images .item
{
    width:50%;
   
}
.how_to_images a
{
    display:flex;
    text-decoration:none;
 margin:15px;
    flex-direction:column-reverse;
}
.how_to_images a .img>div
{
    padding-bottom:56%;
}
.how_to_images a .img
{
    width:100%;
    background-repeat:no-repeat;
    background-position:center center;
    background-size:cover;
}
.how_to_images a .title
{
    background-color:black;
    color:white;
    padding:8px;
}
@media(max-width:500px)
{
    .how_to_images .item
    {
        width:100%;
    }
}
.downloads .d_title {
    margin-bottom:5px;
    font-weight:Bold;
}
.cart_addAddress .formGroupItems,
.cart_addAddress .formGroupBottom
{
    background-color:white;
}

@media(max-width:1250px)
{
    .productSearchResultsv2 a .pricing
    {
        flex-direction:column;
    }
    .productSearchResultsv2 a .pricing .priceValue
    {
        justify-content:flex-end;
        margin-right:5px;
    }
    .productSearchResultsv2 a .pricing .priceType
    {
        flex:1;
        margin-left:5px;
    }
}
#cartDisplayTarget {
    max-width:800px;
    margin:auto;
}

@media(min-width:769px)
{
body:not([data-has_results='0']) .smallMenu.fixed>div:first-of-type  {
    position:fixed;
	    position: fixed;
    bottom: 0px;
    top: 130px;
    overflow-y: auto;
	left: 0px;
    padding-left: 16px;

}
body:not([data-has_results='0']) .smallMenu.fixed>div:last-of-type {
    margin-left: 310px;
}
#contactCart.fixed {
    position:fixed;
	    top: 130px;
    right: 30px;
}
}
.smallMenu>div:first-of-type{
    background:white;
	background:transparent;
}
.stockBox.instock {
    color: #009688;
}
.stockBox.instock span
{
    background-color: #43a047;
    color:
    white;
}