/*
body { margin:0px; font-family:Arial, Helvetica, sans-serif; background:#000000;  }

#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 
{  
	margin:10px auto 10px; 
	display:block; 
	position:relative; 
	width: 600px !important;
	height: 140px;
	overflow: hidden;
	background-color: #f4f4f4;
}
/* the width is set to show the number of thumbnails that will be visible */
#thumb_container
{ 
	width: 540px !important;
	position:relative;
	height: 100px;
	overflow: hidden;
	margin: auto;
	margin-top: 20px;
}
/* the thumbnails container */
#thumbs { white-space:nowrap; display:block; position:relative; }

#thumbs a { padding: 0px; margin:0px; }
#thumbs a img{ border: 2px #fff solid; }

/* DIV container slider example */
#gallery_container2 {  width:492px ; height:134px ; margin:10px auto 10px; 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(../images/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(../images/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: 30px; top:60px; right:0px; background:url(../images/gallery-arrow-right.png) no-repeat;  }
.addbkwd { display:block; position:absolute; cursor:pointer; width:25px; height: 30px; top:60px; left:5px; background:url(../images/gallery-arrow-left.png) no-repeat;  }
/* thumbnail slider end */

/* banner rotator */

#banners_container { display:block; position:relative; width: auto; height:auto; margin: 0px auto 0px; overflow:hidden; }
#banner_container { position:relative ; overflow:hidden ; width:auto ; height:auto ; margin:0px auto 0px;  }
#banners { white-space:nowrap; display:block; position:relative; }
#banners a img { border:none; }

/* bottom banner rotator */

#bottom_banners_container { display:block; position:relative; width:auto; height:auto; margin: 0px auto 0px; overflow:hidden; }
#bottom_banner_container { position:relative ; overflow:hidden ; width:auto; height:auto ; margin:0px auto 0px;  }
#bottom_banners { white-space:nowrap; display:block; position:relative; }
#bottom_banners a img { border:none; }

/* top banner rotator */

#top_banners_container { display:block; position:relative; width: auto; height:auto; margin: 0px auto 0px; overflow:hidden; }
#top_banner_container { position:relative ; overflow:hidden ; width:auto; height:auto ; margin:0px auto 0px;  }
#top_banners { white-space:nowrap; display:block; position:relative; }
#top_banners a img { border:none; }
