.ScrollCatalog { 
	width:500px;
	height:162px; 
	margin:0;
	padding:95px 68px 0px;
	position:relative; 
}

	.ScrollCatalog .content-conveyor { 
		width:557px; 
		height:160px;
		position:relative; 
	}
	
	
	.ScrollCatalog .background { 
		position:absolute;
		top: 0;
		left: 0;
	}
									
	.ScrollCatalog .viewer { 
		width:557px; 
		height:160px;
		top:15px;
		left:-30px;
		margin:0; 
		padding:0; 
		overflow:hidden; 
		position:relative; 
		border:0;
		background-color:#000; 
	}
					
		.ScrollCatalog .slider .ui-slider-handle {
			width:103px;
			height:62px;
			top:-26px;
			margin-left:-51px;
			background-image: url(/NetSmartzKids/images/scrollcatalog/redScrollhandle.png);
			background-color: transparent;
			border:none;
			cursor: pointer;
		}
				
		.ScrollCatalog .slider .ui-slider-handle.ui-state-default {
			background-position:0px 0px;
		}
		.ScrollCatalog .slider .ui-slider-handle.ui-state-hover {
			background-position:0px -62px;
		}
		.ScrollCatalog .slider .ui-slider-handle.ui-state-active {
			background-position:0px -128px;
		}	
		

	.ScrollCatalog .innerborder {
		float:left;
		margin-left:10px;
	}		
		
	a.innerborder, a.innerborder img {
		float: left;
		overflow:hidden;
	}
	
	a.innerborder:hover {
		border:4px solid #2EC9FC;
	}
		
	a.innerborder:hover img {
		margin: -4px;
	}		


/*/RBS VIEWER/*/		
	#PrintMaterials .ScrollCatalog .viewer { 
		width:555px; 
		height:254px;
		top:10px;
		left:15px; 
		margin:0; 
		padding:0; 
		overflow:hidden; 
		position:relative; 
		border:0;
		background-color:transparent;
	}
	
	#RoutersBirthdaySurprise .ScrollCatalog .viewer { 
		width:555px; 
		height:254px;
		top:10px;
		left:15px; 
		margin:0; 
		padding:0; 
		overflow:hidden; 
		position:relative; 
		border:0;
		background-color:transparent;
	}	

/*/CLUB UYN VIEWER/*/										
	#HallOfFame .ScrollCatalog .viewer { 
		width:640px; 
		height:354px;
		top:-70px;
		left:-68px; 
		margin:0; 
		padding:0; 
		overflow:hidden; 
		position:relative; 
		border:0;
		background-color:transparent; 
	}	
		
/*/VIDEOS VIEWER/*/										
	#LearnWithClicky .ScrollCatalog .viewer,
	#ClubUYNVideos .ScrollCatalog .viewer,
	#DanceAlong .ScrollCatalog .viewer { 
		width:510px; 
		height:160px;
		top:12px;
		left:-3px; 
		margin:0; 
		padding:0; 
		overflow:hidden; 
		position:relative; 
		border:0;
		background-color:#000; 
	}
	
/*/GAMES VIEWER/*/									
	#AdventureGames .ScrollCatalog .viewer,
	#ColorAndCreate .ScrollCatalog .viewer,
	#MatchingAndPuzzles .ScrollCatalog .viewer { 
		width:393px; 
		height:160px;
		top:6px;
		left:55px; 
		margin:0; 
		padding:0; 
		overflow:hidden; 
		position:relative; 
		border:0;
		background-color:#000; 
	}
	
/*/EBOOK VIEWER/*/		
	#EbookPrintMaterials .ScrollCatalog .viewer { 
		width:614px; 
		height:254px;
		top:-5px;
		left:-55px; 
		margin:0; 
		padding:0; 
		overflow:hidden; 
		position:relative; 
		border:0;
		background-color:transparent;
	}
	
	#eBooks .ScrollCatalog .viewer { 
		width:614px; 
		height:254px;
		top:-5px;
		left:-55px; 
		margin:0; 
		padding:0; 
		overflow:hidden; 
		position:relative; 
		border:0;
		background-color:transparent;
	}	
	
