/*
To change this license header, choose License Headers in Project Properties.
To change this template file, choose Tools | Templates
and open the template in the editor.
*/
/* 
    Created on : Dec 6, 2014, 3:05:26 AM
    Author     : smdoviak
*/

html, body {
    margin:0;
    padding:0;
    border:0;
    height:100%;
    width:100%;
    font-size:14px;
    font-family: 'Roboto', 'Open Sans', 'Helvetica Neue', Helvetica, Arial, sans-serif;
}

body {
    background-color: #EEE;
}

/* main */
.container {
    width:100%;
/*    height:100%;*/
    max-width:1200px;
    background-color: #FFF;
    margin:0 auto;
    color:#555;
}

p {
    margin-top:0;
    padding-top:0;
}

.container li {
    margin-bottom:10px;
}

a, a:visited{
    color:#1687F5;
}/*
To change this license header, choose License Headers in Project Properties.
To change this template file, choose Tools | Templates
and open the template in the editor.
*/
/* 
    Created on : Nov 11, 2014, 12:51:06 AM
    Author     : smdoviak
*/


a {
    text-decoration:none;
}


h1 {
    color:#1687f5;
    font-size:18px;
    letter-spacing:1px;
}
h2 {
    color:#1687f5;
    font-size:16px;
}

img {
    border:none;
}

p{
    color:#555;
    font-size:13px;
    line-height: 18px;
}

/*
To change this license header, choose License Headers in Project Properties.
To change this template file, choose Tools | Templates
and open the template in the editor.
*/
/* 
    Created on : Dec 6, 2014, 3:08:20 AM
    Author     : smdoviak
*/

.headerContainer {
    background-color: #009;
}


.headerRow {
    width:100%;
    background-color:#FFF;
    border-bottom:solid 1px #999;
    border-top:solid 1px #999;
}

#header-logo{
    margin-left:10px;
    float:left;
}

#mobeilMenuBtn {
    display:block;
    width:100%;
    text-align: center;
    background-color: #DDD;
    padding:8px 0;
    cursor: pointer;
}

.navRow {
    height:24px;
    border-top:solid 1px #DDF;
    border-bottom:solid 2px #338;
}



.headerInfoRow {
    min-height: 46px;
    border-bottom:solid 1px #ccc;
    padding: 10px 0px;
    background-image: url('../../pub/images/heaber-bg.jpg');
}

.headerInfoTitle {
    color:#FFF;
    margin-left: 20px;
}

.navList, .superNavList {
    display:none;
}

.navList {
    list-style: none;
    margin:0;
    padding:0;
    background-color: #DDD;
}
.navList li {
   margin:0px;
   padding:0px;
}
.navList li a{
   display:block;
   width:94%;
   padding:4px;
   margin:4px;
   color:#666;
   background-color:#f9f9f9;
   border:solid 1px #CCC;
   border-radius: 6px;
}
.navList li a:hover{
    background-color:#FFF;
    border:solid 1px #1687F5;
    color:#1687F5;
}

.hdr-contact-bx {
    display:inline-block;
    color: #b8dbfd;
    padding: 5px 0 0 22px;
}
.hdr-contact-bx a, .hdr-contact-bx a:visited {
    color: #b8dbfd;
}/*
To change this license header, choose License Headers in Project Properties.
To change this template file, choose Tools | Templates
and open the template in the editor.
*/
/* 
    Created on : Dec 6, 2014, 3:10:56 AM
    Author     : smdoviak
*/

.footer {
    background-color:#183085;
    padding:10px 0px 4px 0px;
    clear:both;
    width:100%;
    border-top:solid 2px #124;
    border-bottom:solid 2px #012;
    background-image: url('../../pub/images/heaber-bg.jpg');
}

.footer a, .footer a:visited{
    color:#FFF;
}

.corp-logo {
    margin:10px auto;
}

.footer-spacer {
    height:1px;
    width:100%;
    clear:both;
}

.footer-phone, .footer-address {
    color:#FFF;
    margin:10px 20px;
}

.footer-phone{
   float:left; 
   
}

.footer-address {
 float:right;   
}

.footer-copyRight {
    font-size: 11px;
    text-align: center;
    width:100%;
    clear:both;
    padding:20px 0px;
    background-color:#124;
    color:#1BA6E2;
}

.footer-copyRight a{
    padding:0px 10px;
}

/*
To change this license header, choose License Headers in Project Properties.
To change this template file, choose Tools | Templates
and open the template in the editor.
*/
/* 
    Created on : Dec 6, 2014, 3:10:22 AM
    Author     : smdoviak
*/

