﻿@charset "utf-8";

.scrollWrapper { 
	width: 100%;
	/*background: #57585A;
	border-top: 2px solid #ccc;
	border-bottom: 2px solid #ccc;*/
	font-family: Arial, Helvetica, sans-serif;
	font-weight: bold;
	margin-bottom:-20px;
	 }

/*
Thumbnail scroller jQuery plugin
scrollers styling
*/
.jThumbnailScroller { 
	position:relative;
	width:100%; 
	height:370px;/*235px; */
	margin:160px auto 0 auto; 
	overflow:hidden;
	padding:0;
	background: url(../CFImages/bg_banner_nogradient.jpg) repeat-x;
	padding-top:20px;

}
	
.jThumbnailScroller .jTscrollerContainer{ position:absolute; }

.jThumbnailScroller .jTscroller {
	position:relative; 
	margin:0; 
	left:0; 
	top:0; 
	display:inline-block; 
	*display:inline; 
	background: url(../CFImages/bg_banner_slider.jpg) repeat-x 0 5px; 
	padding-top:3px;
    
}

.lt-ie8 .jThumbnailScroller .jTscroller {
    height:300px;
    display:block;
}

.jThumbnailScroller .jTscrollerNextButton,.jThumbnailScroller .jTscrollerPrevButton { 
	position:absolute; 
	display:block; 
	width:40px; 
	height:40px; 
	opacity:0.7; }

.jThumbnailScroller .jTscrollerNextButton { background:#000 url(/CFImages/nextArrow.png) center center; }
.jThumbnailScroller .jTscrollerPrevButton { background:#000 url(/CFImages/prevArrow.png) center center; }

.jThumbnailScroller .jTscrollerNextButton:hover,.jThumbnailScroller .jTscrollerPrevButton:hover { 
	background-color: #711371; 
	opacity:1 ;}

.jThumbnailScroller .jTscroller a{ 
	display:block; 
	float:left;  
    width: 430px; /*230px;*/
	height: 420px; /*220px;*/
    position: relative;
    margin: 10px 15px 0 0;
}

.jThumbnailScroller .jTscroller a:hover { 

}
.jThumbnailScroller .jTscroller a:first-child { margin-left:10px; }


.jThumbnailScroller .jTscroller a .box {
    position:absolute;
    display:block;
    width: 430px; /*230px;*/
    z-index:1;
}

.jThumbnailScroller .jTscroller a .box img{
    width:100%;
}
.jThumbnailScroller .jTscroller a:hover .box{
    top:-30px;
    left:-10px;
    width: 450px; /*250px;*/
    z-index:6;
    background: #ffffff;
    padding:8px;
    box-shadow: 0 0 5px #777;
}

.jThumbnailScroller .jTscroller a .box p{
    display:none;
    color:#777;
    padding:0;
    margin:0;
}

.jThumbnailScroller .jTscroller a:hover .box p{
    display:block;
}

.jThumbnailScroller .jTscroller a .box p.description{
    font-size:80%;
    line-height:1.32em;
}

/* different styled scrollers */
.jThumbnailScroller#tS2 { margin:0px auto; }

/*background colour behind the image thumb*/




.jThumbnailScroller#tS2 .jTscrollerNextButton {
	margin:-20px 10px 0 10px; 
	right:0; 
	top:50%; 
    z-index:10;
}

.jThumbnailScroller#tS2 .jTscrollerPrevButton{
	margin:-20px 10px 0 10px; 
	left:0; 
	top:50%;
        z-index:10;
}

