/* 
			Scrollable
		*/ 

		div.scrollable { 
			/* required settings */
			position: absolute;
			top: 85px;
			left: 15px;
			overflow:hidden;
			width: 960px;
			height: 220px;
			margin: 0px 0px 0px 0px;
			padding: 0px 0px 0px 0px;
			z-index: 888;
		
		} 

		div.scrollable div.items { 
			/* this cannot be too large */ 
			width:20000em; 
			position:absolute; 
		} 
	
		/* Carousel */
		div.object {
			float: left;
			width: 140px;
			height: 210px;
			margin: 0px 10px 0px 10px;
			padding: 0px 0px 0px 0px;
			position: relative;
			text-align: center;
			background: #fff;
			
			-moz-box-shadow: 0px 2px 4px rgba(0,0,0,0.2); /* FF3.5 - 3.6 */
  -webkit-box-shadow: 0px 2px 4px rgba(0,0,0,0.2); /* Saf3.0+, Chrome */
          box-shadow: 0px 2px 4px rgba(0,0,0,0.2); /* Opera 10.5, IE9, FF4+, Chrome 10+ */
             	-moz-transition: all 0.2s ease-out;  /* FF3.7+ */
       -o-transition: all 0.2s ease-out;  /* Opera 10.5 */
  -webkit-transition: all 0.2s ease-out;  /* Saf3.2+, Chrome */
          transition: all 0.2s ease-out; 
		}
		
		div.object a {
			float: left;
			cursor: pointer;
			width: 126px;
			height: 196px;
			display: block;
			text-align:center;	
			background: #fff;
			border: 7px solid #fff;
			-moz-box-shadow: 0px 2px 4px rgba(0,0,0,0.2); /* FF3.5 - 3.6 */
  -webkit-box-shadow: 0px 2px 4px rgba(0,0,0,0.2); /* Saf3.0+, Chrome */
          box-shadow: 0px 2px 4px rgba(0,0,0,0.2); /* Opera 10.5, IE9, FF4+, Chrome 10+ */
             	-moz-transition: all 0.2s ease-out;  /* FF3.7+ */
       -o-transition: all 0.2s ease-out;  /* Opera 10.5 */
  -webkit-transition: all 0.2s ease-out;  /* Saf3.2+, Chrome */
          transition: all 0.2s ease-out; 
			
		}
		div.object a:hover {
			border-color: #f4f1e6;
			-moz-box-shadow: 0px 2px 6px rgba(0,0,0,0.4); /* FF3.5 - 3.6 */
  -webkit-box-shadow: 0px 2px 6px rgba(0,0,0,0.4); /* Saf3.0+, Chrome */
          box-shadow: 0px 2px 6px rgba(0,0,0,0.4); /* Opera 10.5, IE9, FF4+, Chrome 10+ */
			
			
				
		}
		div.object img {
			padding: 0;
			margin: auto;
			text-align:center;
    		display:block;
    	
    		 
		}
	
		#contentbox div.object {
			width: 154px;
			height: 224px;
			margin: 0px 20px 20px 0px;
			padding: 0px 0px 0px 0px;
		}
		#contentbox div.object a {
			width: 140px;
			height: 210px;
		}



/* BUTTONS */

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

/* prev, next, prevPage and nextPage buttons */
a.browse {
	display:block;
	width:60px;
	height:65px;
	position: absolute;
	top: 0px;
	
	margin:0px 0px;
	cursor:pointer;
	font-size:0px;
	z-index: 999;
	-moz-transition: all 0.2s ease-out;  /* FF3.7+ */
       -o-transition: all 0.2s ease-out;  /* Opera 10.5 */
  -webkit-transition: all 0.2s ease-out;  /* Saf3.2+, Chrome */
          transition: all 0.2s ease-out;
          filter: alpha(opacity=90);
    -moz-opacity: 0.9;
    opacity: 0.9;
}


/* right */
.right {
	width:60px;
	right: 0px;
	background:url(../images/next.png) no-repeat 0px 50%;
}
a.right 				{ background-position: 0px 50%;}
a.right:hover 	{ background-position: 0px 50%;  filter: alpha(opacity=100);-moz-opacity: 1.0; opacity: 1.0;}
a.right:active 	{ background-position: 0px 50%; }


/* left */
.left {
	width:60px;
	right: 65px;
	background:url(../images/prev.png) no-repeat 0px 50%;
}
a.left					{ background-position: 0px 50%;} 
a.left:hover  		{ background-position: 0px 50%; filter: alpha(opacity=100);-moz-opacity: 1.0; opacity: 1.0; }
a.left:active 	 	{ background-position: 0px 50%; }



/* disabled navigational button */
a.disabled {
	filter: alpha(opacity=20);
    -moz-opacity: 0.2;
    opacity: 0.2;
}