.content {
    padding-top:20px;
}

.content-colLeft{
    clear:both;
    width:95%;
    margin:auto;
/*    background-color: #EEE;*/
}

.content-colRight{
    clear:both;
    margin:auto;
    width:95%;
/*    background-color: #333;*/
}

.ulCol2{
    padding-top:0;
    margin-top:0;
    width:90%;
    margin:auto;
}
.ulCol2 li {

}

.btn1 {
   padding:6px 12px;
   margin:0px;
   color:#FFF;
   background-color:#E5F0FC;
   border:solid 1px #8EB9EA;
   border-radius: 6px;
    height:24px;
    line-height: 24px;
}
.btn1:hover{
    background-color:#EFF9FF;
    border:solid 1px #9EC9FA;
}
a.btn1 {
    color:#0541B0;
}

.side-purchaseNoteBx
{
    border:solid 1px #ddd;
    border-radius: 6px;
    padding:10px;
    margin-bottom:20px;
}

.side-list {
    margin-top:-5px;
}
.side-list li {
    margin-bottom:5px;
}

.side-imgBx {
    width:100%;
    clear:both;
    text-align: center;
}
.side-img-seal {
    width:180px;
    height:50px;
    margin:auto;
}

.spacer20 {
    width:100%;
    clear:both;
    height:20px;
}

.note-dims {
    font-style: italic;
}
.note-dims::before {
    content: "* ";
}/*
To change this license header, choose License Headers in Project Properties.
To change this template file, choose Tools | Templates
and open the template in the editor.
*/
/* 
    Created on : Dec 6, 2014, 3:11:40 AM
    Author     : smdoviak
*/

.homepage_products_box {
    width:99%;
    clear:both;
    padding-top:30px;
}

.homepage_products_box h2 {
    color:#1687f5;
}

.productList {
    list-style: none;
    margin:0;
    padding:0;
}
.productList li {
   margin:0px;
   padding:0px;
}
.productList li a{
   display:block;
   width:94%;
   padding:4px;
   margin:4px 0px;
   color:#666;
   background-color:#f9f9f9;
   border:solid 1px #CCC;
   border-radius: 6px;
}
.productList li a:hover{
    background-color:#FFF;
    border:solid 1px #1687F5;
    color:#1687F5;
}


.side-note-lnk {
    display:block;
    width:100%;
    color:#666;
    background-color: #EEE;
    width:90%;
    padding:4%;
    border:solid 1px #DDD;
    border-radius: 12px;
    margin:10px 0px;
}


.homepage_imgBx {
    float:left;
    width:180px;
    margin-right:30px;
}

.homepage_imgBx img{
    width:180px;
    height:140px;
    box-shadow: 2px 2px 6px #999;
    border: solid 1px #D6D6D6;
    padding: 3px;
}

.homepage_welcomeTxt {
    float:left;
    max-width:550px;
}

.col3 {
    float:none;
    clear:both;
    width:98%;
    
}

.prodGroupBx {
    
}

.catBx {
    float:left;
    width:142px;
    height:196px;
    margin-right: 4px;
    margin-left: 4px;
    margin-bottom: 10px;
    box-shadow: 2px 2px 6px #999;
    /* background-color: #EEE; */
    border: solid 1px #D6D6D6;
    padding: 3px;
}
.catBx:hover{
    border: solid 1px #7BBDFF;
    box-shadow: 1px 1px 6px #7BBDFF;
}

.catBx a{
    display:block;
    clear:both;
    font-weight:bold;
}

.catBxImg{
    width:142px;
    height:142px;
    margin:auto;
    display:block;
}

.catBxLnk{
    padding:5px;
}

.prodGroupBx h3 {
    font-size: 15px;
    color:#666;
}

@media only screen and (min-width: 50em){
    .col3 {
        float:left;
        clear:none;
        width:30%;
        margin:5px;
    }
}/*
To change this license header, choose License Headers in Project Properties.
To change this template file, choose Tools | Templates
and open the template in the editor.
*/
/* 
    Created on : Dec 7, 2014, 2:21:22 AM
    Author     : smdoviak
*/


.productGroupBx {
    width:100%;
    clear:both;
    padding-bottom:10px;
    margin-bottom: 10px;
    overflow: auto;
}

.productGroupBx h3 {
    color:#999;
}



.productCatImg {
    width:100px;
    height:100px;
    
}


.productCatListBx {
    width:100%;
    overflow: auto;
    padding-top:10px;
    padding-left:0px;
    display:block;
    border-top:solid 1px #ddd;
    border-bottom:solid 1px #ddd;
}

