body {
    background: White; 
    min-height: 112px;
    font-family: "Open Sans",sans-serif;
    font-family: 'Open Sans',Helvetica,Verdana,Arial,sans-serif;
    font-size: .8em;
    line-height: 1.3em;
    margin: 0px;
    padding: 0px;
    color: #444444;
     color: #333333;
}

@media screen and (min-width: 300px) and (max-width: 424px) {

    .lbl-send-enquiry {
    position: relative;
    left: -25px;
    top: 1px;
    }

    .DisplayNo {
        margin-bottom: 10px;
        font-size: 1.1em;
        width: 140px;
    }


    .mail_btn {
        padding-left: 10px;
        float: right;
        width: 28px;
        height: 18px;
    }


    .imgdetails {
        min-height: 165px;
    }


    .image_content {
        width: 100%;
        /* min-width: 250px; */
        /* margin: 10px 9px; */
        text-align: center;
    }

    .alt_content li {
        margin: 15px auto;
        /* width: 45%; */
        /* float: left; */
        /* min-width: 270px; */
        /* margin-top: 150px; */
    }

     .imgB1 {

        display:none;
    }


   


    .large-img-container {
        height: 641px;
        width: 100%;
    }


    .large-img-wrapper {
        margin-top: 50%;
        width: 80%;
        padding: 15px;
    }



    .thumb-img-div {
    
height: 150px !important;
    }
     



}
/* EOF media screen and (min-width: 300px) and (max-width: 424px) */



@media screen and (min-width: 425px) and (max-width: 640px) {

    .lbl-send-enquiry {
        position: relative;
    left: -13px;
    top: 1px;
    }

    .DisplayNo {
        margin-bottom: 10px;
        font-size: 1.1em;
        width: 140px;
    }


    .mail_btn {
        padding-left: 10px;
        float: right;
        width: 28px;
        height: 18px;
    }


    .imgdetails {
        /* min-height: 165px; */
        float: left;
        width: 47%;
    }


    .image_content {
        width: 100%;
        /* min-width: 250px; */
        margin: 10px 9px;
    }

    .alt_content li {
        margin: 15px auto;
        width: 90%;
        /* float: left; */
        min-width: 270px;
        /* margin-top: 150px; */
    }

     .imgB1 {

        display:none;
    }


   


    .large-img-container {
        height: 641px;
        width: 100%;
    }


    .large-img-wrapper {
        margin-top: 25%;
        width: 80%;
        padding: 15px;
    }


    


    .thumb-img-div {
    width: 45%;
    margin-right: 10px;
    float: left;
    }



    .thumb-img-div {
    
    }
    


}
/* EOF media screen and (min-width: 425px) and (max-width: 640px) */



@media screen and (min-width: 641px) and (max-width: 780px) {

    .lbl-send-enquiry {
        position: relative;
        left: -25px;
        top: 1px;
    }

    .DisplayNo {
        margin-bottom: 10px;
        font-size: 1.1em;
        width: 140px;
    }


    .mail_btn {
        padding-left: 10px;
        float: right;
        width: 28px;
        height: 18px;
    }


    .imgdetails {
        min-height: 165px;
    }


    .image_content {
        width: 100%;
        min-width: 248px;
        /* margin: 10px; */
        height: 100px;
    }

    .alt_content li {
        margin: 15px 8px;
        min-height: 365px;
        float: left;
        width: 44%;
        min-width: 270px;
    }

    .imgB1 {

        display:none;
    }


   .large-img-container {
        height: 641px;
        width: 100%;
    }


    .large-img-wrapper {
        margin-top: 100px;
        width: 65%;
        padding: 15px;
    }


    .thumb-img-div {
    
height: 150px !important;
    }

}
/* EOF media screen and (min-width: 641px) and (max-width: 780px) */



@media screen and (min-width: 781px) and (max-width: 980px) {

    .lbl-send-enquiry {
        position: relative;
        left: -25px;
        top: 1px;
    }

    .DisplayNo {
        margin-bottom: 10px;
        font-size: 1.1em;
        width: 140px;
    }


    .mail_btn {
        padding-left: 10px;
        float: right;
        width: 28px;
        height: 18px;
    }


    .imgdetails {
        min-height: 165px;
    }


    .image_content {
        width: 100%;
        min-width: 195px;
    }

    .alt_content li {
        margin: 15px 1%;
        min-height: 365px;
        float: left;
        width: 31%;
        min-width: 218px;
    }

    .large-img-container {
        height: 641px;
        width: 100%;
    }


    .large-img-wrapper {
        margin-top: 5%;
        width: 60%;
        padding: 15px;
    }


      .imgB1 {

        display:none;
    }

    

      .thumb-img-div {
    
height: 115px !important;
    }


}
/* EOF media screen and (min-width: 781px) and (max-width: 980px) */




