div.shopbox
{
position: relative;
width: 500px;
height: 160px;
margin-left: 30px;
}
div.shopitemtitle a
{
display: block;
position: absolute;
height:30px;
width: 500px;
top: 0px;
left: 0px;
background-color: #FFFF00;
color: #339900;
font-weight: bold;
font-variant: small-caps;
padding: 2px;
background-image: url(../img/listen1.gif);
background-repeat: no-repeat;
background-position: top right;
font-size:11pt;
}
div.shopitemtitle a:hover
{
background-color: #339900;
color: #FFFF00;
background-image: url(../img/listen2.gif);
}
div.shopitemtitleoff
{
display: block;
height:30px;
position: absolute;
width: 500px;
top: 0px;
left: 0px;
background-color: #FFFF00;
color: #339900;
font-weight: bold;
font-variant: small-caps;
font-size:11pt;
padding: 2px;
}
div.sleeveart
{
display: block;
position: absolute;
background-color: #666666;
color: #000000;
width: 140px;
top: 20px;
right: 0px;
text-align: center;
}
div.shopitemfooter
{
position: absolute;
height:20px;
width:350px;
bottom:0px;
left:0px;
}
div.shopformat
{
position: absolute;
background-color: #666666;
color: #FFFFFF;
width: 360px;
font-size:11pt;
font-variant:small-caps;
font-weight:bold;
padding:2px;
left: 0px;
bottom:28px;
}
div.shopstock
{
position: absolute;
background-color: #666666;
color: #FFFFFF;
width: 90px;
font-size:10pt;
font-variant:small-caps;
font-weight:bold;
padding:2px;
right: 0px;
bottom:0px;
}
div.shopbutton a
{
display: block;
float: left;
font-weight: bold;
background-color: #666666;
color: #000000;
width: 150px;
text-align: center;
border: 1px solid #000000;
}
div.shopbutton a:hover
{
background-color: #FFFF00;
color: #339900;
}