div.mySlider .leftArrow,
div.mySlider .rightArrow {

	/* This works in IE 8 & 9 too */
	/* ... but also 5, 6, 7 */
	filter: alpha(opacity=30);

	/* Older than Firefox 0.9 */
	-moz-opacity:0.3;

	/* Safari 1.x (pre WebKit!) */
	-khtml-opacity: 0.3;

	/* Modern!
	/* Firefox 0.9+, Safari 2?, Chrome any?
	/* Opera 9+, IE 9+ */
	opacity: 0.3;
  transition: opacity 0.7s, visibility 0.7s;
  width: 100px;
  height: 121px;

  position: absolute;
  z-index: 40;
  cursor: pointer;
}

div.mySlider {
  position: relative;
}


div.mySlider .leftArrow:hover,
div.mySlider .rightArrow:hover {

	/* This works in IE 8 & 9 too */
	/* ... but also 5, 6, 7 */
	filter: alpha(opacity=75);

	/* Older than Firefox 0.9 */
	-moz-opacity:0.75;

	/* Safari 1.x (pre WebKit!) */
	-khtml-opacity: 0.75;

	/* Modern!
	/* Firefox 0.9+, Safari 2?, Chrome any?
	/* Opera 9+, IE 9+ */
	opacity: 0.75;
}


div.mySlider .leftArrow {
  transform: rotate(180deg);
}