/* CSS Document */

@charset "utf-8";
/*
Thumbnail scroller jQuery plugin
scrollers styling
*/
body#home div#content ul#banner-navigation .jThumbnailScroller {
	position:absolute;	
	right:0px;
	width:100%; 
	height:auto;
	margin:10px auto 10px 0; 
	padding:0;	
	background:transparent; 
	padding:0 0 5px 0; 
	overflow:hidden; 
	/*-moz-border-radius:0px; 
	-webkit-border-radius:0px;*/
	/*border-radius:0px;*/
	/*right: 6px;*/	
}

body#home div#content ul#banner-navigation .jThumbnailScroller .jTscrollerContainer {
	position:relative;
	overflow:hidden;
	width:100%; 
	height:400px;
	float:left;
	/*margin:0px auto 10px 0; */
	/*overflow:hidden; */
	padding:0 0 5px 0;		
}

body#home div#content ul#banner-navigation .jThumbnailScroller .jTscroller {
	position:relative;
	z-index: 0;
	height:auto;
	/*float:left;*/
	margin:0px auto 10px 0; 
	/*overflow:hidden;*/
	padding:0 0 5px 0;
	/*width:100%;	*/	
	margin:0; 
	left:0; 
	top:0px; 
	display:inline-block;
	/*float: left;*/	
	
	}

body#home div#content ul#banner-navigation .jThumbnailScroller .jTscrollerNextButton, 
body#home div#content ul#banner-navigation .jThumbnailScroller .jTscrollerPrevButton {
	position:absolute; 
	/*display:block; */
	width:28px; 
	height:10px; 
	-moz-border-radius:20px; 
	-webkit-border-radius:20px; 
	border-radius:20px; 	
	opacity: 0.8; /* other browsers  and IE9+ */
    filter: alpha(opacity=40); /* IE6+ 
	/*filter: progid:DXImageTransform.Microsoft.Alpha(opacity=40); /* IE6+ */
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(opacity=40)"; /* this works in IE8 only */
	/*width:108px; 
	height:61px; */
	/*border:2px solid #fff;*/
}

body#home div#content ul#banner-navigation .jThumbnailScroller .jTscrollerNextButton {
	background: url(../img/right-navigation-button-eve.png) top center;
	width: 33px; 
	height:25px;
	border:none;

}

body#home div#content ul#banner-navigation .jThumbnailScroller .jTscrollerPrevButton {
	background: url(../img/left-navigation-button-even.png) top center;
	width: 33px;
	height:25px;
	border:none;	
}

body#home div#content ul#banner-navigation .jThumbnailScroller .jTscrollerNextButton:hover,  
body#home div#content ul#banner-navigation .jThumbnailScroller .jTscrollerPrevButton:hover {
	/*-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";*/
  	/* IE 5-7 */
  	/*filter: alpha(opacity=0);*/
  	/* Netscape */
  	/*-moz-opacity: 1;*/
  	/* Safari 1.x */
  	-khtml-opacity: 1;
  	/* Good browsers */
  	opacity: 1;	
}

body#home div#content ul#banner-navigation .jThumbnailScroller .jTscroller a {
	/*display:inline-block; */
	float:left;
	border:5px solid #fff; 
	margin:0px 2px 50px 0; 
	background-color: none; 
	-moz-border-radius:0px; 
	-webkit-border-radius:0px; 
	border-radius:0px; 
	height:54px; 
	/*outline:1px solid red;*/
	width:107px;
}

/* THUMBNAILS EVENTS HOME IMAGES */

body#home div#content ul#banner-navigation .jThumbnailScroller .jTscroller a#square1 {
	background: transparent url(../img/events-cameo-singers-thumb.jpg) 0 0px no-repeat;
}

body#home div#content ul#banner-navigation .jThumbnailScroller .jTscroller a#square1:hover {
	background: transparent url(../img/events-cameo-singers-thumb.jpg) 0 -75px no-repeat;
}

body#home div#content ul#banner-navigation  .jThumbnailScroller .jTscroller a#square2 {
	background: transparent url(../img/events-home-now-thumbnail.jpg) 0 0 no-repeat;
}

body#home div#content ul#banner-navigation  .jThumbnailScroller .jTscroller a#square2:hover {
	background: transparent url(../img/events-home-now-thumbnail.jpg) 0 -75px no-repeat;
}

