<ul id="sortable">
<li value="34"  class="ui-state-default">
<div id="34" align="center" style="float:inherit; width:80px; height:95px;
filter:alpha(opacity=10);opacity:0.1;"
>
<a href="#"><img src="../images/templates/emptyTemp.png" width="60" height="60" border="0"></a>
none</div>

</li>
<li value="33"  class="ui-state-default">
<div id="33" align="center" style="float:inherit; width:80px; height:95px;
filter:alpha(opacity=10);opacity:0.1;"
>
<a href="#"><img src="../images/templates/emptyTemp.png" width="60" height="60" border="0"></a>
none</div>
</li>
<li value="32"  class="ui-state-default">
<div id="32" align="center" style="float:inherit; width:80px; height:95px;
filter:alpha(opacity=10);opacity:0.1;"
>
<a href="#"><img src="../images/templates/emptyTemp.png" width="60" height="60" border="0"></a>
none</div>
</li>
<li value="31"  class="ui-state-default">
<div id="31" align="center" style="float:inherit; width:80px; height:95px;
filter:alpha(opacity=10);opacity:0.1;"
>
<a href="#"><img src="../images/templates/emptyTemp.png" width="60" height="60" border="0"></a>
none</div>

</li>
<li value="30"  class="ui-state-default">
<div id="30" align="center" style="float:inherit; width:80px; height:95px;
filter:alpha(opacity=10);opacity:0.1;"
>
<a href="#"><img src="../images/templates/emptyTemp.png" width="60" height="60" border="0"></a>
none</div>
</li>
<li value="29"  class="ui-state-default">
<div id="29" align="center" style="float:inherit; width:80px; height:95px;
filter:alpha(opacity=10);opacity:0.1;"
>
<a href="#"><img src="../images/templates/emptyTemp.png" width="60" height="60" border="0"></a>
none</div>
</li>
<li value="28"  class="ui-state-default">
<div id="28" align="center" style="float:inherit; width:80px; height:95px;
filter:alpha(opacity=10);opacity:0.1;"
>
<a href="#"><img src="../images/templates/emptyTemp.png" width="60" height="60" border="0"></a>
none</div>

</li>
<li value="27"  class="ui-state-default">
<div id="27" align="center" style="float:inherit; width:80px; height:95px;
filter:alpha(opacity=10);opacity:0.1;"
>
<a href="#"><img src="../images/templates/emptyTemp.png" width="60" height="60" border="0"></a>
none</div>
</li>
<li value="26"  class="ui-state-default">
<div id="26" align="center" style="float:inherit; width:80px; height:95px;
filter:alpha(opacity=10);opacity:0.1;"
>
<a href="#"><img src="../images/templates/emptyTemp.png" width="60" height="60" border="0"></a>
none</div>
</li>
<li value="25"  class="ui-state-default">
<div id="25" align="center" style="float:inherit; width:80px; height:95px;
filter:alpha(opacity=10);opacity:0.1;"
>
<a href="#"><img src="../images/templates/emptyTemp.png" width="60" height="60" border="0"></a>
none</div>

</li>
<li value="24"  class="ui-state-default">
<div id="24" align="center" style="float:inherit; width:80px; height:95px;
filter:alpha(opacity=10);opacity:0.1;"
>
<a href="#"><img src="../images/templates/emptyTemp.png" width="60" height="60" border="0"></a>
none</div>
</li>
<li value="23"  class="ui-state-default">
<div id="23" align="center" style="float:inherit; width:80px; height:95px;
filter:alpha(opacity=10);opacity:0.1;"
>
<a href="#"><img src="../images/templates/emptyTemp.png" width="60" height="60" border="0"></a>
none</div>
</li>
<li value="22"  class="ui-state-default">
<div id="22" align="center" style="float:inherit; width:80px; height:95px;
filter:alpha(opacity=10);opacity:0.1;"
>
<a href="#"><img src="../images/templates/emptyTemp.png" width="60" height="60" border="0"></a>
none</div>

