html { height: 100%; font:normal 12px Arial; }
body {  font:normal 13pt arial; padding:0px; margin:0px;height:100%;line-height:22px; background-color:#EEEEEE; }
#main { width:980px; margin:5px auto 0px auto;border:1px solid #999999; background-color:#FFF; }
.header { display:block; height:115px; background-color:#FFFFFF; padding-top:10px;  }
.menu { height:30px; border-top:1px solid #6699FF;border-bottom:1px solid #6699FF; background-color:#DDECF4;  }
.menu a { display:block; float:left; min-width:40px;text-decoration:none; color:#039;margin-right:15px; padding:4px 15px; }
.menu a:hover { border-bottom:2px solid #66F;}

.contend { padding:10px; }

.bottom {  font-size:9px; color:#999999; display:block; padding:4px; }
.bold { font-weight:bold; }

.tbl {  }

.tbl TD { padding:4px 8px;  }

.left  { display:block; width:200px; float:left; } 
.left a { display:block; text-decoration:none; color:#039; padding:3px 15px; border-bottom:1px solid #69F; }

.left a.select { display:block; text-decoration:none; color:#09F; padding:3px 15px; border-bottom:1px solid #69F; background-color:#F3F3F3; }


.left a:hover { border-bottom:1px solid #FFCC00;}

.padding { padding:4px 8px; }

.urun { display:block; margin-bottom:20px; background-color:#F9F9F9; }
.urun div.head { display:block; background-color:#F3F3F3; border-bottom:1px solid #E6E6E6; color:#069; }
.urun div.thumb { display:block; }

.urun div.item { display:block; width:150px; height:120px; padding:4px; background-color:#F7F7F7; border:1px solid #09C; margin:5PX; float:left; margin-right:18px; }


.clr:after {
     content: "."; 
     display: block; 
     height: 0; 
     clear: both; 
     visibility: hidden;
}
.clr {display: inline-block;}

/* Hides from IE-mac \*/
* html .clr {height: 1%;}
.clr {display: block;}
/* End hide from IE-mac */