/* 
    root element for the scrollable. 
    when scrolling occurs this element stays still. 
*/ 
div.mini-scrollable { 
 
    /* required settings */ 
    position:relative; 
    overflow:hidden; 
    width: 217px; 
    height:250px;
  margin: auto;
} 
 
/* 
    root element for scrollable items. Must be absolutely positioned 
    and it should have a extremely large width to accomodate scrollable items. 
    it's enough that you set width and height for the root element and 
    not for this element. 
*/ 
div.mini-scrollable div.mini-items { 
    /* this cannot be too large */ 
    width:20000em; 
    position:absolute; 
} 
 
/* 
    a single item. must be floated in horizontal scrolling. 
    typically, this element is the one that *you* will style 
    the most. 
*/ 
div.mini-scrollable div.mini-items div { 
    float:left; 
} 
 
/* you may want to setup some decorations to active the item */ 
div.mini-items div.active { 
    border:1px inset #ccc; 
    background-color:#fff; 
}

div.navButtons a.browse {
  display: inline-block;
  width: 18px;
  height: 18px;
}

div.navButtons a.nextPage {
  background:transparent url(/global/images/arrow/right.png) no-repeat scroll 0 0;
}

div.navButtons a.nextPage:hover {
  background:transparent url(/global/images/arrow/right.png) no-repeat scroll  0 -18px;
}

div.navButtons a.prevPage {
  background:transparent url(/global/images/arrow/left.png) no-repeat scroll 0 0;
}

div.navButtons a.prevPage:hover {
  background:transparent url(/global/images/arrow/left.png) no-repeat scroll 0 -18px;
}

div.navButtons a.left {
  margin-left: 80px;
}

div.navButtons a.right {
  margin-right: 80px;
}

div.navButtons {
  border-bottom: 1px solid #999;
  margin-top: 12px;
  height: 20px;
}
div.item {
width: 600px;
}
div.right-info {
width: 360px;
height: 310px;
float: left;
margin-left: 20px;
overflow: auto;
}
div.coverart_p {
float: left;
width: 200px;
}

div.right-info h2, div.right-info h4, div.right-info p {
margin-bottom: 8px;
margin-top: 4px;
}

div.coverart_h {
width: 600px !important;
height: 310px;
}

div.ir {
float: left;
width: 49%;
}

div.il {
float: left;
width: 49%;
margin-left: 2%;
}
div.coverart_h h2, div.coverart_h h4, div.coverart_h p {
margin-bottom: 8px;
margin-top: 4px;
}

div.encompassing-widget {
padding-top: 14px;
border-top: 1px solid #000;
}