
.menuorb {
    display: block;
    border:#02689c thin solid inset;
/*    box-shadow: 0px 1px 3px rgb(17,95,33), 0px 0px 30px rgba(17,95,33,0.3) inset;*/
    box-shadow: 0px 3px 6px #02557f, 0px 0px 60px #4b6666 inset;/*#38a4f4**/
    text-align: center;
    border-radius: 6px;
    vertical-align: middle;
    padding:0;
    margin: 6px 6px;
    float: left;
    width: 104px;
    height:92px;
    background-color: rgba(255,255,255,0.7);
}
.menushadow{
    text-shadow: #fff 1px 1px;
    /*color: #0b002e; red*/
    /*color: #03000e; dark blue*/
    color:  -webkit-gradient(radial, center center, 0px, center center, 100%, color-stop(0%, #a4d047), color-stop(100%, #b5df5b));
    color:  -moz-radial-gradient(center, circle cover, #a4d047 0%, #b5df5b 100%);
    color: -webkit-radial-gradient(center, circle cover, #fa4d047 0%, #b5df5b 100%);
}
.menushadow:hover{
    text-shadow: #03000e 1px 1px;
    color: #fff;
}


.menufont{
    text-shadow: #000 1px 1px;
    color: #fff;
    font-size: 20px;text-align: center
}
.menuorb_alt {
    display: block;
    width: 96px;
    height: 96px;
    text-align: center;
    vertical-align: middle;
    padding:0;
    margin: 10px 6px;
    float: left;
}


.menuorb a, .menuenz a{
width: 104px;height: 104px;font-size: 3.5em;display: block;padding-top: 12px;
}
.menuorb a:hover,.menuorb_alt a:hover{
    text-decoration: none;
}
/*.menuorb a:hover{
    text-decoration: none;
    font-size: 3.5em;
    width: 104px;
    height:104px;
}*/

ul li{
    line-height: 1.5em
}

p{
    text-indent: 5%;
    text-align: justify;
}
#products{
    font-size: 21.5px;
}
#products strong{
    float: left
}
#products section a{
    text-decoration: none;
}
section{
    text-align: center;
}

#tblproducts th, #tblproducts td{
    vertical-align: middle;
    height: 40px;
}

#tblproducts {
    margin:10px 0 0 0;
    padding: 0 20px;
    text-align: center; color: #000;
    
}
#tblproducts a{
    font-size: 80%;
    font-weight: bold;
}
#tblproducts a:hover{
    text-decoration: underline;
}

#tblproducts td{
    line-height: 25px;
}

#tblproducts tbody tr td:last-child {
    font-size: 80%;
    line-height: 1.1em
}

#tblproducts thead {
    text-decoration: underline;
}

#tblproducts tbody tr td {
    border-bottom: gray thin solid;
}

footer{
        margin: 0.5% 0% 0 0%;
        font-size: 14px;
}
footer .row-fluid:first-child{
    padding-top: 0.5%;
    margin-bottom: 0.5%
}
footer a:hover{
    text-decoration: underline;
}

footer p, footer div p{
    text-align: center;
}

.vertical-divider {
 width: 1px;
 float: left;
 background:yellowgreen right 0;
 padding-bottom: 16px;
 position: relative; 
 height:650px;
}

#sidebar strong{
    font-weight: normal;
}
#wrapperhome{
    background: #fff url(../img/home1400x800.jpg) no-repeat fixed right 0 ;
}
#wrapperprod{
    background: #fff url(../img/beakers1400x800.jpg) no-repeat fixed 0 0 ;
}
#wrapperenzyme{
    background: #fff url(../img/url.jpg) no-repeat fixed right 0 ;
}
#wrapperenquiry{
    background: #fff url(../img/products1.jpg) no-repeat fixed 0 0 ;
}
#wrappercontact{
    background: #fff url(../img/contactnew.jpg) no-repeat fixed 0 0 ;
}
#beforespinner{
  transition:all 2s ease-in-out;
  perspective: 800px;
  perspective-origin: 50% 100px;
}
#spinner:hover #rotateY {
  transform:rotateY(180deg);
}
#dist a:hover{
    color:#fff
}

