.scrollable {
	position:relative;
	overflow:hidden;
	width: 903px;
	height:350px;
}
.scrollable .items {
	/* this cannot be too large */
	width:20000em;
	position:absolute;
	clear:both;
}

.items div {
	float:left;
	width:903px;
	text-align:center;
}

.items div .details  {
	color:#543018;
	font-family:Arial,Helvetica,sans-serif;
	font-size:13px;
	text-align:right;
	width:100%;
}

/* position and dimensions of the navigator */
.client_navigation {
	clear:both;
	width:176px;
	height:113px;
	margin:2px 10px 0 10px;
	padding:0;
}
.client_navigation li {
	float:left; 
	margin:0; 
	padding:0; 
	text-indent:0; 
	list-style-type:none;
}
.client_navigation li.text {
	color:#543018;
	display:block;
	font-family:Arial,Helvetica,sans-serif;
	font-size:11px;
	font-weight:bold;
	letter-spacing:0.2px;
	padding: 1px 2px;
	width:172px;
}

/* items inside navigator */
.client_navigation a {
	width:19px;
	height:17px;
	float:left;
	margin:1px;
	background:url("/clients/assets/images/navigator2.png") 0 0 no-repeat;
	display:block;
	font-size:1px;
}

/* mouseover state */
.client_navigation a:hover {
	background-position:0 -17px;      
}

/* active state (current page state) */
.client_navigation a.active {
	background-position:0 -34px;     
}

#client_box {
	background-color:#EBEFE6;
	height:340px;
	width: 196px;
}
.client_header {
	background-color:#F57A1D;
	color:#FFFFFF;
	font-family:Arial,Helvetica,sans-serif;
	font-size:11.5px;
	font-weight:bold;	
	height:16px;
	padding:5px 10px;
}
.client_desc {
	font-family:Arial,Helvetica,sans-serif;
	font-size:11px;
	height:125px;
	margin:0;
	padding:5px 10px 0 10px;
}
.client_imgpreview {
	height:54px;
	padding:0 10px;
	width:175px;
	background-image:url("/clients/assets/images/blank.jpg");
	background-repeat:no-repeat;
	background-position:11px 0px;
}
.client_backnext {
	background-color:#F57A1D;
	color:#FFFFFF;
	font-family:Arial,Helvetica,sans-serif;
	font-size:8.5px;
	font-weight:bold;	
	padding:2px 10px;
	margin: 0;
}
.client_backnext A {
	color:#FFFFFF;
	font-family:Arial,Helvetica,sans-serif;
	font-size:8.5px;
	font-weight:bold;	
	text-decoration:none;
}
.client_backnext .left {
	width:40%;
}
.client_backnext .right {
	float:right;
	text-align:right;
	width:40%;
}

#scrollable-nav-buttons {
	left:898px;
	height:25px;
	position:absolute;
	top: 455px;
	width:72px;
}


/* prev, next, prevPage and nextPage buttons */
a.browse {
	background:url("/clients/assets/images/left-right-nav.png") no-repeat;
	display:block;
	width:21px;
	height:21px;
	float:left;
	margin:0px 15px;
	cursor:pointer;
	font-size:1px;
}

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


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

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