.promo_slider_wrapper { margin:10px 0; position:relative; } .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: 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: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.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; }