/*
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/carouselnavbg3.gif) no-repeat; }
div.scrollable { position:relative; float:left; overflow:hidden; width: 408px; height:74px; margin: 0 20px 0 20px; padding:0; }
 
#thumbs { position:absolute; width:20000em; clear:both; }
#thumbs div { float:left; height:80px; background: transparent url(/images/carouselitembg.png) no-repeat; color:#fff; margin: 0 8px 0 8px; padding: 0; cursor:pointer; }
#thumbs img { height: 80px; }

#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:26px; height:26px; background:url(/images/pageleft.png) no-repeat; float:left; margin:20px 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/tooltipbg.png) bottom;
	border-top: 1px solid #fff; 
    font-size:12px;
	text-align:center; 
    width:150px; 
    padding: 15px 15px 30px 15px; 
    color:#fff;     
}

#imageviewer { 
    /* dimensions */ 
    width:500px; 
    margin:0 0 0 0; 
    padding:0 0; 
 
    /* centered */ 
    text-align:left; 
}