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

#carousel { padding: 40px 0 0 0; position:relative; height: 460px;  }
div.scrollable { position:relative; float:left; overflow:hidden; width: 776px; height:400px; margin: 0 12px 0 12px; padding:0; }
 
#thumbs { position:absolute; width:20000em; clear:both; }
#thumbs div.column { float:left; padding: 0 5px; cursor:pointer; }
#thumbs img { width:160px; height: 113px; }

#thumbs div.hover {}
#thumbs div.active { cursor:default; }
#thumbs a { display:block; font-size: 11px; color: #fff; margin: 0;}
#thumbs a:hover { background: url(/images/arrowhover.png) no-repeat right; }  


a.prevPage, a.nextPage { display:block; width:50px; height:50px; background:url(/images/scrollerleft.png) no-repeat; float:left; margin:0 0 0 0; cursor:pointer; }
a.disabled { visibility:hidden !important; }
a.nextPage { background-image:url(/images/scrollerright.png); float:left; }
a.nextPage:hover { background-image:url(/images/scrollerrighthover.png); }
a.prevPage:hover { background-image:url(/images/scrollerlefthover.png); }
a.prevPagebg { display:block; position: absolute; top: 40px; left:0; width:50px; height:50px; background: url(/images/scrollerleftbg.png) no-repeat; }
a.nextPagebg { display:block; position: absolute; top: 40px; right:0; width:50px; height:50px; background: url(/images/scrollerrightbg.png) no-repeat; }
 
#tooltip { 
    display:none; 
    background:transparent url(/images/tooltipbg.png) bottom;
	border-top: 1px solid #fff; 
    font-size:12px;
	text-align:center; 
    width:150px; 
    padding: 15px 15px 30px 15px; 
    color:#fff;     
}