#teaser { 
  position: relative;
  margin: 0px;
  padding: 7px;
  background: #fff;
}
#teaser .window {
  position: relative;
  width: 591px;
  overflow: hidden;
  background: #fff;
}
#teaser .images {
  position: relative;
  height: 257px;
}
#teaser .images img {
  display: block;
  position: absolute;
}
#teaser .images img.image-1 { left: 0; }
#teaser .images img.image-2 { left: 600px; }
#teaser .images img.image-3 { left: 1200px; }
#teaser .images img.image-4 { left: 1800px; }
#teaser .tabs {
  position: absolute;
  top: 7px;
  right: 7px;
  width: 51px;
}
#teaser .tabs button {
  outline: none;
  font-weight: bold;
  color: #666666;
  font-size: 24px;
  /*height: 64px;synechron commented for 3 slides*/
  height:86px;
  width: 51px;
  /* padding: 14px 10px 18px 10px; */
  border: none;
}

#img-t-1 {
	background: url(../img/hp-panel/image-slider-t-1-bg_new.png) no-repeat 0 top;
}

#img-t-2 {
	background: url(../img/hp-panel/image-slider-t-2-bg_new.png) no-repeat 0 top;
}

#img-t-3 {
	background: url(../img/hp-panel/image-slider-t-3-bg.png) no-repeat 0 top;
}

#img-t-4 {
	background: url(../img/hp-panel/image-slider-t-4-bg_new.png) no-repeat 0 top;
}

#teaser .tabs button:hover {
  color: white;
  cursor: pointer;
  border: none;
  color: #ff6600;
}
#teaser .tabs button.active {
  color: white;
  border: none;
  background-image: none;
}