/**
 * This <div> element is wrapped by jCarousel around the list
 * and has the classname "jcarousel-container".
 */
.jcarousel-container {
    position: relative;
}

.jcarousel-clip {
    z-index: 2;
    padding: 0;
    margin: 0;
    overflow: hidden;
    position: relative;
}

.jcarousel-list {
    z-index: 1;
    overflow: hidden;
    position: relative;
    top: 0;
    left: 0;
    margin: 0;
    padding: 0;
}

.jcarousel-list li,
.jcarousel-item {
    float: left;
    list-style: none;
    /* We set the width/height explicitly. No width/height causes infinite loops. */
    width: 75px;
    height: 75px;
}

/**
 * The buttons are added dynamically by jCarousel before
 * the <ul> list (inside the <div> described above) and
 * have the classnames "jcarousel-next" and "jcarousel-prev".
 */
.jcarousel-next {
    z-index: 3;
    display: none;
}

.jcarousel-prev {
    z-index: 3;
    display: none;
}

.itemno {
	font-size:0.8em;
	color:#767c9d;
	float:right;
}



.articlesbar {
  width: 982px;
  height: 98px;
  position: relative;
}

.articlesbar .wrapper {
  position: absolute;
  left: 38px;  
  width: 944px;
  height: 98px;
  overflow:hidden;   
  background-image: url(../../images/colloidal_silver/skin/page_header/scrollnews_bg.gif);
  background-repeat: repeat-x;
}

.articlesbar ul a img {
  display:block;             
}

.articlesbar .wrapper ul {
  margin: 0;
  padding:0;
  width: 100000px;
  position: relative;
  top: 0;
  left: 0;
  height: 98px;
}

.articlesbar ul li {
  margin:0pt;
  padding: 10px 5px 10px 0px;
  width:231px;
  list-style:none;   
  float:left;
}

.articlesbar ul li a img {
  display:block;
}

.articlesbar .arrow {
  display: block;
  height: 98px;
  width: 19px;

/*  position: absolute; */
  cursor: pointer;
}


.itemno {
	font-size:0.8em;
	color:#567eb9;
	float:right;
}


.articlesbar .arrow {
  display: block;
  height: 98px;
  width: 19px;

  /*position: absolute;*/
  cursor: pointer;
}

.articlesbar .forward {
  background: url(../images/colloidal_silver/news/next_off.gif) no-repeat 0 0;
  left: 0;
  float: left;
}

.articlesbar .back {
  background: url(../images/colloidal_silver/news/previous_off.gif) no-repeat 0 0;
  left: 0;
  float: left;
}

.articlesbar .forward:hover {
  background: url(../images/colloidal_silver/news/next_on.gif) no-repeat 0 0;
  float: left;
}

.articlesbar .back:hover {
  background: url(../images/colloidal_silver/news/previous_on.gif) no-repeat 0 0;
  float: left;
}


/* Font-Sizer Specific Styling */

.fsizer {  } /* Container element */

.fsizer a { display: block; float: left; width: 20px; margin-right: 5px; text-align: center; border: 1px dotted #ccc; color: #5761a0; text-decoration: none; cursor: pointer; letter-spacing: 0; line-height: 100%; }
.fsizer a:hover { text-decoration: none; background: #ebebeb;  }

/* Three 'A' links used to control size */

.fsizer a#fs_sml { font-size: 9px; height: 15px; padding-top: 5px; }
.fsizer a#fs_med { font-size: 13px; height: 17px; padding-top: 3px; }
.fsizer a#fs_lrg { font-size: 16px; height: 18px; padding-top: 2px; }

.fsizer a.fsactive { color: #000; background: #ebebeb; cursor: default; } /* When mode is active */