/*

Item Name: jQuery Gcarousel Evolution

Author: Mapalla

Author URI: http://codecanyon.net/user/Mapalla

Version: 1.0

*/





/* _______________________________________________ */





/* CONTAINER */





/* _______________________________________________ */



.Gcarousel {

    position: relative;

    margin: 0 auto;

    width: 930px;

    height: auto;

    border: none;

    overflow: visible;

}





/* _______________________________________________ */





/* SLIDES */





/* _______________________________________________ */





/* slide container */



.Gcarousel .slides {

    margin: 0;

    padding: 0;

    border: none;

    list-style: none;

    position: relative;

    overflow: visible;

}





/* slide item */



.Gcarousel .slides .slideItem {

    position: absolute;

    cursor: pointer;

    overflow: hidden;

    padding: 0;

    margin: 0;

    border: none;

}



.Gcarousel .slides .slideItem a {

    display: block;

    text-decoration: none;

    margin: 0;

    padding: 0;

    border: none;

    outline: none;

}



.Gcarousel .slides .slideItem img {

    margin: 0;

    padding: 0;

    border: none;

    width: 100%;

    height: 100%;

}





/* _______________________________________________ */





/* DIRECTION BUTTON */





/* _______________________________________________ */



.Gcarousel .nextButton {

    position: absolute;

    right: 10px;

    top: 133px;

    width: 35px;

    height: 35px;

    background: url("../images/gallery/next_button.png") no-repeat center;

    cursor: pointer;

    z-index: 9999;

    opacity: 0;

}



.Gcarousel .prevButton {

    position: absolute;

    left: 10px;

    top: 133px;

    width: 35px;

    height: 35px;

    background: url("../images/gallery/prev_button.png");

    cursor: pointer;

    z-index: 9999;

    opacity: 0;

}





/* _______________________________________________ */





/* NAVIGATION BUTTON */





/* _______________________________________________ */





/* buttons container */



.Gcarousel .buttonNav {

    position: relative;

    margin: 0 auto;

    z-index: 999;

    margin-top: 67px;

    width: 100% !important;

}





/* numbers */



.Gcarousel .buttonNav .numbers {

    position: relative;

    float: left;

    margin: 5px;

    color: #828282;

    cursor: pointer;

    font-weight: bold;

    text-decoration: none;

    font-size: 1em;

    font-family: Arial, Verdana;

}



.Gcarousel .buttonNav .numbers:hover {

    color: #000;

    text-decoration: underline;

}



.Gcarousel .buttonNav .numberActive {

    background: none;

    color: #000;

    cursor: default;

}





/* bullets */



.Gcarousel .buttonNav .bullet {

    position: relative;

    float: left;

    width: 16px;

    height: 16px;

    background: url(../images/gallery/Bullet-White.png) no-repeat center;

    margin: 5px;

    float: left;

    cursor: pointer;

    display: inline-block !important;
    
    float: none;

}



.Gcarousel .buttonNav .bullet:hover {

    background: url(../images/gallery/Bullet-Black.png) no-repeat center;

}



.Gcarousel .buttonNav .bulletActive {

    background: url(../images/gallery/Bullet-Black.png) no-repeat center;

    cursor: default;

}





/* ____________________________________________________________ */





/* VIDEO */





/* ____________________________________________________________ */



.Gcarousel .slides .videoOverlay {

    background: url("../images/gallery/video.png") no-repeat center;

    /* play button */

}



.Gcarousel .slides .spinner {

    background: #000 url("../images/gallery/loading.gif") no-repeat center;

    /* video preloader */

}





/* _____________________________ *



/* SHADOW */





/* _____________________________ */



.Gcarousel .shadow {

    width: 100%;

    height: 82px;

}



.Gcarousel .shadow .shadowLeft {

    background: url("../images/gallery/shadowLeft.png") no-repeat;

    width: 100px;

    height: 82px;

    /* fix png problems in ie */

    -ms-filter: "progid:DXImageTransform.Microsoft.AlphaImageLoader(src=images/gallery/shadowLeft.png, sizingmethod=scale)";

    /* IE8 */

    filter: progid: DXImageTransform.Microsoft.AlphaImageLoader(src=images/gallery/shadowLeft.png, sizingmethod=scale);

    /* IE6 & 7 */

}



.Gcarousel .shadow .shadowMiddle {

    height: 82px;

    background: url("../images/gallery/shadowTile.png") repeat-x;

    /* fix png problems in ie */

    -ms-filter: "progid:DXImageTransform.Microsoft.AlphaImageLoader(src=images/gallery/shadowTile.png, sizingmethod=scale)";

    /* IE8 */

    filter: progid: DXImageTransform.Microsoft.AlphaImageLoader(src=images/gallery/shadowTile.png, sizingmethod=scale);

    /* IE6 & 7 */

}



.Gcarousel .shadow .shadowRight {

    width: 100px;

    height: 82px;

    background: url("../images/gallery/shadowRight.png") no-repeat;

    /* fix png problems in ie */

    -ms-filter: "progid:DXImageTransform.Microsoft.AlphaImageLoader(src=images/gallery/shadowRight.png, sizingmethod=scale)";

    /* IE8 */

    filter: progid: DXImageTransform.Microsoft.AlphaImageLoader(src=images/gallery/shadowRight.png, sizingmethod=scale);

    /* IE6 & 7 */

}





/* ____________________________________________________________ */





/* REFLECTION GRADIENT */





/* ____________________________________________________________ */





/* gradient color for Opera */



.Gcarousel .gradient {

    background-image: url(../scripts/gradient.svg);

}