@media (min-width: 400px) {
    .productCatListBx {
        display: block;
    }
}

.productCatListBx h3{
    display:block;
    float:left;
    margin:0px 0px 5px 0px;
    padding:5px 0px 5px 0px;
    color:#777;
    /*box-shadow: 1px 1px 3px #DDD;*/
    width:99%;
    /*background-color:#EEE;*/
    /*box-shadow: 1px 1px 3px #999;*/
}

.productCatList {
    list-style: none;
    margin:0px 0px 6px 0px;
    padding:0;
    display:block;
    float:left;
}

.productCatList li {
    display:inline-block;
    float:left;
    padding:3px;
    margin:0px;
    height:32px;
}

/*@media (min-width: 400px) {*/

    /*.productCatList li {*/
        /*width:44%;*/
    /*}*/
/*}*/

/*@media (min-width: 800px) {*/

    /*.productCatList li {*/
        /*width:33%;*/
    /*}*/
/*}*/

/*@media (min-width: 1140px) {*/

    /*.productCatList li {*/
        /*width:33%;*/
    /*}*/
/*}*/

a.productCatListLnk {
    padding:0px;
    margin:0px;
    color:#0061bf;
    /*color:#333;*/
    background-color:#E5F0FC;
    border:solid 1px #8EB9EA;
    border-radius: 6px;
    /*border-left:solid 1px #FFF;*/
    /*border-bottom:solid 1px #DDD;*/
    display:block;
    height:28px;
    /*text-align: left;*/
    /*text-indent: 10px;*/
    line-height: 28px;
    padding:0px 6px;
}
a.productCatListLnk:hover{
    color: #f9f9f9;
    background-color: #1687f5;
}

.productCatBx {
    width:100%;
    clear:both;
}

.productTypeBx {
    margin:4px 4px 6px 4px;
    padding:4px;
    border:solid 1px #CCC;
    border-radius: 0px;
    width:142px;
    float:left;
    font-size: 14px;
    height:240px;
    box-shadow: 2px 2px 6px #999;
    background-color: #FFF;
}
.productTypeBx:hover{
    border: solid 1px #7BBDFF;
    box-shadow: 1px 1px 6px #7BBDFF;
}

.prodTypeImgLnk {
    display:block;
    clear:both;
    width:142px;
}

.productTypeBx img{
    width:142px;
    height:142px;
    display:block;
    clear:both;
    margin:0;
    padding:0;
}

.prodTypeDescLnk{
    display:block;
    clear:both;
    width:138px;
    height:94px;
    padding:2px;
    background-color: #FFF;
}


.productTypeCatHdr {
    padding:4px;
}



.c-alumina {
    color:#FFF;
    background-color:#0074e6;
}
.c-quartz {
    color:#FFF;
    background-color:#00cfe6;
}
.c-zirconia{
    color:#FFF;
    background-color:#00e62b;
}
.c-saphire {
    color:#FFF;
    background-color:#e6be00;
}
.c-accessories {
    color:#FFF;
    background-color:#e60087;
}

.productTypeCatHdr{
    
}

.prodcuctDescBx{
    width:100%;
    clear:both;
    min-height:140px;
    overflow: auto;
}


.productSubSection {
    width:100%;
     max-width:740px;
    clear:both;
    margin-top:30px;
    padding-top:10px;
    border-top:solid 1px #ddd;
}

.productSubHdr {
    width:100%;
    clear:both;
    min-height:100px;

}
    .productSubHdr img{
      display: block;
        float:left;
        margin-right: 10px;
    }


    .productSubHdr h3 {
        margin-left: 20px;
        color:#1687F5;
        font-size:16px;
    }

.productSubHdr p {
 front-weight:normal;
}/*
To change this license header, choose License Headers in Project Properties.
To change this template file, choose Tools | Templates
and open the template in the editor.
*/
/*
    Created on : Dec 17, 2014, 5:26:37 AM
    Author     : smdoviak
*/

.productItemImg {
    float:left;
    margin-right:10px;
    margin-bottom:10px;
    max-height: 150px;
    padding:4px;
    border:solid 1px #CCC;
    box-shadow: 2px 2px 4px #AAA;
}

.productItemImgLink {
    display: block;
    float:left;
    border:solid 1px #CCC;
    padding:4px;
    margin-right:10px;
    margin-bottom:10px;
}

.prodItemHdrRow{
    display:none;
}

.prodItem {
    margin:10px;
    float:left;
    width:280px;
    font-size:13px;
}

