.promo_slider_wrapper { margin:0; float:left; width:100%; position:relative; }

.promo_slider { height:auto; overflow:hidden; position:relative; }

.promo_slider img { margin:0; padding:0; max-width:100%; }

.promo_slider .panel {

	overflow:hidden;

	width:100%;

	height:100%;

	position: absolute;

	top: 0;

	left: 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;

    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:52px; height:52px; 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;

	width:auto;

	padding:0;

	text-align:left;

}

.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; background-color:rgba(175, 208, 55, 0.7); padding:5px 20px; font:28px 'Julius Sans One', sans-serif; color:#010000; background-image:none; text-decoration:none;}

.promo_slider_title a:hover {text-decoration:none;}



/* EXCERPT DISPLAY - If enabled */

.promo_slider_excerpt {

	display:block;

	width:auto;

	background-color:rgba(255, 255, 255, 0.7);

	color:#000;

	padding:20px;

	font:16px 'Libre Baskerville', serif;

	width:100%;

	margin:10px 0;

}

.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;

}



.promo_slider .panel .slider-cont-wrape {width:40%; position:absolute; left:12%; top:72px;}

.promo_slider .panel a {}

.promo_slider .panel a.read_more {float:left; width:auto; background: rgba(236, 47, 105, 0.9) url( 'images/read_sli.png') 89% 50% no-repeat; padding:5px 40px 5px 20px; font:16px 'Libre Baskerville', serif; color:#fff; text-decoration:none;}





@media screen and (max-width:1024px) {



	.promo_slider {height:417px;}
	.promo_slider .panel .slider-cont-wrape { width:50%;}

}



@media screen and (max-width:980px) {

	.promo_slider {height:400px;}

}



@media screen and (max-width:900px) {

	.promo_slider_excerpt { font-size:15px;}

	.promo_slider {height:367px;}

}



@media screen and (max-width:800px) {

	.promo_slider .panel .slider-cont-wrape {left:12%; top:40px;}

	.promo_slider_title a {font-size:26px;}

	.promo_slider_excerpt {font-size:14px; padding:10px;}

	.promo_slider .panel a.read_more {font-size:14px;}

	.promo_slider {height:326px;}

}



@media screen and (max-width:768px) {

	.promo_slider {height:313px;}

	.promo_slider .panel .slider-cont-wrape { width:70%;}

}



@media screen and (max-width:640px) {

	.promo_slider {height:261px;}

	.promo_slider_excerpt {width:85%;}

	.left_arrow, .right_arrow {width:25px; height:25px;}

	.left_arrow { left:5px; background:url('images/prev2.png') no-repeat;}

	.right_arrow { right:5px; background:url('images/next2.png') no-repeat; }

}



@media screen and (max-width:600px) {

	.promo_slider .panel .slider-cont-wrape {left:9%; top:30px;}

	.promo_slider_title a {font-size:22px;}

	.promo_slider_excerpt {font-size:12px; padding:10px; width:73%;}

	.promo_slider .panel a.read_more {font-size:12px;}

	.promo_slider {height:245px;}

}



@media screen and (max-width:480px) {

	.promo_slider .panel .slider-cont-wrape {display:none;}

	.promo_slider {height:195px;}

	.left_arrow, .right_arrow {width:25px; height:25px;}

	.left_arrow { left:5px; background:url('images/prev2.png') no-repeat;}

	.right_arrow { right:5px; background:url('images/next2.png') no-repeat; }

}



@media screen and (max-width:360px) {

	.promo_slider {height:147px;}

}



@media screen and (max-width:320px) {

	.promo_slider {height:130px;}

}