slide.css - v3.1.4 - bug fixes + alternative 'stretchy' css

/*mod jrc 131211: systemcore.co.uk - recommended bug fixes, various. also, new 'auto-resizable/stretchy image size, for fluid css designs: see mod marks 'mod jrc ...'*/
/*based on code: http://wordpress.org/extend/plugins/promotion-slider/ */
/*based on version: V3.1.4 */
/*based on file: slide.css*/
/*problem reference: http://wordpress.org/support/topic/plugin-promotion-slider-browser-scroll-bug-using-image-width-auto-suggested-fix  */


.promo_slider_wrapper { margin:10px 0; position:relative; /*mod jrc 111211 - fix browser scroller jag eg: h=536px*//*height: auto;*/ /*end mod jrc 111211*/border:0px solid green;}
.promo_slider { overflow:hidden; position:relative; /*mod jrc 111211 - orig: height:235px;*//*height:auto;*/ /*end mod jrc 111211*/  border:0px solid blue;}
.promo_slider img { margin:0; padding:0; /*mod jrc 111211*/ width: 100%; height: auto;/*end mod jrc 111211*/}
.promo_slider .panel { background:url('images/slide.png'); display:none; /*float:left;*/ overflow:hidden; /*mod jrc 131211 - orig: width: 100%; height:100%;*//*width:100%;  height: 100%;*/ border:0px solid yellow;}
.promo_slider .panel-1 { display:block; }
.pointer {cursor:pointer; cursor:hand;}
.ps_hover { display:none; }
.promo_slider:hover .ps_hover { display:block; }
.promo_slider_sep { font-weight:normal; }

/*mod jrc 131211*/
.promo_slider_background_image {
height: auto;
border:0px solid red;
}

/*end mod jrc 131211*/

/* DEFAULT SLIDER NAV - If enabled */
.promo_slider_nav {
    display:none;
    position:absolute;
    bottom:0px; right:0px;
    margin:10px;
    padding:5px 10px;
    background-color:#fff;
    color:#666; text-align:center;
    font-size:12px;
    font-weight:bold;
}
.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 {/*mod jrc 111211 - orig: position:absolute; top:45%; width:30px; height:30px;*/
    position:absolute;
    top:0%;
    width:10%;
    height:100%;
    display: block;
/*  display: block;
    position: relative;
    top: 0px;
    width:100px;
    height:100%; */
    background-color:#000;
    filter:alpha(opacity=60);
    opacity:0.6;
    border: 0px solid #000;
    /*end mod jrc 111211*/
    }
/*mod jrc 111211*/
.left_arrow:hover, .right_arrow:hover {
    background-color:#FFF;
    filter:alpha(opacity=30);
    opacity:0.3;
}
/*end mod jrc 111211*/
.left_arrow {/*mod jrc 111211 - orig:  left:5px; background:url('images/prev.png') no-repeat;*/
    left:0px;
    background:url('images/prev.png') no-repeat #000;
    background-position: center center;
    /*end mod jrc 111211*/
    }
.right_arrow {/*mod jrc 111211 - orig:  right:5px; background:url('images/next.png') no-repeat;*/
    right:0px;
    background:url('images/next.png') no-repeat #000;
    background-position: center center;
    /*end mod jrc 111211*/
    }


/* 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;
    padding:2.5%;
    text-align:left;
    font-size:1.5em;
    font-weight:bold;
/*mod jrc 111211 - orig -       width:95%; color:#000;  top:0px; left:0px;*/
    width:auto;
    top:10%;
    left:10%;
    background-color:#000;
    filter:alpha(opacity=60);
    opacity:0.6;
/*  color:#fff;*/
    color:#FFF;
/*end mod jrc 111211*/
}
.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 {/* mod jrc 111211 - orig - color:#000;*/color: #FFF; /*end mod jrc 111211*/ text-decoration:none;}
.promo_slider_title a:hover {text-decoration:underline;}

/* EXCERPT DISPLAY - If enabled */
.promo_slider_excerpt {
    display:block;
    position:absolute;
    background-color:#000;
    filter:alpha(opacity=60);
    opacity:0.6;
    color:#fff;
    padding:3px 2.5%;
/*mod jrc 111211 - orig:    width:95%;  bottom:0; left:0; */
    top:30%;
    left:15%;
    width:65%;
    height: 60%;
/*end mod jrc 111211*/
}
.promo_slider_excerpt p {margin:0; padding:0;}