edited css file (all theme compatible)

.promo_slider_wrapper {
	position:relative;
	width:63.01%;
	text-align:right;
	margin:0 auto;
	opacity: 0.96;
	z-index:-1;
}
.promo_slider {
	/* height:235px; */
	overflow:hidden;
	position:relative;
}
.promo_slider img {
	margin:0;
	padding:0;
}
.promo_slider .panel {
	overflow:hidden;
	width:100%;
	height:100%;
	position: relative;
	top: 0;
	left: 0;
	line-height:0;
}
.pointer {cursor:pointer; cursor:hand;}
.ps_hover { display:none; }
.promo_slider:hover .ps_hover { display:block; }
.promo_slider_sep { font-weight:normal; }

/* DEFAULT SLIDER NAV - If enabled */
.promo_slider_nav {
	display:none;
	position:absolute;
	bottom: 0;
    right: 0;
	margin:10px;
	padding:5px 10px;
	background-color:#fff;
	color:#666; text-align:center;
	font-size:12px;
	font-weight:bold;
	vertical-align:
    z-index: 101;
}
.fancy_ps_nav {background:url('images/nav.png') no-repeat transparent; width:147px; height:49px; line-height:49px; margin:0; padding:0;}
.slider_selections span.current {color:#000;}

/* OPTIONAL SLIDER NAV LINKS - If enabled */
.left_arrow, .right_arrow {position:absolute; top:45%; width:30px; height:30px; z-index: 101;}
.left_arrow { left:5px; background:url('images/prev.png') no-repeat;}
.right_arrow { right:5px; background:url('images/next.png') no-repeat; }

/* THUMBNAIL SLIDER NAV - If enabled */
.promo_slider_thumb_nav { display:none; position:relative; height:50px; padding:10px 0; background:url('images/slide.png'); overflow:hidden;}
.promo_slider_thumb_nav .thumb_nav { height:50px; margin:0 40px; padding:0; }
.promo_slider_thumb_nav .right_arrow, .promo_slider_thumb_nav .left_arrow { top:20px; }
.promo_slider_thumb_nav .slider_selections span { float:left; display:block; width:50px; height:50px; margin:0 4px 11px 4px; padding:0 1px; overflow:hidden; }
.promo_slider_thumb_nav .slider_selections span.current { border:1px solid #fff; margin-top:-1px; padding:0; }
.promo_slider_thumb_nav img { width:50px; }

/* TITLE DISPLAY - If enabled */
.promo_slider_title {
	display:block;
	position:absolute;
	top:0px; left:0px;
	width:95%;
	padding:2.5%;
	text-align:left;
	font-size:1.5em;
	font-weight:bold;
	color:#000;
}
.fancy_ps_title {
	background-image:url('images/title.png');
	background-repeat:no-repeat;
	background-position:right;
	width:auto;
	height:77px;
	padding:0 40px 0 10px;
	font-size:18px;
	text-align:center;
	line-height:77px;
}
.promo_slider_title a {color:#000; text-decoration:none;}
.promo_slider_title a:hover {text-decoration:underline;}

/* EXCERPT DISPLAY - If enabled */
.promo_slider_excerpt {
	display:block;
	position:absolute;
	bottom:0; left:0;
	background-color:#000;
	filter:alpha(opacity=60);
	opacity:0.7;
	color:#fff;
	padding:2% 4%;
	width:95%;
}
.promo_slider_excerpt p {margin:0; padding:0;}

/** TABBED TITLE NAVIGATION **/
.promo_slider_wrapper .promo_slider_nav.tabbed_ps_nav {
	display:none;
}
.promo_slider_wrapper.tabbed_nav .promo_slider_nav.tabbed_ps_nav {
	position: static;
	background: url( 'images/slide.png' );
	display: table-row;
	margin: 0;
	padding: 0;
	font-size: 15px;
}
.promo_slider_nav.tabbed_ps_nav span {
	display: table-cell;
	vertical-align: middle;
	border: 1px solid white;
	border-right-color: transparent;
	margin: 0;
	padding: 5px;
	/*
	 * Setting the width to a small percentage ensures that the width is evenly distributed even though
	 * we don't know how many slides there are or how long the titles are.  If we set the width to 25%
	 * and then had 5 slides, the fifth slide would be smaller than the rest.
	 */
	width: 1%;
	color: white;
}
.promo_slider_nav.tabbed_ps_nav span:first-child {
	border-left-color: transparent;
}
.promo_slider_nav.tabbed_ps_nav span.current {
	border-color: black;
}
.promo_slider_nav.tabbed_ps_nav span.current + span {
	border-left-color: transparent;
}