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

div.scrollable { position:relative; float:left; overflow:hidden; width: 624px; height:220px; margin: 0 9px 0 9px; padding:0; }
div.scrollable2 { position:relative; float:left; overflow:hidden; width: 624px; height:243px; margin: 0 9px 0 9px; padding:0; }
 
#thumbsa, #thumbs { position:absolute; width:20000em; clear:both; }
#thumbsa div { float:left; width:136px; height:206px; background: transparent url(/images/carouselitembg.png) no-repeat; color:#fff; margin: 0 3px 0 3px; padding: 7px; cursor:pointer; }
#thumbs div { float:left; position:relative; width:181px; height:227px; background: transparent url(/images/carouselitembglarge.png) no-repeat; color:#fff; margin: 0 5px 0 5px; padding: 8px; cursor:pointer; }
#thumbsa div.singleitem div { float:none; width: 136; height: 85px; margin:0; padding: 0; background: none;}
#thumbsa img { width:132px; height: 70px; border: 2px solid #f5f5f5; }
#thumbs img { width:177px; height: 75px; border: 2px solid #fff; }
#thumbsa div.hover, #thumbs div.hover {}
#thumbsa div.active, #thumbs div.active { cursor:default; }
#thumbsa p { padding:8px; color:#f5f5f5; font-size:11px; } 
#thumbs p { padding:8px; color:#555; font-size:11px; }
#thumbsa ul, #thumbs ul { padding: 0; margin: 0; list-style: none;}
#thumbsa li { margin: 0; padding: 0; width: 136px; }
#thumbs li { margin: 0; padding: 0; width: 181px; }
#thumbsa a, #thumbs a { display:block; font-size: 11px; color: #fff; margin: 0; padding:3px 5px 0 5px; width: 121px; height: 19px; background: url(/images/arrowvisitsmall.png) no-repeat right ;}
#thumbsa a { display:block; font-size: 11px; color: #fff; margin: 0; padding:3px 5px 0 5px; width: 126px; height: 19px; background: url(/images/arrowvisitsmall.png) no-repeat 118px ;}
#thumbs a.bottomlink { display:block; position: absolute; left:12px; bottom:10px; color: #860038; width: 160px; height: 19px; background: url(/images/arrowvisit.png) no-repeat right ;}
#thumbs a.bottomlink:hover { color: #404041; background: url(/images/arrowhover.png) no-repeat right ;}
#thumbsa a:hover { background-color: #fff; color: #860038; }
#thumbs a:hover { background: url(/images/arrowhover.png) no-repeat right; }  
#thumbsa div.singleitem a:hover { background-color: none; }
#thumbsa li:hover { background-color: #fff; }
#thumbsa .linkitem1 { background-color: #860038; }
#thumbsa .linkitem2 { background-color: #a1425a; }
#thumbsa .linkitem3 { background-color: #bd7684; }
#thumbsa .linkitem4 { background-color: #dcb3b8; }
#thumbsa .linkitem5 { background-color: #f0dde0; }
#thumbsa h2 { color: #fff; background: #404041; height: 22px; margin:0; padding:0; }
#thumbs h2 { color: #fff; background: #860038; height: 22px; margin:0; padding:0; }
#thumbsa h2 a { position:relative; color: #fff; font-size: 11px; font-weight: normal; text-decoration:underline; display:block; padding: 3px 0 0 7px; background: none; }
#thumbs h2 a { position:relative; width: 163px; color: #fff; font-size: 11px; font-weight: normal; text-decoration:underline; display:block; padding: 3px 0 0 7px; background: none; }
#thumbsa h2 a:hover, #thumbs h2 a:hover { background: none; color: #fff; }
#thumbsa h2:hover, #thumbs h2:hover { background: #939598; }
#thumbsa li.linkitem4 a, #thumbsa li.linkitem5 a { color: #a1425a; }
#thumbsa a.linkitemimage, #thumbs a.linkitemimage { display:inline; margin:0; padding:0; background:none; }

a.prevPage, a.nextPage { display:block; width:40px; height:80px; background:url(/images/pageleftvisit.png) no-repeat; float:left; margin:50px 0 0 0; cursor:pointer; }
a.disabled { visibility:hidden !important; }
a.nextPage { background-image:url(/images/pagerightvisit.png); float:left; }
a.nextPage:hover { background-image:url(/images/pagerightvisithover.png); }
a.prevPage:hover { background-image:url(/images/pageleftvisithover.png); }
a.prevPageStatic, a.nextPageStatic { display:block; width:40px; height:80px; float:left; margin:50px 0 0 0; }

div.navi { height:30px; margin: 20px 0 0 300px; padding: 0 0 0 0; }
div.navi a { width:12px; height:12px; float:left; margin:6px 3px; background:url(/images/navivisit.png) 0 0 no-repeat; display:block; font-size:1px; }
div.navi a:hover { width:12px; height:12px; margin:6px 3px; background:url(/images/navivisithover.png) 0 0 no-repeat; }
div.navi a.active { width:18px; height:18px; margin:3px; background:url(/images/navivisitactive.png) 0 0 no-repeat; }