/* ASAP base.css */
html,body{height:100%;margin:0}
*,*:before,*:after{box-sizing:border-box}
body,td{font:1em/1.6em sans-serif;color:#444;
	background:#fff url(/sys/pgBk.png)repeat-x;
	}
form,pre{font:9pt monospace}
[type=checkbox]{vertical-align:middle}
a{color:#05e;text-decoration:none} a:hover{color:red}
hr{height:0;border:.2px solid #aaa}
h1{font:bold 2em arial}
h2{font:bold 1.5em arial}
h3{font:bold 1.2em arial}
h4{font:bold 1em arial}
h1,h2,h3,h4{color:#d70;margin:1em 0 .5em}
ol{margin:0;padding:0 22px}
.newpage{page-break-after:always}
.stxt{font:.7em sans-serif;letter-spacing:1px}
.NS{display:none}

#main{max-width:52em;margin:0 auto;padding:0;text-align:left}
#ttop{min-height:100%;margin:0 auto -50px}
#head{clear:both;padding:1em;text-align:center;color:#fff;background:#77b}
#head a{color:#fff;}
#mbar{float:right;width:22%;padding:1em;text-align:right;font:.9em sans-serif}
#mbar ul{list-style:none;padding:0;margin:0}
#mbar ul li{padding:3px}
#mbar ul ul ul li{list-style:circle inside;padding:0 0 0 9px;border:0;font-weight:normal}
#mbar ul ul ul ul{padding:0 0 0 16px}
#text{float:left;width:68%;padding:2%;margin:2% 0;background:#fff;border-radius:2em}
#fico{clear:both;text-align:center}
#foot{clear:both;height:50px;padding:1em;text-align:center;color:#fff;background:#77b}
#foot a{color:#fff}

.TB{background:#efe}
.TH{vertical-align:top;background:#bcf}
.RH{vertical-align:top;background:#ced}
.RO{background:#ddd}

.dfm>div{display:block;width:100%;padding:4px;margin:0 0 4px;border:1px solid #ccc;background:#eee}
.dfm b:first-child{display:block;font-size:.8em}
.dfm input[type=text],.dfm textarea{width:100%}

.phf,.ico{float:left;border:1em solid #ccf;margin-right:1em}
.phs{float:left;margin-right:1em}
.product ul{list-style:none;padding:0;margin:0}
.product li{clear:both;padding:1em 0}
.special ul{list-style:none;padding:0;margin:0}
.special li{clear:both}
.table ul{list-style:none;padding:0;margin:0}
.table li{clear:both;padding:2em 0}

@media(max-width:30em){
#head img{width:60%;height:7%}
#mbar{float:none;width:auto;padding:0}
#mbar li{float:left}
#mbar li:before{content:"• "}
#text{width:auto;margin:0;border-radius:0}
.phs{max-width:50%;margin:0}
}
