/**

 * This <div> element is wrapped by jCarousel around the list

 * and has the classname "jcarousel-container".

 */

.jcarousel-container {

    position: relative;

}



.jcarousel-clip {

    z-index: 2;

    padding: 0;

    margin: 0;

    overflow: hidden;

    position: relative;

}



.jcarousel-list {

    z-index: 1;

    overflow: hidden;

    position: relative;

    top: 0;

    left: 0;

    margin: 0;

    padding: 0;

}





/**

 * The buttons are added dynamically by jCarousel before

 * the <ul> list (inside the <div> described above) and

 * have the classnames "jcarousel-next" and "jcarousel-prev".

 */

.jcarousel-next {

    z-index: 3;

    display: none;

}



.jcarousel-prev {

    z-index: 3;

    display: none;

}







/*=SKIN STYLES*/



.jcarousel-item-horizontal {

}



/**

 *  Horizontal Buttons

 */

.jcarousel-next-horizontal {

    position: absolute;

    top: 87px;

    right: 0px;

    width: 21px;

    height: 21px;

    cursor: pointer;

    background: transparent url(images/next_1.png) no-repeat 0px 0;

}

.jcarousel-next-horizontal:hover {

/*    background-position: -32px 0;*/

}

.jcarousel-next-horizontal:active {

    background-position: 0 0;

}

.jcarousel-next-disabled-horizontal,

.jcarousel-next-disabled-horizontal:hover,

.jcarousel-next-disabled-horizontal:active {

    cursor: default;

    background-position: 0 100%;

}

.jcarousel-prev-horizontal {

    position: absolute;

    top: 87px;

    left: 0px;

    width: 21px;

    height: 21px;

    cursor: pointer;

    background: transparent url(images/prev_1.png) no-repeat 0px 0;

}

.jcarousel-prev-horizontal:hover {

/*    background-position: 0px 0;   */

}

.jcarousel-prev-horizontal:active {

    background-position: 0px 0;

}

.jcarousel-prev-disabled-horizontal,

.jcarousel-prev-disabled-horizontal:hover,

.jcarousel-prev-disabled-horizontal:active {

    cursor: default;

    background-position: 0px 100%;

}



.jcarousel-container-horizontal {

    width: 560px;

    margin: 0 auto;

    overflow: auto;

}

.jcarousel-clip-horizontal {

    width:  500px;

    margin: 0 auto;

}

.jcarousel-list li, .jcarousel-item {

    float: left;

    list-style: none;

    width: 125px;

}



#pi-ximg-wrap {

  text-align: center;

}