/* CSS Document */

/* this makes it possible to add next button beside scrollable */
.scrollablelinkCon {background-color:#f3f3f3; border:1px solid #ccc; display:block; overflow:hidden; border-radius:4px; box-shadow:0 1px 0 #fff;}

div.scrollable {
float:left;	
position:relative;
overflow:hidden;
width: 799px;	 
height:300px;
border-top:1px solid #8b8b8b;
}

/* prev, next, prevPage and nextPage buttons */
a.prev, a.next, a.prevPage, a.nextPage {
display:block;
width:24px;
height:60px;
background:url(../i/leftlg.png) no-repeat;
float:left;
margin:122px 0 0;
cursor:pointer;
}

a.prev {background-position:4px 0px;}
a.prev:hover {background-position:4px -60px;}
a.next {background-image:url(../i/rightlg.png); clear:right;}
a.next:hover {background-position:0px -60px;}
a.disabled {visibility:visible !important;		}



/*********** navigator ***********/


/* position and dimensions of the navigator */
div.navi {
margin-left:400px;
width:200px;
height:20px;
}


/* items inside navigator */
div.navi a {
width:8px;
height:8px;
float:left;
margin:3px;
background:url(../i/navigator.png) 0 0 no-repeat;     
cursor:pointer;	
}

/* mouseover state */
div.navi a:hover {
background-position:0 -8px;      
}

/* active state (current page state) */
div.navi a.active {
background-position:0 -16px;     
} 	

#thumbs {	
position:absolute;
width:20000em;	
clear:both;
border:0;
background:#fdfdfd;
}

/* single item */
#thumbs div {
float:left;
width:265px;
height:299px;
color:#5a6265;
border-left:1px solid #ccc;
cursor:pointer;
}

/* style when mouse is over the item */
#thumbs div.hover {cursor:default;}

/* style when element is active (clicked) */
#thumbs div.active {cursor:default;}

#thumbs h3 {
padding:13px;
font-size:13px;
background: #99a0a2;
text-transform:uppercase;
color:#fff;	
}
#thumbs p {color:#63686a; margin:13px;}
#thumbs a {
color:#069;
text-decoration:underline;
}
#thumbs h3 em {
font-style:normal;
color:yellow;
}

span.blue {padding-left:13px;}