/* thumbnail slider begin */

/* apply the gallery design - links slider */
#gallery_container {  width:572px ; height:75px ; margin:10px auto 10px; background:#000000; padding:7px 0px 0px; display:block; position:relative; }
/* the width is set to show the number of thumbnails that will be visible */
#thumb_container{ position:relative ; overflow:hidden ; width:522px ; height:90px ; margin:0px auto 0px;  }
/* the thumbnails container */
#thumbs { white-space:nowrap; display:block; position:relative; }

#thumbs a { padding:0px; margin:0px; }
#thumbs a img{ border:1px #333333 solid; }




/* DIV container slider example */
#gallery_container2 {  width:572px ; height:75px ; margin:10px auto 10px; background:#000000; 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:50px; top:30px; right:0px; background:url(../img/right.png) no-repeat; }
#gallery_container2 .addbkwd { display:block; position:absolute; cursor:pointer; width:25px; height:50px; top:30px; left:0px; background:url(../img/left.png) no-repeat;  }

/* the width is set to show the number of thumbnails that will be visible */
#thumb_container2{ position:relative ; overflow:hidden ; width:522px ; height:90px ; margin:0px auto 0px; }
/* the thumbnails container; set a width on it so everything will be fine */
#thumbs2 {  white-space:nowrap; display:block; position:relative; }

#thumbs2 a { padding:0px; margin:0px;}
#thumbs2 a img{ border:1px #333333 solid; }


#gallery_container3 {  width:572px ; height:75px ; margin:10px auto 10px; background:#000000; padding:7px 0px 0px; display:block; position:relative; }

/* create custom forward-backward buttons for this container */
#gallery_container3 .addfwd { display:block; position:absolute; cursor:pointer; width:25px; height:50px; top:30px; right:0px; background:url(../img/right.png) no-repeat; }
#gallery_container3 .addbkwd { display:block; position:absolute; cursor:pointer; width:25px; height:50px; top:30px; left:0px; background:url(../img/left.png) no-repeat;  }

/* the width is set to show the number of thumbnails that will be visible */
#thumb_container3{ position:relative ; overflow:hidden ; width:522px ; height:90px ; margin:0px auto 0px; }
/* the thumbnails container; set a width on it so everything will be fine */
#thumbs3 {  white-space:nowrap; display:block; position:relative; }

#thumbs3 a { padding:0px; margin:0px;}
#thumbs3 a img{ border:1px #333333 solid; }



/* the forward and backward buttons */
.addfwd { display:block; position:absolute; cursor:pointer; width:25px; height:50px; top:30px; right:0px; background:url(../img/right.png) no-repeat;  }
.addbkwd { display:block; position:absolute; cursor:pointer; width:25px; height:50px; top:30px; left:0px; background:url(../img/left.png) no-repeat;  }
/* thumbnail slider end */