@media screen and (min-width: 981px) and (max-width: 1024px) {
    
    .lbl-send-enquiry {
        position: relative;
        left: -25px;
        top: 1px;
    }

    .DisplayNo {
        margin-bottom: 10px;
        font-size: 1.1em;
        width: 140px;
    }


    .mail_btn {
        padding-left: 10px;
        float: right;
        width: 28px;
        height: 18px;
    }


    .imgdetails {
        min-height: 145px;
    }


    .image_content {
        width: 100%;
        min-width: 175px;
    }


    .alt_content li {
        margin: 15px 1%;
        min-height: 380px;
        float: left;
        width: 22%;
        min-width: 200px;
    }


    .large-img-container {
        height: 641px;
        width: 100%;
    }


    .large-img-wrapper {
        margin-top: 5%;
        width: 50%;
        padding: 15px;
    }


   

     .imgB1 {

        display:none;
    }

      
     .thumb-img-div {
    
height: 115px !important;
    }


}
/* EOF media screen and (min-width: 981px) and (max-width: 1024px) */





@media screen and (min-width: 1025px) {

    .lbl-send-enquiry {
    position: relative;
    left: -13px;
    top: 1px;
    }


    .DisplayNo {
        margin-bottom: 10px;
        font-size: 1.1em;
        width: 140px;
    }


    .mail_btn {
        /* padding-left: 10px; */
        float: right;
        width: 28px;
        height: 18px;
    }


    .imgdetails {
        min-height: 165px;
    }


    .image_content {
        width: 100%;
        min-width: 175px;
    }


    .alt_content li {
        margin: 15px 1%;
        min-height: 345px;
        float: left;
        /* min-width: 261px; */
        width: 261px;
    }



    .large-img-container {
        height: 641px;
        width: 100%;
    }


    .large-img-wrapper {
        margin-top: 100px;
        width: 40%;
        padding: 15px;
    }


    
    .thumb-img-div {
    
    }

}


/* EOF media screen and (min-width: 1025px) */



/*Incommon*/


.lbl-send-enquiry {
    float:left;
    color: #63b0e3;
    cursor: pointer;
    font-size: 1.1em;
    text-transform: uppercase;
    }

.lbl-send-enquiry:hover{
    color: #e5711c;
    }

.DisplayNo {
    float: left;
}



.ProductSize div {
    float: left;
    width: 60px;
    font-weight: bold;
    color: rgba(119, 119, 119, 0.49);
}



.mail_btn {
    cursor: pointer;
}



.ProductName {
    font-size: .9em;
    font-weight: bold;
}


.ProductSize {
    font-size: .86em;
}

.ProductLocation {
    font-size: .8em;
    height: 25px;
}


.imgdetails {
    margin: 10px;
    /* width: 240px; */
    line-height: 1.5em;
}


.image_content {
    /* border: 1px solid #e2e2e2; */
    cursor: pointer;
}


#paging_container ul {
    margin: 0px;
    padding: 0px;
}

.content, .alt_content {
    color: #333;
    /*margin: 0px;
    padding: 0px;*/
}





    .alt_content li {
        border: 1px solid #dadada;
        list-style-type: none;
        color: Black;
    }

li {
    background: none;
    padding-bottom: 10px;
    text-align: left;
    /*color: #333333;*/
}


.container {
    position: relative;
}

.imgA1 {
    position: absolute;
    top: 0px;
    left: 0px;
    z-index: 1;
    width: 110px;
}

.imgB1 {
    position: absolute;
    top: 70px;
    left: 110px;
    z-index: 3;
    opacity: .0;
    cursor: pointer;
}




.mail_btn:hover {
    transition: all .1s linear;
    background-image: url('../images/enquiry-orange.png');
    background-repeat: no-repeat;
}

.mail_btn {
    background-image: url('../images/enquiry-blue.png');
    background-repeat: no-repeat;
}



.large-img-container {
    position: fixed;
    z-index: 1;
    top: 0px;
    background: rgba(51, 51, 51, 0.65);
    border: solid 1px silver;
}


.large-img-wrapper {
    text-align: center;
    background: white;
    margin-left: auto;
    margin-right: auto;
    background-image: url('images/img-loader.gif');
    background-repeat: no-repeat;
    background-position-x: center;
    background-position-y: center;
}





.thumb-img-div {
    background-image: url('images/img-loader.gif');
    background-repeat: no-repeat;
    background-position-x: center;
    background-position-y: center;
    border: 1px solid #e2e2e2;
    margin: 10px;
}




    

    
        input, select
    {
    -ms-box-sizing:border-box;
    -moz-box-sizing:border-box;
    box-sizing:border-box;
    -webkit-box-sizing:border-box; 
    }
    input[type=number]::-webkit-outer-spin-button,
    input[type=number]::-webkit-inner-spin-button {
    -webkit-appearance: none;
    margin: 0;
    }
        input:focus {
            box-shadow: 0 0 5px #FFAA40;
            border: 1px solid #FFAA40;
            outline: none;
        }




input:focus, textarea:focus {
    box-shadow: 0 0 5px #2eb9ea;
    /*padding: 13px 15px 12px 10px;
    margin: 5px 1px 3px 0px;*/
    border: 1px solid #2eb9ea;
    /* border-top: solid 2px #888; */
}







/*EOF Incommon*/