body#home div#content ul#banner-navigation  .jThumbnailScroller .jTscroller a#square3 {
	background: transparent url(../img/events-strawberry-tea.jpg) 0 0 no-repeat;
}

body#home div#content ul#banner-navigation  .jThumbnailScroller .jTscroller a#square3:hover {
	background: transparent url(../img/events-strawberry-tea.jpg) 0 -75px no-repeat;
}

body#home div#content ul#banner-navigation  .jThumbnailScroller .jTscroller a#square4 {
	background: transparent url(../img/events-windmill-thumb.jpg) 0 0 no-repeat;
}

body#home div#content ul#banner-navigation  .jThumbnailScroller .jTscroller a#square4:hover {
	background: transparent url(../img/events-windmill-thumb.jpg) 0 -75px no-repeat;
}

body#home div#content ul#banner-navigation  .jThumbnailScroller .jTscroller a#square5 {
	background: transparent url(../img/tour-residential.jpg) 0 0 no-repeat;
}

body#home div#content ul#banner-navigation  .jThumbnailScroller .jTscroller a#square5:hover {
	background: transparent url(../img/tour-residential.jpg) 0 -76px no-repeat;
}

body#home div#content ul#banner-navigation  .jThumbnailScroller .jTscroller a#square6 {
	background: transparent url(../img/tour-sheltered.jpg) 0 0 no-repeat;
}

body#home div#content ul#banner-navigation  .jThumbnailScroller .jTscroller a#square6:hover {
	background: transparent url(../img/tour-sheltered.jpg) 0 -76px no-repeat;
}

body#home div#content ul#banner-navigation  .jThumbnailScroller .jTscroller a#square7 {
	background: transparent url(../img/tour-dementia.jpg) 0 0 no-repeat;
}

body#home div#content ul#banner-navigation  .jThumbnailScroller .jTscroller a#square7:hover {
	background: transparent url(../img/tour-dementia.jpg) 0 -76px no-repeat;
}

body#home div#content ul#banner-navigation  .jThumbnailScroller .jTscroller a#square8 {
	background: transparent url(../img/overview-video.jpg) 0 0 no-repeat;
}

body#home div#content ul#banner-navigation  .jThumbnailScroller .jTscroller a#square8:hover {
	background: transparent url(../img/overview-video.jpg) 0 -75px no-repeat;
}

body#home div#content ul#banner-navigation  .jThumbnailScroller .jTscroller a#square9 {
	background: transparent url(../img/events-ian-eves.jpg) 0 0 no-repeat;
}

body#home div#content ul#banner-navigation  .jThumbnailScroller .jTscroller a#square9:hover {
	background: transparent url(../img/events-ian-eves.jpg) 0 -75px no-repeat;
}

body#home div#content ul#banner-navigation  .jThumbnailScroller .jTscroller a#square10 {
	background: transparent url(../img/events-sringleford-singers.jpg) 0 0 no-repeat;
}

body#home div#content ul#banner-navigation  .jThumbnailScroller .jTscroller a#square10:hover {
	background: transparent url(../img/events-sringleford-singers.jpg) 0 -75px no-repeat;
}

body#home div#content ul#banner-navigation  .jThumbnailScroller .jTscroller a#square11 {
	background: transparent url(../img/events-garden-party-2014.jpg) 0 0 no-repeat;
}

body#home div#content ul#banner-navigation  .jThumbnailScroller .jTscroller a#square11:hover {
	background: transparent url(../img/events-garden-party-2014.jpg) 0 -76px no-repeat;
}

body#home div#content ul#banner-navigation  .jThumbnailScroller .jTscroller a#square12 {
	background: transparent url(../img/events-thumb-burns-night.jpg) 0 0 no-repeat;
}

body#home div#content ul#banner-navigation  .jThumbnailScroller .jTscroller a#square12:hover {
	background: transparent url(../img/events-thumb-burns-night.jpg) 0 -75px no-repeat;
}

/* END THUMBNAILS IMAGES */

body#home div#content ul#banner-navigation .jThumbnailScroller .jTscroller a:hover {
	border: 5px solid #fff;	
	background-color: #333;
}

body#home div#content ul#banner-navigation .jThumbnailScroller .jTscroller a:first-child {
	margin-left:10px;
}

