html, body{margin:0px;  background: #BCD891; height:100%; line-height:120% }
body, td { color: #333333; font-family: Arial; font-size: 90%; font-weight: 400; letter-spacing: 0.07em;   line-height:120%; }
input, select, textarea { color: #333333; font-family: Arial; font-size: 100%; font-weight: 400; letter-spacing: 0.05em;   }
a.menu{ color: #333333; text-decoration: none; }
a.menu:hover{ text-decoration: underline; }

a{ color: #15a9e4; text-decoration: none; }
a:hover{ text-decoration: underline; }
 
#divLoading{ position: fixed; top:50%; left:50%; margin-left:-25px; margin-top:-25px; z-index: 999999 }


.main{ display:table; width:100%; max-width:500px; background: #ffffff;  text-align:center; margin-left:auto; margin-right:auto; text-align:center; min-height:100%; height:100%;  height:auto !important;}
.col1{ clear:both; display: table-cell; width:250px; background: #30363d;  vertical-align:top; min-height:100%; height:100%;  height:auto !important;}
.col2{ display: table-cell;  background: #ebeef1; 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:0px; color: #f5f5f5;  font-weight: normal; font-size:90% }
.menu ul{ list-style: none; margin-left:-40px; }
.menu li{ list-style: none; padding: 7px 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{ font-size:120%; font-weight:bold; padding-bottom:20px; }
.title2{ padding: 5px; font-size:120%; font-weight:bold; border:0px solid #000000 }
.function{ float:right; padding:10px 20px;  }
#divContent{ clear:both; overflow:hidden; position: relative; padding:10px 0px;  text-align:center; min-height:800px  }
.block{ float:none; display:inline-block; vertical-align:top;  min-width:350px; max-width:420px; margin:7px; padding:20px; background: #ffffff; text-align:left;  }
.block{ float:left; display:inline-block; vertical-align:top;  min-width:350px; margin:7px; padding:20px; background: #ffffff; text-align:left;  }
.blockmax{ float:left; min-width:350px; width:100%; margin:7px; padding:20px; background: #ffffff; text-align:left;  }
.blocksearch{ margin:0px 0px 7px 0px; padding:15px; background: #ffffff; text-align:left;  }
.blockgrey{ margin:10px; padding:20px; background: #f2f2f2; }
.blockborder{ border: 1px solid #c1c1c1; padding: 10px 15px; width:300px; margin-left: auto; margin-right: auto; }

.small{ font-size:80%;  }


/***** Auto Hide *****/

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


/***** Form *****/
.divWithdraw{ border:0px solid #c1c1c1; padding:5px 10px; width:100px; font-size:14px; font-weight: bold; font-size:16px; }
.textwithdraw{ border:1px solid #c1c1c1; padding:5px 10px; width:150px; font-size:14px; text-align:center; }

.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 }
.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; }
.textprice{ border:1px solid #c1c1c1; padding:10px 10px; min-width:65px; width:100%; }
.textunit{ border:1px solid #c1c1c1; padding:5px 10px; min-width:65px; width:65px; }
.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:5px 10px; height:32px; background: #ffffff; }
.button{ border:1px solid #c1c1c1; background: #ffffff; padding:10px 15px; color: #27AAE1; font-size:13px; }
.button2{ border:1px solid #c1c1c1; background: #27AAE1; padding:10px 15px; color: #ffffff; font-size:13px; }
.buttonmenu{ border:1px solid #c1c1c1; background: #ffffff; padding:15px 20px; width:250px; color: #27AAE1; }
.buttonmenu2{ border:1px solid #c1c1c1; background: #ffffff; padding:15px 20px; width:250px; color: #999999; }
.buttonbuy{ border:1px solid #c1c1c1; background: #27AAE1; padding:5px 10px; color: #ffffff; font-size:12px; }
.buttonsmall{ border:1px solid #c1c1c1; background: #ffffff ; padding:5px 10px; color: #27AAE1; font-size:12px; }
.buttonsmall2{ border:1px solid #c1c1c1; background: #27AAE1; padding:5px 10px; color: #ffffff; font-size:12px; }
.buttonsmall3{ border:1px solid #c1c1c1; background: #b2b2b2; padding:5px 10px; color: #000000; font-size:12px; }

.buttonlogin{ border:1px solid #c1c1c1; background: #27AAE1; padding:10px 20px; width:250px;  color: #ffffff; }
.buttonrefund{ border:1px solid #c1c1c1; background: #ffffff; padding:15px 20px; width:250px; color: #ff008a; }
.buttonclaim{ border:1px solid #c1c1c1; background: #27AAE1; padding:5px 10px; color: #ffffff; font-size:12px}
.buttondeliver{ border:1px solid #c1c1c1; background: #ffffff ; padding:5px 10px; color: #27AAE1; font-size:12px}
.buttonwithdraw{ border:1px solid #c1c1c1; background: #27AAE1; padding:10px 15px; color: #ffffff; font-size:12px; }
.checklist{ list-style: none; margin-left:-40px; }
.checklist li{  margin-bottom: 2px;  }


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

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

.gridTitle3 td{ background: #ffffff; font-weight: 600; padding:10px 7px; border-bottom:0px solid #efefef;   line-height:120%; }
.gridRow3 td{ background: #ffffff; font-weight: normal; padding:5px 7px;  border-bottom:0px solid #efefef; line-height:120%; }

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

.thumb{ width:50px; border:1px solid #f2f2f2; }