/**
        plusslider Version 1.4.6
        By Jamy Golden
        http://css-plus.com
**/


/* Essential slider functionality (never changes) */
.plusslider{
   overflow: hidden;
   position: relative;
}
.plusslider-container{
   position: relative;
}
.plusslider .child{
   float: left;
}
.plustype-fader .child{
   display: none;
   position: absolute;
   left: 0;
   top: 0;
}
.plustype-fader .current{
   z-index: 5;
}
.plusslider a img{
   border: none;
} /* prevent blue borders in IE, which break "slider" type by altering the spacing */


/* No-javascript fallback (change "#slider1" selectors below to suit your html) */
#slider1 > * { display: none; }
#slider1 > *:first-child { display: block; }

/* Position the nav arrows & pagination controls */
.plusslider-arrows .prev{
   /* place "prev" arrow to the left of the slider */
   position: absolute;
   top: 40%;
   left: 0;
   z-index: 6;
}
.plusslider-arrows .next{
   /* place "next" arrow to the right of the slider */
   position: absolute;
   top: 40%;
   right: 0;
   z-index: 6;
}

.plusslider-pagination-wrapper{
   /* place the pagination controls over the bottom-center of the slider */
   position: absolute;
   z-index: 6; /* ensure this appears "in front" of the slider */
   bottom: 10px;
   left: 10px; /* center horizontally (works with child's "position:relative; left:-50%;") */
}

.plusslider-pagination{
   /* center horizontally (works with parent's "position:absolute; left:50%;" -- see http://stackoverflow.com/a/1777282/477513 ) */
   position: relative;
   left: 0%;
}


/* Style the nav arrows & pagination controls */
.plusslider-arrows,
.plusslider-pagination{
/* reset default list styles */
   list-style: none;
   margin: 0;
   padding: 0;
}
.plusslider-arrows li{
   text-indent: -9999px; /* hide the text */
   cursor: pointer;
}
.plusslider-arrows .prev{
   background: url(../design_01/arrow-prev.png) no-repeat 0 0;
   width: 24px;
   height: 43px;
}
.plusslider-arrows .next{
   background: url(../design_01/arrow-next.png) no-repeat 0 0;
   width: 24px;
   height: 43px;
}
.plusslider-pagination li{
   /* line these up in a row */
   float: left;
   margin-left: 5px;

   /* make them look like little buttons */
   text-indent: -9999px;
   background: url(../design_01/image_btn.png) no-repeat 0 0;
   width: 22px;
   height: 22px;
   cursor: pointer;
}
.plusslider-pagination li.current {
   background-position: 0 -24px;
}