/*/FREESTUFF VIEWER/*/										
	#ClubUYNActivities .ScrollCatalog .viewer { 
		width:555px; 
		height:254px;
		top:-20px;
		left:-7px; 
		margin:0; 
		padding:0; 
		overflow:hidden; 
		position:relative; 
		border:0;
		background-color:transparent;
	}
										
	#IronOnTShirt .ScrollCatalog .viewer { 
		width:280px; 
		height:308px;
		top:-15px;
		left:120px; 
		margin:0; 
		padding:0; 
		overflow:hidden; 
		position:relative; 
		border:0;
		background-color:transparent;
	}
										
	#CutOuts .ScrollCatalog .viewer { 
		width:598px; 
		height:265px;
		top:-35px;
		left:-47px; 
		margin:0; 
		padding:0; 
		overflow:hidden; 
		position:relative; 
		border:0;
		background-color:transparent;
	}
										
	#TradingCards .ScrollCatalog .viewer { 
		width:602px; 
		height:201px;
		top:-50px;
		left:-49px; 
		margin:0; 
		padding:0; 
		overflow:hidden; 
		position:relative; 
		border:0;
		background-color:transparent;
	}
										
	#ColoringPages .ScrollCatalog .viewer { 
		width:571px; 
		height:235px;
		top:-28px;
		left:-33px; 
		margin:0; 
		padding:0; 
		overflow:hidden; 
		position:relative; 
		border:0;
		background-color:transparent;
	}
	
/*/ECARDS VIEWER/*/									
	#SendAnEcard .ScrollCatalog .viewer { 
		width:392px; 
		height:160px;
		top:-2px;
		left:62px; 
		margin:0; 
		padding:0; 
		overflow:hidden; 
		position:relative; 
		border:0;
		background-color:#000; 
	}
	
	
/*/OLD ACTIVITIES VIEWER/*/									
	#ClickysWebWorld .ScrollCatalog .viewer,
	#NetSmartzRules .ScrollCatalog .viewer { 
		width:577px; 
		height:160px;
		top:-2px;
		left:-33px; 
		margin:0; 
		padding:0; 
		overflow:hidden; 
		position:relative; 
		border:0;
		background-color:transparent; 
	}

/*/CLUB UYN BORDER/*/
	#HallOfFame a.innerborder:hover {
		border:4px solid #FCD512;
	}
	
/*/VIDEOS BORDER/*/
	#LearnWithClicky a.innerborder:hover,
	#ClubUYNVideos a.innerborder:hover,
	#DanceAlong a.innerborder:hover {
		border:4px solid #FCD512;
	}
	
/*/GAMES BORDER/*/
	#AdventureGames a.innerborder:hover,
	#ColorAndCreate a.innerborder:hover,
	#MatchingAndPuzzles a.innerborder:hover {
		border:4px solid #CE3974;
	}
	
/*/OLD ACTIVITIES BORDER/*/
	#ClickysWebWorld a.innerborder:hover,
	#NetSmartzRules a.innerborder:hover {
		border:4px solid #cf4796;
	}
	
/*/FREESTUFF BORDER/*/	
	#ClubUYNActivities a.innerborder:hover {
		border:4px solid #CE0168;
	}
	
	#IronOnTShirt a.innerborder:hover {
		border:4px solid #F99B00;
	}	
	
	#CutOuts a.innerborder:hover {
		border:4px solid #592FB0;
	}	
	
	#TradingCards a.innerborder:hover {
		border:4px solid #F99B00;
	}
	
	#ColoringPages a.innerborder:hover {
		border:4px solid #2F94D0;
	}	


/*/FREESTUFF IMAGE DROP SHADOW/*/
#ClubUYNActivities .shadow {
	  -moz-box-shadow: 2px 2px 2px #C9C9C9;
	  -webkit-box-shadow: 2px 2px 2px #C9C9C9;
	  box-shadow: 2px 2px 2px #C9C9C9;
	  /* For IE 8 */
	  -ms-filter: "progid:DXImageTransform.Microsoft.Shadow(Strength=2, Direction=135, Color='#C9C9C9')";
	  /* For IE 5.5 - 7 */
	  filter: progid:DXImageTransform.Microsoft.Shadow(Strength=2, Direction=135, Color='#C9C9C9');
	}		