body#home div#content ul#banner-navigation .jThumbnailScroller .jTscroller a img {
	border:none;
}



/* different styled scrollers */
/* liquid width scroller */
body#home div#content ul#banner-navigation  .jThumbnailScroller#tS1 {
	width:95%;
}

body#home div#content ul#banner-navigation  .jThumbnailScroller#tS2 {
	margin:0px auto;
	padding: 0px auto;
	position: relative;
	/*outline: 1px solid red;*/
	width: 475px;
	height: auto;
	/*overflow: hidden;*/
}

body#home div#content ul#banner-navigation  .jThumbnailScroller#tS2 .jTscroller a {
	opacity:0.8;
}

body#home div#content ul#banner-navigation  .jThumbnailScroller#tS2 .jTscroller a:hover {
	opacity:1;
}

body#home div#content ul#banner-navigation  .jThumbnailScroller#tS2 .jTscrollerNextButton {
	margin:00px 10px 0 10px; 
	right:0; 
	top:27%;
}

body#home div#content ul#banner-navigation .jThumbnailScroller#tS2 .jTscrollerPrevButton {
	margin:00px 10px 0 10px; 
	left:0; 
	top:27%;
}

/* a vertical scroller */
body#home div#content ul#banner-navigation  .jThumbnailScroller#tS3,
body#home div#content ul#banner-navigation  .jThumbnailScroller#tS4 {
	position:absolute; 
	right:0px; 
	top:0px; 
	width:122px; 
	height:275px; 
	margin:0; 
	background-color:#fff;	
}

body#home div#content ul#banner-navigation .jThumbnailScroller#tS3 .jTscroller,
body#home div#content ul#banner-navigation .jThumbnailScroller#tS4 .jTscroller {
	height:auto; 
	margin-bottom:0px;
	margin-top: 0px;
}

body#home div#content ul#banner-navigation .jThumbnailScroller#tS3 .jTscroller a,
body#home div#content ul#banner-navigation .jThumbnailScroller#tS4 .jTscroller a {
	display:block; 
	margin:0 6px 7px 6px; 
	width:100px; 
	overflow:hidden; 
	opacity:1;	
	margin-bottom: 0px;
}

body#home div#content ul#banner-navigation .jThumbnailScroller#tS3 .jTscroller a:hover,
body#home div#content ul#banner-navigation .jThumbnailScroller#tS4 .jTscroller a:hover {
	opacity:1;	
}
	

body#home div#content ul#banner-navigation .jThumbnailScroller#tS3 .jTscroller a:first-child,
body#home div#content ul#banner-navigation .jThumbnailScroller#tS4 .jTscroller a:first-child {
	margin-top: 6px;
	
	}

body#home div#content li.shadow-top {
	position:absolute; 
	top:56px; 
	left:485px;
	z-index:10;	
	width: 110px;	
	/*background: transparent url(../img/scroll-filter-top.png) top center no-repeat;*/
}

body#home div#content li.shadow-bottom {
	position:absolute; 	
	bottom:-8px;
	left:485px;
	height: 80px;
	width: 110px;
	z-index:10;			
}

body#home div#content ul#banner-navigation .jThumbnailScroller#tS3 .jTscrollerNextButton,
body#home div#content ul#banner-navigation .jThumbnailScroller#tS4 .jTscrollerNextButton {
	margin:20px 0 5px -16px; 
	position: absolute;
	bottom:0px;
	left:50%; 
	-moz-transform:rotate(90deg); 
	-webkit-transform:rotate(90deg); 
	-o-transform:rotate(90deg); 
	/*filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=1);	*/
	z-index: 50000;
	display: block;		
}

body#home div#content ul#banner-navigation .jThumbnailScroller#tS3 .jTscrollerPrevButton,
body#home div#content ul#banner-navigation .jThumbnailScroller#tS4 .jTscrollerPrevButton {
	margin:0px 0 10px -16px; 	
	top:4px; 
	left:50%; 
	-moz-transform:rotate(90deg); 
	-webkit-transform:rotate(90deg); 
	-o-transform:rotate(90deg); 
	-ms-transform:rotate(180deg);
	position: absolute;
	/*filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=1);*/
	z-index: 50000;
	display: block;
	
}