/*
Title:      Styles for Carousel
Author:     Paul Sivers, Keywave [http://www.keywave.com]
Created:	25/06/09
Updated:    25/06/09
*/

#carousel { margin: 20px 0 0 0; background: url(/images/carouselnavbg.gif) no-repeat; }
div.scrollable { position:relative; float:left; overflow:hidden; width: 660px; height:300px; margin: 0 10px 0 10px; padding:0; }
 
#thumbs { position:absolute; width:20000em; clear:both; }
#thumbs div { position:relative; float:left; width:200px; height:300px; color:#333; margin: 0 10px 0 10px; padding: 0; cursor:pointer; }
#thumbs p { position: absolute; top: 193px; left:0; font-size:12px; text-align:center; width:170px; height: 30px; padding: 30px 15px 15px 15px; color:#fff; background:transparent url(/images/tooltipbg3.png) top; }
#thumbs img { width:200px; height: 200px; }

#thumbs div.hover {}
#thumbs div.active { cursor:default; }
#thumbs a { display:block; font-size: 12px; color: #fff; margin: 0; text-decoration:none;}
#thumbs a:hover { text-decoration:underline; }  


a.prevPage, a.nextPage { display:block; width:26px; height:26px; background:url(/images/pageleft.png) no-repeat; float:left; margin:0 0 0 0; cursor:pointer; }
a.disabled { visibility:hidden !important; }
a.nextPage { background-image:url(/images/pageright.png); float:left; }
a.nextPage:hover { background-image:url(/images/pagerighthover.png); }
a.prevPage:hover { background-image:url(/images/pagelefthover.png); }
a.prevPageStatic, a.nextPageStatic { display:block; width:40px; height:80px; float:left; margin:0 0 0 0; }
 
#tooltip { 
    display:none; 
    background:transparent url(/images/tooltipbg2.png) top;
	border-bottom: 1px solid #fff; 
    font-size:12px;
	text-align:center; 
    width:170px; 
    padding: 30px 15px 15px 15px; 
    color:#fff;     
}