/***************************[ifxCarousel]**/
.ifxCarousel-CON
{
    position: relative;
}

    .ifxCarousel-CON a.prevPage, .ifxCarousel-CON a.nextPage
    {
        float: left;
        margin: 0px;
        padding: 0px;
        cursor: pointer;
        text-decoration: none;
        vertical-align: middle;
        height: 82px;
        background: url('ifxCarouselArrows.gif') center center no-repeat;
        width: 25px;
        border: 1px solid #fff;
        color: #99f;
    }
    
        .ifxCarousel-CON a:hover
        {
            border-color: #ddd;
        }
    
        .ifxCarousel-CON a.left
        {
            background-position: 0px center;
        }
        
            .ifxCarousel-CON a.left.disabled
            {
                background-position: -50px center;
            }
        
        .ifxCarousel-CON a.right
        {
            background-position: -25px center;
        }
        
            .ifxCarousel-CON a.right.disabled
            {
                background-position: -75px center;
            }	

/*
root element for the scrollable.
when scrolling occurs this element stays still.
*/
.ifxCarousel-CON .ifxCarousel
{
    /* required settings */
    position: relative;
    overflow: hidden;
    width: 218px;
    height: 168px;
    float: left;

    /* custom decorations */
    border: 1px solid #000;
}

        /*
        root element for scrollable items. Must be absolutely positioned
        and it should have a extremely large width to accomodate scrollable items.
        it's enough that you set the width and height for the root element and
        not for this element.
        */
        .ifxCarousel-CON .ifxCarouselItems
        {
        /* required settings */
            position: absolute;
            width: 20000px;
            clear: both;
            
        /* custom decorations */
            margin: 0px;
            padding: 0px;
        }

        .ifxCarousel-CON .ifxCarouselItem
        {
            float: left;
            display: block;
            width: 218px;
            height: 118px;
        }
        
        /* active item */
        .ifxCarousel-CON .ifxCarousel .active
        {
            border: 1px solid #f00;
            -moz-border-radius:4px;
            -webkit-border-radius:4px;
        }

/***************************[ifxCarousel Pagination]**/
.ifxCarousel-CON .ifxCarouselNavigation-CON
{
        position: relative;
}

    .ifxCarousel-CON .ifxCarouselNavigation-CON a.ifxCarouselArrows
    {
        float: left;
        margin: 0px;
        padding: 0px;
        cursor: pointer;
        text-decoration: none;
        background: none;
    }

        .ifxCarousel-CON .ifxCarouselNavigation-CON ul
        {
            margin: 0px;
            margin-top: -3px;
            padding: 0px;
            float: left;
        }
        
            .ifxCarousel-CON ul.ifxCarouselNavigation li
            { 
                float:left; 
                margin:0px; 
                padding:3px; 
                text-indent:0; 
                list-style-type:none;	
            }
        
        .ifxCarousel-CON .ifxCarouselNavigation-CON a.prevPage,
        .ifxCarousel-CON .ifxCarouselNavigation-CON a.nextPage,
        .ifxCarousel-CON .ifxCarouselNavigation-CON a.ifxCarouselNavigation-Pageination
        {
            float: left;
            margin: 0px;
            padding: 0px;
            cursor: pointer;
            text-decoration: none;
            border: 1px solid #ccc;
            height: 20px;
            background: none;
            height: 100%;
            width: 100%;
            text-align: center;
        }
        
        .ifxCarousel-CON .ifxCarouselNavigation-CON a.prevPage,
        .ifxCarousel-CON .ifxCarouselNavigation-CON a.nextPage
        {
            width: 35px;
        }
        
            .ifxCarousel-CON .ifxCarouselNavigation-CON a.prevPage:hover,
            .ifxCarousel-CON .ifxCarouselNavigation-CON a.nextPage:hover,
            .ifxCarousel-CON .ifxCarouselNavigation-CON a.ifxCarouselNavigation-Pageination:hover
            {
                background-color: #ddd;
            }
        
                .ifxCarousel-CON .ifxCarouselNavigation-CON a.disabled
                {
                        display: none !important;
                }