html, body{margin:0px;  background: #ffffff; height:100%; }
body, td { color: #333333; font-family: Arial; font-size: 14px; font-weight: 400; letter-spacing: 0.07em;   }
input, select, textarea { color: #333333; font-family: Arial; font-size: 100%; font-weight: 400; letter-spacing: 0.05em;   }
a{ color: #27AAE1; text-decoration: none; }
a:hover{ text-decoration: underline; }
 
#divLoading{ position: fixed; top:90%; left:90%; margin-left:25px; margin-top:-25px; z-index: 999999 }


.main{ display:inline-table; width:100%; text-align:center; min-height:100%; height:100%;  height:auto !important;}
.col1{ clear:both; display: table-cell; width:200px; background: #30363d;  vertical-align:top; min-height:100%; height:100%;  height:auto !important;}
.col2{ display: table-cell;  background: #ffffff; min-height:100%; height:100%;  height:auto !important;} 
.col3{ position: absolute; z-index:9998; top:0px; left:0px; width:100%; background: #129cd2;  vertical-align:top; min-height:100%; height:100%;  height:auto !important;}

.menu{ clear:both; text-align:left; padding:15px; color: #f5f5f5;  font-weight: normal; font-size:90% }
.menu ul{ list-style: none; margin-left:-40px; }
.menu li{ list-style: none; padding: 10px 10px; border-bottom:0px solid #51b1d4; color: #ffffff; }
.menu li:hover, menu li:active{ list-style: none; padding: 7px 10px; background: #454e58; color: #ffffff;  }
.menu a{ color: #c3cfd9; text-decoration: none;  }
.menu a:hover{ color: #c3cfd9; text-decoration: none; }

#menulogo{ float:left; background: #ffffff;  }
#menuicon{ float:left; padding:10px 0px 0px 10px;  }


.title{ padding: 5px; font-size:140%; font-weight:bold; }
.function{ float:right; padding:10px 20px;  }
#divContent{ clear:both; overflow:hidden; position: relative; padding:0px 20px;  text-align:left;  }

.block{ float:left; display:inline-block; vertical-align:top;  min-width:450px; max-width:450px; margin:5px; padding:10px; background: #ffffff; text-align:left;  }
.blocknopad{ float:left; display:inline-block; vertical-align:top;  min-width:350px; margin:5px; padding:0px; background: #ffffff; text-align:left;  }
.blockmax{ margin:5px 0px; padding:10px; background: #ffffff; text-align:left;  }
.blocksearch{ margin:5px; padding:15px; background: #ffffff; text-align:left; font-size:90%;  }
.small{ font-size:80%; }
/***** Auto Hide *****/

@media only screen and (max-width: 800px) {
    #menu { display: none; }
    #menulogo { display: none; }
    #menuicon{ display: block; }
}


/***** Form *****/

.formrow{ padding:5px 0px; }
.formcol1{ float:left; width:100px; padding:5px; }
.formcol2{ margin-left: 120px; padding:5px; }
.formdiv{ border:1px solid #c1c1c1; padding:10px; width:230px }
.datefield{ border:1px solid #c1c1c1; padding:10px 10px; }
.textfield{ border:1px solid #c1c1c1; padding:10px 10px; width:250px; }
.textfield2{ border:1px solid #c1c1c1; padding:10px 10px; width:200px; }
.textfield3{ border:1px solid #c1c1c1; padding:10px 10px; width:80px; }
.textfield4{ border:1px solid #c1c1c1; padding:10px 10px; width:150px; }
.textfield5{ border:1px solid #c1c1c1; padding:10px 10px; width:500px; }
.textfield8{ border:1px solid #c1c1c1; padding:10px 10px; width:80px;}
.textfield10c{ border:1px solid #c1c1c1; padding:10px 10px; width:100px;}
.textfield12c{ border:1px solid #c1c1c1; padding:10px 10px; width:140px;}
.textfield300c{ border:1px solid #c1c1c1; padding:10px 10px; width:300px; }
.textsearch{ border:1px solid #c1c1c1; padding:5px 10px; width:150px; }
.textsearch2{ border:1px solid #c1c1c1; padding:5px 10px; width:40px; }
.textsearch4{ border:1px solid #c1c1c1; padding:5px 10px; width:80px; }
.textprice{ border:1px solid #c1c1c1; padding:10px 10px; min-width:65px; width:100%; }
.textdisable{ border:1px solid #c1c1c1; padding:10px 10px; width:250px; }
.textreadonly{ border:1px solid #c1c1c1; background: #efefef; padding:10px 10px; width:250px; }
.textlogin{ border:1px solid #c1c1c1; padding:10px 10px; width:250px; text-align:center; }
.select{ border:1px solid #c1c1c1; padding:10px 10px; width:250px; height:40px;  }
.selectlogin{ border:1px solid #c1c1c1; padding:10px 10px; width:250px; height:40px; text-align:center; }
.selectsearch{ border:1px solid #c1c1c1; padding:10px 10px; height:40px;  }
.button{ border:1px solid #c1c1c1; background: #ffffff; padding:10px 15px; color: #27AAE1; }
.buttonsearch{ border:1px solid #c1c1c1; background: #ffffff; padding:5px 15px; color: #27AAE1; }
.button2{ border:1px solid #c1c1c1; background: #27AAE1; padding:10px 15px; color: #ffffff; }
.buttonmenu{ border:1px solid #c1c1c1; background: #ffffff; padding:15px 20px; width:250px; color: #27AAE1; }
.buttonlogin{ border:1px solid #c1c1c1; background: #27AAE1; padding:10px 20px; width:250px;  color: #ffffff; }

.checklist{ list-style: none; margin-left:-40px; }
.checklist li{  margin-bottom: 2px;  }


/***** Grid *****/

.gridTitle td{ background: #efefef; font-weight: 600; padding:10px 5px; border-bottom:1px solid #efefef;   line-height:120%; }
.gridRow td{ background: #ffffff; font-weight: normal; padding:10px 5px;  border-bottom:1px solid #efefef; line-height:120%; }
.gridRow2 td{ background: #eff9fd; font-weight: normal; padding:10px 5px;  border-bottom:1px solid #efefef;  line-height:120%; }
.gridRow3 td{ background: #ffffff; font-weight: normal; padding:10px 5px;  border-bottom:0px solid #efefef; line-height:120%; }
.printRow td{ background: #ffffff; font-weight: normal; padding:5px 5px;  border-bottom:1px solid #efefef; line-height:120%; }
.printRow2 td{ background: #eff9fd; font-weight: normal; padding:5px 5px;  border-bottom:1px solid #efefef;  line-height:120%; }

/***** Product *****/

.thumb{ width:50px; border:1px solid #f2f2f2; }
.linkBtn{font-size:100%;}