.prodItemAttr {
    text-align:right;
    padding:2px 6px;
    clear:both;
}

.prodItemAttrLbl {
    display:block;
    text-align:left;
    float:left;
}

.prodItemAttrId {
    background-color: #0074e6;
    color:#FFF;
}

.prodItemAttrAdd {
    text-align: center;
}

.prodItemAddToCartLnk, .prodItemAddToCartLnk:visited {
    padding: 4px 9px;
    background-color: #0054C6;
    color:#fff;
    border-radius: 4px;
    font-size:13px;
}

.table-toler {
    display:block;
    text-align: right;
    width:100%;
    font-style: italic;
    color:#888;
    font-size:12px;
}

@media only screen and (min-width: 70em){

    .prodItemTbl {
        margin-bottom:40px;
        clear:both;
    }

    .prodItemTbl div.prodItem:nth-child(odd) {
        background-color:#EEE;
    }

    .prodItemAttr {
      clear:none;
    }


.prodItemHdrRow {
    display:table-row;
    height:30px;
    clear:both;
    float:none;
    font-size:13px;
    font-weight: bold;
    background-color: #0074e6;
    color:#FFF;
}


.prodItem {
    display:table-row;
    border:none;
    margin:10px;
    float:none;
    clear:both;
    height:30px;

}

.prodItemAttr {
    display:table-cell;
    float:left;
    text-align: center;
    height:30px;
    border-left:solid 1px #DDD;
    background-color:inherit;
    color:inherit;
    border-bottom:solid 1px #DDD;
}

.prodItemAttrLbl {
    display:none;
}

.prodItemAttrId {
    background-color:inherit;
    width:70px;
}

.prodItemAttrId2 {
    background-color:inherit;
    width:95px;
}

.prodItemAttrCap{
    width:60px;
}

.prodItemAttrDim {
    width:110px;
}

.prodItemAttrPrice {
    width:90px;
}

.prodItemAttrAdd {
    width:90px;
    border-right:solid 1px #ddd;
}

.prodItemAttrDescripton {
    width:400px;
    border-right:solid 1px #ddd;
}

.table-toler {
    text-align: center;
}

.prodTable-cuvettes div{
    height:60px;
}

.prodTable-cylindrical div:nth-child(4){
    width:130px;
}

.prodTable-plate div:nth-child(1){
    width:160px;
}

.prodTable-cuvettes div:nth-child(1) {
    width:80px;
}

.prodTable-cuvettes div:nth-child(2) {
    width:100px;
}

.prodTable-cuvettes div:nth-child(3) {
    width:60px;
}

.prodTable-cuvettes div:nth-child(4) {
    width:60px;
}

.prodTable-cuvettes div:nth-child(5) {
    width:60px;
}

.prodTable-cuvettes div:nth-child(6) {
    width:50px;
}

.prodTable-cuvettes div:nth-child(7) {
    width:50px;
}

.prodTable-cuvettes div:nth-child(8) {
    width:60px;
}


.prodTable-tubes div:nth-child(1){
    width:170px;
}
.prodTable-tubes div:nth-child(2){
    width:120px;
}
.prodTable-tubes div:nth-child(3){
    width:120px;
}
.prodTable-tubes div:nth-child(5){
    width:60px;
}

.prodTable-test-tubes div:nth-child(1){
    width:100px;
}
.prodTable-test-tubes div:nth-child(2){
    width:60px;
}
.prodTable-test-tubes div:nth-child(3){
    width:120px;
}
.prodTable-test-tubes div:nth-child(4){
    width:100px;
}
.prodTable-test-tubes div:nth-child(5){
    width:100px;
}


.prodTable-rods div:nth-child(1){
    width:160px;
}
.prodTable-rods div:nth-child(2){
    width:120px;
}
.prodTable-rods div:nth-child(3){
    width:120px;
}

.prodTable-tubes-walls div:nth-child(1){
    width:100px;
}
.prodTable-tubes-walls div:nth-child(2){
    width:94px;
}
.prodTable-tubes-walls div:nth-child(3){
    width:104px;
}
.prodTable-tubes-walls div:nth-child(4){
    width:106px;
}
.prodTable-tubes-walls div:nth-child(5){
    width:108px;
}
.prodTable-tubes-walls div:nth-child(6){
    width:48px;
}
.prodTable-tubes-walls div:nth-child(7){
    width:86px;
}

.prodTable-rectangular-nocap .prodItemAttr {
        height:44px;
    }
.prodTable-rectangular-nocap div:nth-child(1){
    width:70px;
}
.prodTable-rectangular-nocap div:nth-child(2){
    width:100px;
}
.prodTable-rectangular-nocap div:nth-child(3){
    width:100px;
}
.prodTable-rectangular-nocap div:nth-child(4){
    width:100px;
}



.prodTable-disk div:nth-child(1){
    width:120px;
}
.prodTable-disk div:nth-child(2){
    width:120px;
}
.prodTable-disk div:nth-child(3){
    width:120px;
}


.prodTable-dish div:nth-child(2){
    width:120px;
}
.prodTable-dish div:nth-child(3){
    width:120px;
}

.prodTable-dish-nocap div:nth-child(2){
    width:120px;
}
.prodTable-dish-nocap div:nth-child(3){
    width:120px;
}


.prodTable-pans div:nth-child(5){
    width:120px;
}

.prodTable-martars div:nth-child(1){
    width:50px;
}
.prodTable-martars div:nth-child(6){
    width:60px;
}


.prodTable-sample-pan .prodItemAttr {
  height:44px;
}
.prodTable-sample-pan div:nth-child(2){
  width:190px;
}
.prodTable-sample-pan div:nth-child(3){
  width:190px;
}
.prodTable-sample-pan div:nth-child(4){
  width:50px;
}
.prodTable-sample-pan div:nth-child(5){
  width:70px;
}

    .prodTable-sc-sapphire-disk {
        clear:both;
    }
    .prodTable-sc-sapphire-disk    .prodItemHdrRow div{
        height:40px;
    }
.prodTable-sc-sapphire-disk  div:nth-child(1){
    width:130px;
}
    .prodTable-sc-sapphire-disk  div:nth-child(4){
        width:80px;
    }
    .prodTable-sc-sapphire-disk  div:nth-child(5){
        width:80px;
    }


    .prodTable-sc-sapphire-substrate .prodItemHdrRow div {
        height:40px;
    }

    .prodTable-sc-sapphire-substrate .prodItemAttr {
        height:40px;
    }
    .prodTable-sc-sapphire-substrate  div:nth-child(1){
        width:150px;
    }
    .prodTable-sc-sapphire-substrate  div:nth-child(2){
        width:60px;
    }
    .prodTable-sc-sapphire-substrate  div:nth-child(3){
        width:60px;
    }
    .prodTable-sc-sapphire-substrate  div:nth-child(4){
        width:60px;
    }
    .prodTable-sc-sapphire-substrate  div:nth-child(5){
        width:80px;
    }
    .prodTable-sc-sapphire-substrate  div:nth-child(6){
        width:80px;
    }


    .prodTable-wool div:nth-child(2){
        width:210px;
    }


.table-wrap_single-bore-tubes .prodItem, .table-wrap_single-bore-tubes .prodItemAttr {
    height:40px;
}


.prodTable-sample-pan-covers .prodItemAttr {
    height: 44px;
}
.prodTable-sample-pan-covers div:nth-child(2){
    width:260px;
}


}