#CutOuts .shadow {
	  -moz-box-shadow: 2px 2px 2px #C9C9C9;
	  -webkit-box-shadow: 2px 2px 2px #C9C9C9;
	  box-shadow: 2px 2px 2px #C9C9C9;
	  /* For IE 8 */
	  -ms-filter: "progid:DXImageTransform.Microsoft.Shadow(Strength=2, Direction=135, Color='#C9C9C9')";
	  /* For IE 5.5 - 7 */
	  filter: progid:DXImageTransform.Microsoft.Shadow(Strength=2, Direction=135, Color='#C9C9C9');
	}
	

/*/RBS SLIDER/*/		
	#RBSPrintMaterials .ScrollCatalog .slider,
	#RoutersBirthdaySurprise .ScrollCatalog .slider {
			top:-45px;
			margin-left:130px;
			height:3px;
			width: 250px;		
		}
		
/*/EBOOKS SLIDER/*/		
	#EbookPrintMaterials .ScrollCatalog .slider,
	#eBooks .ScrollCatalog .slider {
			top:-45px;
			margin-left:130px;
			height:3px;
			width: 250px;		
		}
	
/*/CLUB UYN SLIDER/*/		
	#HallOfFame .ScrollCatalog .slider {
			top:-70px;
			margin-left:120px;
			height:3px;
			width: 250px;		
		}
		
/*/VIDEOS SLIDER/*/		
	#LearnWithClicky .ScrollCatalog .slider,
	#ClubUYNVideos .ScrollCatalog .slider,
	#DanceAlong .ScrollCatalog .slider {
			top:56px;
			margin-left:120px;
			height:3px;
			width: 250px;		
		}
		
/*/GAMES SLIDER/*/	
	#AdventureGames .ScrollCatalog .slider,
	#ColorAndCreate .ScrollCatalog .slider,
	#MatchingAndPuzzles .ScrollCatalog .slider{
			top:55px;
			margin-left:120px;
			height:3px;
			width: 250px;		
		}
		
/*/OLD ACTIVITIES SLIDER/*/		
	#ClickysWebWorld .ScrollCatalog .slider,
	#NetSmartzRules .ScrollCatalog .slider {
			top:50px;
			margin-left:133px;
			height:3px;
			width: 250px;		
		}	

/*/FREESTUFF SLIDER/*/		
	#ClubUYNActivities .ScrollCatalog .slider {
			top:-36px;
			margin-left:135px;
			height:3px;
			width: 250px;		
		}

	#IronOnTShirt .ScrollCatalog .slider {
			top:-90px;
			margin-left:120px;
			height:3px;
			width: 250px;		
		}

	#CutOuts .ScrollCatalog .slider {
			top:-47px;
			margin-left:120px;
			height:3px;
			width: 250px;		
		}
		
	#TradingCards .ScrollCatalog .slider {
			top:-35px;
			margin-left:120px;
			height:3px;
			width: 250px;		
		}
		
	#ColoringPages .ScrollCatalog .slider {
			top:-16px;
			margin-left:120px;
			height:3px;
			width: 250px;		
		}
								
/*/ECARDS SLIDER/*/		
	#SendAnEcard .ScrollCatalog .slider {
			top:50px;
			margin-left:133px;
			height:3px;
			width: 250px;		
		}

/*/GAMES SLIDER HANDLE/*/			
		#AdventureGames .ScrollCatalog .slider .ui-slider-handle,
		#ColorAndCreate .ScrollCatalog .slider .ui-slider-handle,
		#MatchingAndPuzzles .ScrollCatalog .slider .ui-slider-handle {
			width:103px;
			height:62px;
			top:-28px;
			margin-left:-51px;
			background-image: url(/NetSmartzKids/images/scrollcatalog/redScrollhandle.png);
			background-color: transparent;
			border:none;
			cursor: pointer;
		}		
	

.css-rollover {
	background-position:top left;
}

.css-rollover:hover {
	background-position:bottom left;
}