a.slide-1 {
   background: #eeeeee; /* Old browsers */
background: -moz-linear-gradient(top,  #eeeeee 0%, #cccccc 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#eeeeee), color-stop(100%,#cccccc)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top,  #eeeeee 0%,#cccccc 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top,  #eeeeee 0%,#cccccc 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top,  #eeeeee 0%,#cccccc 100%); /* IE10+ */
background: linear-gradient(to bottom,  #eeeeee 0%,#cccccc 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#eeeeee', endColorstr='#cccccc',GradientType=0 ); /* IE6-9 */

   -moz-border-radius: 70px; 
   -webkit-border-radius: 70px; 
   border-radius: 70px;
 z-index: 7;
  display: inline-block;
  width: 14px;
  height: 14px;
background-image: url(images/bullets.png) no-repeat 0 0;
margin: 0 3px;
-webkit-transition: none;
-moz-transition: none;
-ms-transition: none;
-o-transition: none;
transition: none;
color: transparent !important;
}

a.slide-1:hover {
   background-color: #eeeeee;
  background-image: url(images/radial_bg.png);
  background-position: center center;
  background-repeat: no-repeat;

  /* Safari 4-5, Chrome 1-9 */
  /* Can't specify a percentage size? Laaaaaame. */
  background: -webkit-gradient(radial, center center, 0, center center, 460, from(#ffffff), to(#eeeeee));

  /* Safari 5.1+, Chrome 10+ */
  background: -webkit-radial-gradient(circle, #ffffff, #eeeeee);

  /* Firefox 3.6+ */
  background: -moz-radial-gradient(circle, #ffffff, #eeeeee);

  /* IE 10 */
  background: -ms-radial-gradient(circle, #ffffff, #eeeeee);

  /* Opera couldn't do radial gradients, then at some point they started supporting the -webkit- syntax, how it kinda does but it's kinda broken (doesn't do sizing) */
}
a.slide-2 {
   background: #eeeeee; /* Old browsers */
background: -moz-linear-gradient(top,  #eeeeee 0%, #cccccc 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#eeeeee), color-stop(100%,#cccccc)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top,  #eeeeee 0%,#cccccc 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top,  #eeeeee 0%,#cccccc 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top,  #eeeeee 0%,#cccccc 100%); /* IE10+ */
background: linear-gradient(to bottom,  #eeeeee 0%,#cccccc 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#eeeeee', endColorstr='#cccccc',GradientType=0 ); /* IE6-9 */

   -moz-border-radius: 70px; 
   -webkit-border-radius: 70px; 
   border-radius: 70px;
 z-index: 7;
  display: inline-block;
  width: 14px;
  height: 14px;
background-image: url(images/bullets.png) no-repeat 0 0;
margin: 0 3px;
-webkit-transition: none;
-moz-transition: none;
-ms-transition: none;
-o-transition: none;
transition: none;
color: transparent !important;
}

a.slide-2:hover {
   background-color: #eeeeee;
  background-image: url(images/radial_bg.png);
  background-position: center center;
  background-repeat: no-repeat;

  /* Safari 4-5, Chrome 1-9 */
  /* Can't specify a percentage size? Laaaaaame. */
  background: -webkit-gradient(radial, center center, 0, center center, 460, from(#ffffff), to(#eeeeee));

  /* Safari 5.1+, Chrome 10+ */
  background: -webkit-radial-gradient(circle, #ffffff, #eeeeee);

  /* Firefox 3.6+ */
  background: -moz-radial-gradient(circle, #ffffff, #eeeeee);

  /* IE 10 */
  background: -ms-radial-gradient(circle, #ffffff, #eeeeee);

  /* Opera couldn't do radial gradients, then at some point they started supporting the -webkit- syntax, how it kinda does but it's kinda broken (doesn't do sizing) */
}


a.slide-3 {
   background: #eeeeee; /* Old browsers */
background: -moz-linear-gradient(top,  #eeeeee 0%, #cccccc 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#eeeeee), color-stop(100%,#cccccc)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top,  #eeeeee 0%,#cccccc 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top,  #eeeeee 0%,#cccccc 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top,  #eeeeee 0%,#cccccc 100%); /* IE10+ */
background: linear-gradient(to bottom,  #eeeeee 0%,#cccccc 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#eeeeee', endColorstr='#cccccc',GradientType=0 ); /* IE6-9 */

   -moz-border-radius: 70px; 
   -webkit-border-radius: 70px; 
   border-radius: 70px;
 z-index: 7;
  display: inline-block;
  width: 14px;
  height: 14px;
background-image: url(images/bullets.png) no-repeat 0 0;
margin: 0 3px;
-webkit-transition: none;
-moz-transition: none;
-ms-transition: none;
-o-transition: none;
transition: none;
color: transparent !important;
}

a.slide-3:hover {
   background-color: #eeeeee;
  background-image: url(images/radial_bg.png);
  background-position: center center;
  background-repeat: no-repeat;

  /* Safari 4-5, Chrome 1-9 */
  /* Can't specify a percentage size? Laaaaaame. */
  background: -webkit-gradient(radial, center center, 0, center center, 460, from(#ffffff), to(#eeeeee));

  /* Safari 5.1+, Chrome 10+ */
  background: -webkit-radial-gradient(circle, #ffffff, #eeeeee);

  /* Firefox 3.6+ */
  background: -moz-radial-gradient(circle, #ffffff, #eeeeee);

  /* IE 10 */
  background: -ms-radial-gradient(circle, #ffffff, #eeeeee);

  /* Opera couldn't do radial gradients, then at some point they started supporting the -webkit- syntax, how it kinda does but it's kinda broken (doesn't do sizing) */
}


a.slide-4 {
   background: #eeeeee; /* Old browsers */
background: -moz-linear-gradient(top,  #eeeeee 0%, #cccccc 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#eeeeee), color-stop(100%,#cccccc)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top,  #eeeeee 0%,#cccccc 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top,  #eeeeee 0%,#cccccc 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top,  #eeeeee 0%,#cccccc 100%); /* IE10+ */
background: linear-gradient(to bottom,  #eeeeee 0%,#cccccc 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#eeeeee', endColorstr='#cccccc',GradientType=0 ); /* IE6-9 */

   -moz-border-radius: 70px; 
   -webkit-border-radius: 70px; 
   border-radius: 70px;
 z-index: 7;
  display: inline-block;
  width: 14px;
  height: 14px;
background-image: url(images/bullets.png) no-repeat 0 0;
margin: 0 3px;
-webkit-transition: none;
-moz-transition: none;
-ms-transition: none;
-o-transition: none;
transition: none;
color: transparent !important;
}

a.slide-4:hover {
   background-color: #eeeeee;
  background-image: url(images/radial_bg.png);
  background-position: center center;
  background-repeat: no-repeat;

  /* Safari 4-5, Chrome 1-9 */
  /* Can't specify a percentage size? Laaaaaame. */
  background: -webkit-gradient(radial, center center, 0, center center, 460, from(#ffffff), to(#eeeeee));

  /* Safari 5.1+, Chrome 10+ */
  background: -webkit-radial-gradient(circle, #ffffff, #eeeeee);

  /* Firefox 3.6+ */
  background: -moz-radial-gradient(circle, #ffffff, #eeeeee);

  /* IE 10 */
  background: -ms-radial-gradient(circle, #ffffff, #eeeeee);

  /* Opera couldn't do radial gradients, then at some point they started supporting the -webkit- syntax, how it kinda does but it's kinda broken (doesn't do sizing) */
}


a.slide-5 {
   background: #eeeeee; /* Old browsers */
background: -moz-linear-gradient(top,  #eeeeee 0%, #cccccc 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#eeeeee), color-stop(100%,#cccccc)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top,  #eeeeee 0%,#cccccc 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top,  #eeeeee 0%,#cccccc 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top,  #eeeeee 0%,#cccccc 100%); /* IE10+ */
background: linear-gradient(to bottom,  #eeeeee 0%,#cccccc 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#eeeeee', endColorstr='#cccccc',GradientType=0 ); /* IE6-9 */

   -moz-border-radius: 70px; 
   -webkit-border-radius: 70px; 
   border-radius: 70px;
 z-index: 7;
  display: inline-block;
  width: 14px;
  height: 14px;
background-image: url(images/bullets.png) no-repeat 0 0;
margin: 0 3px;
-webkit-transition: none;
-moz-transition: none;
-ms-transition: none;
-o-transition: none;
transition: none;
color: transparent !important;
}

a.slide-5:hover {
   background-color: #eeeeee;
  background-image: url(images/radial_bg.png);
  background-position: center center;
  background-repeat: no-repeat;

  /* Safari 4-5, Chrome 1-9 */
  /* Can't specify a percentage size? Laaaaaame. */
  background: -webkit-gradient(radial, center center, 0, center center, 460, from(#ffffff), to(#eeeeee));

  /* Safari 5.1+, Chrome 10+ */
  background: -webkit-radial-gradient(circle, #ffffff, #eeeeee);

  /* Firefox 3.6+ */
  background: -moz-radial-gradient(circle, #ffffff, #eeeeee);

  /* IE 10 */
  background: -ms-radial-gradient(circle, #ffffff, #eeeeee);

  /* Opera couldn't do radial gradients, then at some point they started supporting the -webkit- syntax, how it kinda does but it's kinda broken (doesn't do sizing) */
}


a.slide-6 {
   background: #eeeeee; /* Old browsers */
background: -moz-linear-gradient(top,  #eeeeee 0%, #cccccc 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#eeeeee), color-stop(100%,#cccccc)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top,  #eeeeee 0%,#cccccc 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top,  #eeeeee 0%,#cccccc 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top,  #eeeeee 0%,#cccccc 100%); /* IE10+ */
background: linear-gradient(to bottom,  #eeeeee 0%,#cccccc 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#eeeeee', endColorstr='#cccccc',GradientType=0 ); /* IE6-9 */

   -moz-border-radius: 70px; 
   -webkit-border-radius: 70px; 
   border-radius: 70px;
 z-index: 7;
  display: inline-block;
  width: 14px;
  height: 14px;
background-image: url(images/bullets.png) no-repeat 0 0;
margin: 0 3px;
-webkit-transition: none;
-moz-transition: none;
-ms-transition: none;
-o-transition: none;
transition: none;
color: transparent !important;
}

a.slide-6:hover {
   background-color: #eeeeee;
  background-image: url(images/radial_bg.png);
  background-position: center center;
  background-repeat: no-repeat;

  /* Safari 4-5, Chrome 1-9 */
  /* Can't specify a percentage size? Laaaaaame. */
  background: -webkit-gradient(radial, center center, 0, center center, 460, from(#ffffff), to(#eeeeee));

  /* Safari 5.1+, Chrome 10+ */
  background: -webkit-radial-gradient(circle, #ffffff, #eeeeee);

  /* Firefox 3.6+ */
  background: -moz-radial-gradient(circle, #ffffff, #eeeeee);

  /* IE 10 */
  background: -ms-radial-gradient(circle, #ffffff, #eeeeee);

  /* Opera couldn't do radial gradients, then at some point they started supporting the -webkit- syntax, how it kinda does but it's kinda broken (doesn't do sizing) */
}


div#field-slideshow-1-pager.field-slideshow-pager.slides-6 {
    
    position: relative;
    top: -29px !important;
    left: 0px;
    z-index: 7;
    display: block;
    background: url(images/bullets.png) no-repeat 0 0;
    transition: none;
    text-align: center;
}


a.slide-1, a.slide-2, a.slide-3, a.slide-4, a.slide-5, a.slide-6 {
  opacity: .5;
}

a.slide-1.activeSlide,
a.slide-2.activeSlide,
a.slide-3.activeSlide,
a.slide-4.activeSlide,
a.slide-5.activeSlide,
a.slide-6.activeSlide,
a.slide-1:hover, a.slide-2:hover, a.slide-3:hover,
a.slide-4:hover, a.slide-5:hover ,a.slide-6:hover {
  opacity: 1 !important;
}