.frm-contactForm-main {
    width:100%;
    max-width:540px;
    margin:auto;
}
.icfrm-fldbx {
    width:100%;
    margin-bottom:20px;
}

.icfrm-lbl {
    display:block;
}

.icfrm-fld {
    width:95%;
    margin: auto;
    padding:4px;
    border-radius: 4px;
    border:solid 1px #999;
}

.icfrm-submit {
    cursor:pointer;
    background-color:#1687F5;
    color:#FFF;
    font-weight: bold;
    padding-top:8px;
    padding-bottom:8px;
    border:solid 1px #1687F5;
    width:100%;
    text-align: center;
    margin:20px auto;
    border-radius:6px;
}
.icfrm-submit:hover {
    background-color:#0667d5;
}

label.icfrm-required{
    font-weight: bold;
}

label.icfrm-required::before{
    content:"*";
}

textarea {
    min-height:60px;
}

.icfrm-msgbx {
    color:#1687F5;
    font-weight:bold;
    padding: 20px 0;
    text-align: center;
    background: #EEE;
    border: solid 1px #999;
    margin-bottom: 20px;
}
.techinfotbl {
    border: solid 1px #999;
    width:90%;
    max-width:600px;
    margin:0 auto 50px auto;
    font-size:12px;
}
.techinfotbl td {
    border: solid 1px #999;
    text-align: center;
}

.techinfotbl td.techinfotbl-lbl {
    text-align: left;
    text-indent: 1%;
}

@media only screen and (min-width: 50em){
    .techinfotbl {
        font-size:14px;
    }
}