DIV.slider
{
    PADDING-BOTTOM: 52px;
    WIDTH: 100%;
}

DIV.slider-container
{
    OVERFLOW: hidden;
    WHITE-SPACE: nowrap;
}

DIV.slider-slide
{
    DISPLAY: inline-block;
    MIN-HEIGHT: 100px;
    WHITE-SPACE: normal;
    WIDTH: 100%;
}


A.slider-prev,
A.slider-next
{
    BACKGROUND: transparent url(../../../design/gh/prev.png) center no-repeat;
    TOP: 50%;
    HEIGHT: 34px;
    MARGIN-TOP: -17px;
    OPACITY: 0;
    OVERFLOW: hidden;
    PADDING-LEFT: 43px;
    POSITION: absolute;
    TEXT-ALIGN: center;
    TEXT-TRANSFORM: uppercase;
    WIDTH: 0;
    TRANSITION: opacity 0.25s ease-in;
    -WEBKIT-TRANSITION: opacity 0.25s ease-in;
    -MOZ-TRANSITION: opacity 0.25s ease-in;
}

A.slider-prev
{
    LEFT: 8px;
}

A.slider-next
{
    BACKGROUND-IMAGE: url(../../../design/gh/next.png);
    RIGHT: 8px;
}

A.slider-prev:hover,
A.slider-next:hover
{
    BORDER-COLOR: #000000;
}

DIV.slider-control
{
    BOTTOM: 0;
    LEFT: 0;
    LINE-HEIGHT: 14px;
    PADDING: 14px 24px;
    POSITION: absolute;
    RIGHT: 0;
    TEXT-ALIGN: right;
}

DIV.slider-control A
{
    BACKGROUND: transparent url(../../../design/gh/slider-control.png) center no-repeat;
    DISPLAY: inline-block;
    HEIGHT: 14px;
    MARGIN: 5px 10px;
    OVERFLOW: hidden;
    PADDING: 0 0 0 14px;
    WIDTH: 0;
}

DIV.slider-control A:hover
{
    BACKGROUND-IMAGE: url(../../../design/gh/slider-control-hover.png);
}

DIV.slider-control A.slider-active
{
    BACKGROUND-IMAGE: url(../../../design/gh/slider-control-active.png);
}

DIV.slider:hover DIV.slider-control,
DIV.slider:hover A.slider-prev,
DIV.slider:hover A.slider-next
{
    OPACITY: 1;
    VISIBILITY: visible;
    TRANSITION: opacity 0.25s ease-in;
    -WEBKIT-TRANSITION: opacity 0.25s ease-in;
    -MOZ-TRANSITION: opacity 0.25s ease-in;
}