</li>
<li value="21"  class="ui-state-default">
<div id="21" align="center" style="float:inherit; width:80px; height:95px;
filter:alpha(opacity=10);opacity:0.1;"
>
<a href="#"><img src="../images/templates/emptyTemp.png" width="60" height="60" border="0"></a>
none</div>
</li>
<li value="20"  class="ui-state-default">
<div id="20" align="center" style="float:inherit; width:80px; height:95px;
filter:alpha(opacity=10);opacity:0.1;"
>
<a href="#"><img src="../images/templates/emptyTemp.png" width="60" height="60" border="0"></a>
none</div>
</li>
<li value="19"  class="ui-state-default">
<div id="19" align="center" style="float:inherit; width:80px; height:95px;
filter:alpha(opacity=10);opacity:0.1;"
>
<a href="#"><img src="../images/templates/emptyTemp.png" width="60" height="60" border="0"></a>
none</div>

</li>
<li value="18"  class="ui-state-default">
<div id="18" align="center" style="float:inherit; width:80px; height:95px;
filter:alpha(opacity=10);opacity:0.1;"
>
<a href="#"><img src="../images/templates/emptyTemp.png" width="60" height="60" border="0"></a>
none</div>
</li>
<li value="17"  class="ui-state-default">
<div id="17" align="center" style="float:inherit; width:80px; height:95px;
filter:alpha(opacity=10);opacity:0.1;"
>
<a href="#"><img src="../images/templates/emptyTemp.png" width="60" height="60" border="0"></a>
none</div>
</li>
<li value="16"  class="ui-state-default">
<div id="16" align="center" style="float:inherit; width:80px; height:95px;
filter:alpha(opacity=10);opacity:0.1;"
>
<a href="#"><img src="../images/templates/emptyTemp.png" width="60" height="60" border="0"></a>
none</div>

</li>
<li value="15"  class="ui-state-default">
<div id="15" align="center" style="float:inherit; width:80px; height:95px;
filter:alpha(opacity=10);opacity:0.1;"
>
<a href="#"><img src="../images/templates/emptyTemp.png" width="60" height="60" border="0"></a>
none</div>
</li>
<li value="14"  class="ui-state-default">
<div id="14" align="center" style="float:inherit; width:80px; height:95px;
filter:alpha(opacity=10);opacity:0.1;"
>
<a href="#"><img src="../images/templates/emptyTemp.png" width="60" height="60" border="0"></a>
none</div>
</li>
<li value="13"  class="ui-state-default">
<div id="13" align="center" style="float:inherit; width:80px; height:95px;
filter:alpha(opacity=10);opacity:0.1;"
>
<a href="#"><img src="../images/templates/emptyTemp.png" width="60" height="60" border="0"></a>
none</div>

</li>
<li value="12"  class="ui-state-default">
<div id="12" align="center" style="float:inherit; width:80px; height:95px;
filter:alpha(opacity=10);opacity:0.1;"
>
<a href="#"><img src="../images/templates/emptyTemp.png" width="60" height="60" border="0"></a>
none</div>
</li>
<li value="11"  class="ui-state-default">
<div id="11" align="center" style="float:inherit; width:80px; height:95px;
filter:alpha(opacity=10);opacity:0.1;"
>
<a href="#"><img src="../images/templates/emptyTemp.png" width="60" height="60" border="0"></a>
none</div>
</li>
<li value="10"  class="ui-state-default">
<div id="10" align="center" style="float:inherit; width:80px; height:95px;
filter:alpha(opacity=10);opacity:0.1;"
>
<a href="#"><img src="../images/templates/emptyTemp.png" width="60" height="60" border="0"></a>
none</div>

</li>
<li value="9"  class="ui-state-default">
<div id="9" align="center" style="float:inherit; width:80px; height:95px;
filter:alpha(opacity=10);opacity:0.1;"
>
<a href="#"><img src="../images/templates/emptyTemp.png" width="60" height="60" border="0"></a>
none</div>
</li>
<li value="8"  class="ui-state-default">
<div id="8" align="center" style="float:inherit; width:80px; height:95px;
filter:alpha(opacity=10);opacity:0.1;"
>
<a href="#"><img src="../images/templates/emptyTemp.png" width="60" height="60" border="0"></a>
none</div>
</li>
<li value="7"  class="ui-state-default">
<div id="7" align="center" style="float:inherit; width:80px; height:95px;
filter:alpha(opacity=10);opacity:0.1;"
>
<a href="#"><img src="../images/templates/emptyTemp.png" width="60" height="60" border="0"></a>
none</div>

