Passar configuração de ul e li para div

como colocar essa configuracao em css que esta para ul e li

<style type="text/css">
ul#menutt {

width: 160px;
list-style:none;
font: bold 16px Arial, Verdana, Serif;
}

ul#menutt li{

position:fixed;
left:100px;
top:150px;
}

ul#menutt a {

width: 160px;
display: block;
text-align:left;
padding: 5px 10px;
margin-bottom:1px;
text-decoration: none;
color: #000;
background: #1cd117;
border-left: 12px solid #05a22e;
border-right: 3px solid #05a22e;
voice-family: "\"}\"";
voice-family:inherit;
width:125px;
}

>#pagebody>ul#menutt a {

width:125px;
}

/ Fix IE. Hide from IE Mac \/
* html ul#menutt li { float: right; height: 1%; }
* html ul#menutt li a { height: 1%; }
/ End /
ul#menutt a:hover {

color: #fff;
background: #2aec09;
border-right: 3px solid #17c71c;
border-left: 12px solid #17c71c;
}

ul#menutt a span {

display: none;
}

ul#menutt a:hover span {

display: block;
position: absolute;
top:25px;
left: 0px;
width: 160px;
padding: 5px;
margin-left:2px;
color: #fff;
background:#060;
font-size: 10px;
text-align:left;
border:1px solid #000;
}
</style>
<ul id="menutt">
<li>
<a href="#">Home
<span>
</span>
</a>
</li>

</ul>

para essa div do meu site

<div class="cart-box-top"><a href="http://xxx.com/index.php/checkout/cart/"><span class="item-total-right">
 0 Item </span>
 </a></div>