* {margin:0; padding:0}
#wrapper {
width:1025px; margin:10px auto

}
.sortable {table-layout:auto; width:80%; margin:0 auto}
.sortable th {padding:6px 10px 6px; margin: auto; font-size:14px; background:gray; color:#fff; text-align:left; color:#fff}
.sortable td {padding:6px 10px 4px; background:#fff; font-size:12px;  border-bottom:2px solid #ccc}
.sortable .head {background:#444 url(../images/sort.gif) 6px center no-repeat; cursor:pointer; padding-left:20px}
.sortable .desc {background:#222 url(../images/desc.gif) 6px center no-repeat; cursor:pointer; padding-left:20px}
.sortable .asc {background:#222 url(../images/asc.gif) 6px  center no-repeat; cursor:pointer; padding-left:20px}
.sortable .head:hover, .sortable .desc:hover, .sortable .asc:hover {color:#fff}
.sortable .even td {background:#f2f2f2}
.sortable .odd td {background:#fff}