.promo_slider_wrapper { margin:10px 0 40px 0; position:relative; border-bottom: 1px solid #ccc;
padding-bottom: 30px;}
.promo_slider { height:auto;padding-bottom: 43%; overflow:hidden; position:relative; }
.promo_slider img { margin:0; padding:0; width:100%!important;}
.promo_slider .panel {
	overflow:hidden;
	width:100%;
	height:100%;
	position: absolute;
	top: 0;
	left: 0;
background:transparent;
border:none;
padding:0!important;
}
.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;
    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; display:none;}
/*
.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:80px; padding:0; overflow:hidden; margin-top: 10px;}
.promo_slider_thumb_nav .thumb_nav { height:80px; margin:0; 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:23.5%;  margin:0 1%; padding:0; overflow:hidden; position:relative; }
.promo_slider_thumb_nav .slider_selections span:after {
    content:'';
    top: 0;
    left: 0;
    z-index: 10;
    width: 100%;
    height: auto;
    display: block;
    position: absolute;
    background: black;
    opacity: 0.5;
-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=50)";
    filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=50);
    padding-bottom:100%;
}
.promo_slider_thumb_nav .slider_selections span:first-child {margin-left: 0;}
.promo_slider_thumb_nav .slider_selections span:last-child {margin-right: 0;}
.promo_slider_thumb_nav .slider_selections span.current {  padding:0; }
.promo_slider_thumb_nav .slider_selections span.current:after {
opacity:0;
-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
    filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0);
} 
.promo_slider_thumb_nav .slider_selections span:hover:after,.promo_slider_thumb_nav .slider_selections span.current:hover:after  {
background:white;
opacity: 0.5;
-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=50)";
    filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=50);
}
.promo_slider_thumb_nav img { width:100%; }

/* TITLE DISPLAY - If enabled */
.promo_slider_title {
	display:block;
	position:absolute;
	top:0px; left:0px;
	text-align:left;
	font-size:1.5em;
	background-color:#404040;
	width:auto;
	margin: 20px 0;
	max-width: 70%;
color:#fff;
padding: 1.5% 2.5%;
font-weight: bold;
text-decoaration: none;
}


.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:#fff;
	font-family: "open sans", arial, sans serif;
	font-size: 20px;
	text-transform: uppercase;
text-decoration:none;
line-height: 28px;
text-shadow: 1px 1px 2px #000;
}
.promo_slider_title a:hover {text-decoration:none;}

/* EXCERPT DISPLAY - If enabled */
.promo_slider_excerpt {
	display:block;
	position:absolute;
	bottom:0; left:0;
	background-color:#000;
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=60)";
    filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=60);
	opacity:0.6;
	color:#fff;
	padding:3px 2.5%;
	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;
}

@media screen and (max-width: 500px) {
.promo_slider_title {width: 100%; margin: 0; max-width:none; background: rgba(0,0,0,0.6)}
.promo_slider_title a {font-size:14px; text-shadow: 1px 1px 1px #000;line-height: 20px;}

}

@media screen and (max-width: 400px) {
.promo_slider_title a {font-size:11px;line-height: 17px;}

}