/* this makes it possible to add next button beside scrollable */
div.scrollable {float: left; position: relative; overflow: hidden; width: 840px; height: 262px; margin: 0 -80px 0 -110px;}
@media screen and (-webkit-min-device-pixel-ratio:0) { /*div.scrollable {float: none;}*/ }


/* prev, next, prevPage and nextPage buttons */
a.prev, a.next, a.prevPage, a.nextPage {
	display:block;
	width: 33px;
	height: 33px;
	background:url(../img/arrow/left.png) no-repeat 0 0;
	float:left;
	margin: 100px 118px 0 0px;
	cursor:pointer;
}

a.prev:hover, a.next:hover, a.prevPage:hover, a.nextPage:hover {background-position: 0 -33px;}
a.disabled {visibility: hidden !important;}
a.next, a.nextPage {background:url(../img/arrow/right.png) no-repeat 0 0; clear:right; margin: 100px -10px 0 85px;}
@media screen and (-webkit-min-device-pixel-ratio:0) { a.next, a.nextPage {position: relative; /*right: -805px; top: -265px;*/} }






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

div.navi {width:200px; margin: 0 auto; height:20px;}
div.navi a {width:8px; height:8px; float:left; margin:3px; background:url(../img/navigator.png) 0 0 no-repeat; cursor:pointer;}
div.navi a:hover {background-position:0 -8px;}
div.navi a.active {background-position:0 -16px;} 


/*********** thumbs Team Gallery ***********/

#thumbs {position: absolute; width:20000em; clear:both;}
#thumbs div {float:left; padding: 7px; width: 121px; height:260px; background: url(../img/bck_staff_gallery.png) no-repeat; color:#5e5e5e; font-size: 11px; line-height: 15px;  cursor: pointer; margin-right: 7px; position: relative;}
#thumbs h3, #thumbs p {margin:0 11px;}
#thumbs h3 {font: bold 14px Arial, Helvetica, sans-serif; color: #424242; margin-top: 15px;}
#thumbs .details a {color: #3d3d3d; text-decoration: none; background: url(../img/ic_plus_small.gif) no-repeat 0 0; _background-position: 0 1px; display: block; height: 14px; margin-top: 15px; width: 65px; font-weight: bold; padding-left: 18px; position: absolute; bottom: 36px; left: 16px;}
#thumbs .details a:hover {color: #fff !important;}
#thumbs div:hover h3, #thumbs div.active  h3 {color: #e20000;}
#thumbs div:hover, #thumbs div.active {background: url(../img/bck_staff_gallery.png) no-repeat 0 -262px; color: #c2c2c2;}
#thumbs div:hover .details a, #thumbs div.active .details a {background-position: 0 -14px; _background-position: 0 -13px; color: #707070; }


/*********** thumbs Profiles ***********/

.popup .thumbnails {clear: both; height: 65px; width: 570px; position: absolute; bottom: 0; left: 15px;}
.popup .thumbnails div {float: left; height: 65px; font-size: 9px;}
.popup .thumbnails div p {margin: 0;}
.popup .thumbnails div a {color: #808080; text-decoration: none;} 
.popup .thumbnails div a:hover, .popup .thumbnails div.active a {color: #e20000;}
.popup .thumbnails img {height: 42px; width: auto; border: 1px solid #ccc; margin-right: 14px;}
.popup .thumbnails a:hover img, .popup .thumbnails .active img {border: 1px solid #e20000;}

#thumbs a.thickbox img {height: 137px; width: 117px;}