#fontsize{
  float:right;
  margin:0;
  padding:0;
  overflow:hidden;
  outline:none;
  margin-right: 20px;
  margin-bottom: 10px;
}

#fontsize ul:after {
  content: ".";
  height: 0;
  clear: both;
  visibility: hidden;
}

#fontsize ul{
  margin:0 0 5px 276px;
}

#fontsize li{
  list-style-type: none;
  float:left;
  margin-right:2px;
  font-size:1px;
}

#fontsize li.last{
  margin-right: 10px;
}

#fontsize li a{
  display:block;
  width:19px;
  height:21px;
  line-height:normal;
  text-indent:-9999px;
  text-decoration:none;
}

/* fontsmall */
#fontsmall a:link,
#fontsmall a:visited{
  background:transparent url(../img/font_small_off.gif) left top no-repeat;
}

#fontsmall a:hover,
#fontsmall a:active{
  background:transparent url(../img/font_small_on.gif) left top no-repeat;
}

/* fontmedium */
#fontmedium a:link,
#fontmedium a:visited{
  background:transparent url(../img/font_medium_off.gif) left top no-repeat;
}

#fontmedium a:hover,
#fontmedium a:active{
  background:transparent url(../img/font_medium_on.gif) left top no-repeat;
}

/* #fontlarge */
#fontlarge a:link,
#fontlarge a:visited{
  background:transparent url(../img/font_large_off.gif) left top no-repeat;
}

#fontlarge a:hover,
#fontlarge a:active{
  background:transparent url(../img/font_large_on.gif) left top no-repeat;
}
