.a-fontsize a {
    text-decoration: none;
    height: 31px;
    margin-left: 5px;
    display: inline;
    float: left;
    background-image: url(../images/fontsize.png);
    position: relative;
    top: -5px;
}

.a-fontsize-small {
    width: 20px;
    height: 31px;
}

.a-fontsize-normal {
    width: 26px;
    background-position: -20px 0;
}

.a-fontsize-big {
    width: 26px;
    background-position: -46px 0;
}

a.a-fontsize-normal:hover, .fontsize-normal a.a-fontsize-normal {
    background-position: -20px -31px;
}

a.a-fontsize-small:hover, .fontsize-small a.a-fontsize-small {
    background-position: 0 -31px;
}

a.a-fontsize-big:hover, .fontsize-big a.a-fontsize-big {
    background-position: -46px -31px;
}

.a-colors a {
    height: 31px;
    margin-left: 5px;
    display: inline;
    float: left;
    background-image: url(../images/colors.png);
    position: relative;
    top: -5px;
    text-decoration: none;
    width: 26px;
}

.a-color1:hover, .color1 .a-color1 {
    background-position: 0 -31px;
}

.a-color2:hover, .color2 .a-color2 {
    background-position: -26px -31px;
}

.a-color2 {
    background-position: -26px 0;
}

.a-color3:hover, .color3 .a-color3 {
    background-position: 100% -31px;
}

.a-color3 {
    background-position: 100% 0;
}

.a-space a:hover {
  text-decoration: underline;
}

.space-small a.a-space-small, .space-std a.a-space-std, .space-big a.a-space-big {
  text-decoration: underline;
}

a.vi-block {
  background: url(../images/visuallyimpaired.jpg);
  display: inline-block;
  width: 185px;
  height: 50px;
}

a.vi-block:hover {
  background: url(../images/visuallyimpaired-hover.jpg);
}

.a-title {
  display: block;
  margin-bottom: 5px;
}

.vi-normal-block {
  text-align: center;
}

.a-fontsize, .a-colors, .a-space, .a-images {
  display: inline-block;
  width: 100px;
  margin: 0 auto;
}

.a-space, .a-images {
  width: 210px;
  margin-bottom: 10px;
}

.a-images a:hover {
  text-decoration: underline;
}

.images-color a.a-images-color, .images-grayscale a.a-images-grayscale, .images-none a.a-images-none {
  text-decoration: underline;
}

.img-grayscale {
  -webkit-filter: grayscale(100%);
  -moz-filter: grayscale(100%);
  -ms-filter: grayscale(100%);
  -o-filter: grayscale(100%);
  filter: grayscale(100%);
  filter: gray; /* IE 6-9 */
}

#vi-normal-block {
  background: url(../images/normal.png) no-repeat ;
  width: 185px;
  height: 72px;
  display: block;
  margin: 0 auto;
}