/* @override 
	http://www.playpark.net/wp-content/themes/pp/slideitmoo/stylesheet/styles.css
	http://media.playpark.net/PP/v5/slideit.css
*/

/*
#container { width:600px; margin:0px auto 0px; background:#FFFFFF; padding:10px; font-size:12px; }
#container h1 { font-size:24px; color:#FFFFFF; font-weight:normal; text-align:center; background:#333333; padding:10px; }
#container p { text-align:justify; padding:5px 10px 5px; margin:0px; }
#container p ol, #container p ul { margin:0px auto 0px; }
#container p.notes { color:#999999; font-size:10px; }
*/


/* thumbnail slider begin */

/* apply the gallery design - links slider */
#gallery_container { height: 55px; margin: 10px auto; display:block; position:relative;
	width: 100%;
	padding-top: 7px;
	padding-left: 0px;
	padding-right: 0px;
}
/* the width is set to show the number of thumbnails that will be visible */
#thumb_container{ position:relative ; overflow:hidden ; width: 100%; height: 57px;
	margin-top: 0px;
	margin-left: 3px;
}
/* the thumbnails container */
#thumbs { white-space:nowrap; display:block; position:relative;
}

#thumbs a { padding:0px; margin:0px; }
#thumbs a img{
}

/* DIV container slider example */
#gallery_container2 {  width:492px ; height:134px ; margin:10px auto 10px; background:#EBE2E5 ; padding:7px 0px 0px; display:block; position:relative; }

/* create custom forward-backward buttons for this container */
#gallery_container2 .addfwd { display:block; position:absolute; cursor:pointer; width:25px; height:134px; top:0px; right:0px; background:url(http://media.playpark.net/PP/v5/gallery_fwd2.jpg) no-repeat center;
}
#gallery_container2 .addbkwd { display:block; position:absolute; cursor:pointer; width:25px; height:134px; top:0px; left:0px; background:url(http://media.playpark.net/PP/v5/gallery_back2.jpg) no-repeat center;
}

/* the width is set to show the number of thumbnails that will be visible */
#thumb_container2{ position:relative ; overflow:hidden ; width:442px ; height:130px ; margin:0px auto 0px; }
/* the thumbnails container; set a width on it so everything will be fine */
#thumbs2 { display:block; position:relative; width:6000px; }

#thumbs2 div.thumbnail { display:block; position:relative; float:left; margin-right:30px; font-size:11px; width:84px; text-align:center; }

#thumbs2 a { padding:0px; margin:0px; clear:both; display:block; }
#thumbs2 a img{ border:1px #333333 solid; }

/* the forward and backward buttons */
.addfwd { display:block; position:absolute; cursor:pointer; width:25px; height: 60px; top:0px;
	background: url(http://media.playpark.net/PP/v5/gallery_fwd.jpg) no-repeat 0 center;
	margin-top: 4px;
	right: -46px;
}
.addbkwd { display:block; position:absolute; cursor:pointer; width:25px; height: 60px; top:0px; left: -50px; background: url(http://media.playpark.net/PP/v5/gallery_back.jpg) no-repeat 0 center;
	margin-top: 4px;
}
/* thumbnail slider end */

/* banner rotator */
#banners_container { display:block; position:relative; width:557px; height:140px; margin:0px auto 0px; border:1px #CCCCCC solid; }
#banner_container { position:relative ; overflow:hidden ; width:557px ; height:134px ; margin:0px auto 0px;  }
#banners { white-space:nowrap; display:block; position:relative; }
#banners a img { border:none; }
