.sortable {width:750px; margin:0 auto 15px; border:1px solid #000000;}
.sortable th {font: 10px Verdana, Arial, Helvetica, sans-serif; font-weight:bold; padding:4px 6px 6px; background:#444; color:#fff; text-align:left; color:#ccc;}
.sortable td {font: 10px Verdana, Arial, Helvetica, sans-serif; padding:2px 4px 4px; background:#fff; border-bottom:1px solid #ccc;}
.sortable .head {background:#444 url(images/sort.gif) 6px center no-repeat; cursor:pointer; padding-left:18px;}
.sortable .desc {background:#222 url(images/desc.gif) 6px center no-repeat; cursor:pointer; padding-left:18px;}
.sortable .asc {background:#222 url(images/asc.gif) 6px  center no-repeat; cursor:pointer; padding-left:18px;}
.sortable .head:hover, .sortable .desc:hover, .sortable .asc:hover {color:#fff;}
.sortable .even td {background:#fff;}
.sortable .odd td {background:#ecf2f6;}
.sortable td.evensel{background:#ecf2f6;}
.sortable td.oddsel {background:#dce6ee;}

#controls {width:750px; margin:0 auto; height:20px; font-size: 10px;}
#perpage {float:left; width:250px;}
#perpage select {float:left; font-size:11px;}
#perpage span {float:left; margin:2px 0 0 5px;}
#navigation {float:left; width:250px; text-align:center;}
#navigation img {cursor:pointer;}
#text {float:left; width:200px; text-align:right; margin-top:2px;}

#controlsSorterCart {width:750px; margin:0 auto; height:20px; font-size: 10px;}
#perpageSorterCart {float:left; width:250px;}
#perpageSorterCart select {float:left; font-size:11px;}
#perpageSorterCart span {float:left; margin:2px 0 0 5px;}
#navigationSorterCart {float:left; width:250px; text-align:center;}
#navigationSorterCart img {cursor:pointer;}
#textSorterCart {float:left; width:200px; text-align:right; margin-top:2px;}