</li>
<li value="6"  class="ui-state-default">
<div id="6" align="center" style="float:inherit; width:80px; height:95px;
filter:alpha(opacity=10);opacity:0.1;"
>
<a href="#"><img src="../images/templates/emptyTemp.png" width="60" height="60" border="0"></a>
none</div>
</li>
<li value="5"  class="ui-state-default">
<div id="5" align="center" style="float:inherit; width:80px; height:95px;
filter:alpha(opacity=10);opacity:0.1;"
>
<a href="#"><img src="../images/templates/emptyTemp.png" width="60" height="60" border="0"></a>
none</div>
</li>
<li value="4"  class="ui-state-default">
<div id="4" align="center" style="float:inherit; width:80px; height:95px;
filter:alpha(opacity=10);opacity:0.1;"
>
<a href="#"><img src="../images/templates/emptyTemp.png" width="60" height="60" border="0"></a>
none</div>

</li>
<li value="3"  class="ui-state-default">
<div id="3" align="center" style="float:inherit; width:80px; height:95px;
filter:alpha(opacity=10);opacity:0.1;"
>
<a href="#"><img src="../images/templates/emptyTemp.png" width="60" height="60" border="0"></a>
none</div>
</li>
<li value="2"  class="ui-state-default">
<div id="2" align="center" style="float:inherit; width:80px; height:95px;
filter:alpha(opacity=10);opacity:0.1;"
>
<a href="#"><img src="../images/templates/emptyTemp.png" width="60" height="60" border="0"></a>
none</div>
</li>
<li value="1"  class="ui-state-default">
<div id="1" align="center" style="float:inherit; width:80px; height:95px;
visibility:visible;"
>
<a href="#"><img src="../images/templates/homeButton.png" width="60" height="60" border="0"></a>
Home</div>

</li>
<li value="35"  class="ui-state-default">
<div id="35" align="center" style="float:inherit; width:80px; height:95px;
filter:alpha(opacity=10);opacity:0.1;"
>
<a href="#"><img src="../images/templates/emptyTemp.png" width="60" height="60" border="0"></a>
none</div>
</li>
<li value="36"  class="ui-state-default">
<div id="36" align="center" style="float:inherit; width:80px; height:95px;
filter:alpha(opacity=10);opacity:0.1;"
>
<a href="#"><img src="../images/templates/emptyTemp.png" width="60" height="60" border="0"></a>
none</div>
</li>
<li value="37"  class="ui-state-default">
<div id="37" align="center" style="float:inherit; width:80px; height:95px;
filter:alpha(opacity=10);opacity:0.1;"
>
<a href="#"><img src="../images/templates/emptyTemp.png" width="60" height="60" border="0"></a>
none</div>

</li>
<li value="38"  class="ui-state-default">
<div id="38" align="center" style="float:inherit; width:80px; height:95px;
filter:alpha(opacity=10);opacity:0.1;"
>
<a href="#"><img src="../images/templates/emptyTemp.png" width="60" height="60" border="0"></a>
none</div>
</li>
<li value="39"  class="ui-state-default">
<div id="39" align="center" style="float:inherit; width:80px; height:95px;
filter:alpha(opacity=10);opacity:0.1;"
>
<a href="#"><img src="../images/templates/emptyTemp.png" width="60" height="60" border="0"></a>
none</div>
</li>
<li value="40"  class="ui-state-default">
<div id="40" align="center" style="float:inherit; width:80px; height:95px;
filter:alpha(opacity=10);opacity:0.1;"
>
<a href="#"><img src="../images/templates/emptyTemp.png" width="60" height="60" border="0"></a>
none</div>

</li>
</ul>