@charset "UTF-8";
/* CSS Document */


.scrollable {position:relative; overflow:hidden; width: 600px; height:139px; background-color:#fff000;}

/*
	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 the width and height for the root element and
	not for this element.
*/
.scrollable .items {width:20000em; position:absolute; clear:both;}

/* single scrollable item */
.scrollable img {float:left; margin:0px; background-color:#fff; padding:0px; cursor:pointer; width:100px; height:139px; margin-right:20px;}

/* active item */
.scrollable .active {border:0px solid #fff000; z-index:9999; :relative;}

/* this makes it possible to add next button beside scrollable */
.scrollable {float:left;}

/* prev, next, prevPage and nextPage buttons */
a.browse {background:url(../../../images/2010/large-interface/left.png) no-repeat; display:block; width:30px; height:30px; float:left; margin:40px 10px; cursor:pointer; font-size:1px;}

/* right */
a.right {background-position: 0 -30px; clear:right; margin-right: 0px;}
a.right:hover {background-position:-30px -30px; }
a.right:active {background-position:-60px -30px; } 


/* left */
a.left {margin-left: 0px; } 
a.left:hover {background-position:-30px 0; }
a.left:active {background-position:-60px 0; }

/* up and down */
a.up, a.down {background:url(../../../images/2010/large-interface/right.png) no-repeat; float: none; margin: 10px 50px;}

/* up */
a.up:hover {background-position:-30px 0; }
a.up:active {background-position:-60px 0; }

/* down */
a.down {background-position: 0 -30px; }
a.down:hover {background-position:-30px -30px; }
a.down:active  {background-position:-60px -30px; } 


/* disabled navigational button */
a.disabled {visibility:hidden !important;} 	

/* the overlayed element */
.simple_overlay {display:none; z-index:10000; width:700px; min-height:200px;}

/* close button positioned on upper right corner */
.simple_overlay .close {background-image:url(../../../images/2010/large-interface/close.png); position:absolute; right:-15px; top:-15px; cursor:pointer; height:35px; width:35px;}

.details {padding:15px;}

.details-top {background-image:url(../../../images/2010/large-interface/details-top.png); width:700px; height:27px;}

.details-middle {background-color:#695d12; width:700px;}

.details-bottom {background-image:url(../../../images/2010/large-interface/details-bottom.png); width:700px; height:31px;}

.details p {font-family: Arial, Helvetica, sans-serif; font-size:11px; font-weight: normal; color: #ffffff; text-align:left; padding-bottom: 10px; line-height:16px; text-align:justify;}

.poster {width:250px; float:left; text-align:center; padding-top:10px; padding-bottom:10px;}

.edition {float:left; width:420px;}