#enquiry{
    font-size: 22px;
}

.productalign{
    background: rgba(255,255,255,0.9);border-radius: 15px;box-shadow: #000 1px 0px 1px 1px;
}

#footerhover a:hover{
    color: #446700;
}
#align{
 margin-left: -7%;
}
#homefooter{
    background: rgba(255,255,255,0.7);
}
#productfooter{
    text-align: center;font-size: 14px;
    background:  rgba(255,255,255,0.7);min-height: 10%;padding-top: 0.5%
}

#productfooter a:hover{
    text-decoration: underline;
}

@media (max-width: 1024px) and (max-width: 1280px) and (min-width:1200px){

    .menuorb {
        display: block;
        border:#02689c thin solid inset;
    /*    box-shadow: 0px 1px 3px rgb(17,95,33), 0px 0px 30px rgba(17,95,33,0.3) inset;*/
        box-shadow: 0px 3px 6px #02557f, 0px 0px 60px #4b6666 inset;/*#38a4f4**/
        padding-left: -1%;
        border-radius: 6px;
        vertical-align: middle;
        background-color: rgba(255,255,255,0.7);
        margin: 4px 4px;
        width: 88px;
        height:85px
    }    
    .menuorb a{
             margin-left: -9%;
    }
    
    .menufont{
        text-shadow: #000 1px 1px;
        color: #fff;
        font-size: 20px;
        margin-left: -2%;
    }    
    #middle{
        margin-left: 22%;
    }
    #productfooter{
        width: 110%;
    }

}

@media (min-width:1366px){

    #align{
         margin-left: -4.5%
    }
    #wrappercontact{
        background: #fff url(../img/contact1440x900.jpg) no-repeat fixed 0 0 ;
    }
}

@media (min-width:1440px){

    #wrapperhome{
        background: #fff url(../img/home1440x900.jpg) no-repeat fixed right 0 ;
    }
    #wrapperprod{
        background: #fff url(../img/beakers1440x900.jpg) no-repeat fixed 0 0 ;
    }
    
    #align{
         margin-left: -3%
    }
    #homefooter{
        position: absolute;
        bottom: 0;
        left: 0;
        right: 0;
    }
    
}

@media (min-width:1600px){

    #wrapperhome{
        background: #fff url(../img/home1600x900.jpg) no-repeat fixed right 0 ;
    }
    #align{
         margin-left: -0.5%
    }
    #wrapperprod{
        background: #fff url(../img/beakers1680x1050.jpg) no-repeat fixed 0 0 ;
    }
    #homefooter{
        position: absolute;
        bottom: 0;
        left: 0;
        right: 0;
    }
    
}


@media (min-width:1680px){

    #wrapperhome{
        background: #fff url(../img/home1680x1050.jpg) no-repeat fixed right 0 ;
    }
    #wrapperprod{
        background: #fff url(../img/beakers1920x1080.jpg) no-repeat fixed 0 0 ;
    }

    #align{
         margin-left: 0.5%
    }
}


@media (min-width:1920px){

    #wrapperhome{
        background: #fff url(../img/home1920x1080.jpg) no-repeat fixed right 0 ;
    }
    #align{
         margin-left: 3.3%
    }
}

#form .controls{
    margin-left: 130px
}

#menu{
    margin-top: 0.7%
}

#callus{
    position: absolute;
    top: 0;
    left:0;
    font-size: 110%;
    background: #fff;
    padding: 0.6%;
    text-indent:0;
    text-shadow: #000 1px 1px;
    color: #000099;
    box-shadow: #b5df5b 2px 2px 3px;
}

#success{
    background: rgba(255,255,255,0.5);
    padding: 1%;
}