.GalleryHolder          {border:0px solid red;width:100%;
                            position:relative;
                        }
.BigPictures            {border:0px solid red;width:100%;margin:5px;height:450px;
                                float:left;}
.SmallPictures          {border:0px solid black; margin:20px 5px 10px 5px;height:38px;
                        float:left;width:100%;position:relative;}
.GalleryHolder .emptyBgLeft {border:0px solid red;position:absolute;top:0px;left:55px;
                         height:400px; background:url(images/no-color-bg.png) repeat 0 0;
                        z-index:100;width:87%;}
.GalleryHolder .emptyBgRight {border:0px solid red;position:absolute;top:0px;right:45px;
                         height:400px; background:url(images/no-color-bg.png) repeat 0 0;
                        z-index:100;width:87%;}
.NextScroll             {border:1px solid red;width:60px;height:100px;position:absolute;
                        top:0;right:0;background-color:red;z-index:5;}
/* Za karusielot css Must Have*/
/**
 * 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;
}

.jcarousel-list li,
.jcarousel-item {
    float: left;
    list-style: none;
    /* We set the width/height explicitly. No width/height causes infinite loops. */
    width: 75px;
    height: 75px;
}

/**
 * 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;
}
/*---------------------------------------------------------------------------*/
/*Del za skinot sto se koristi za da go razlepsa karuzielot*/
.jcarousel-skin-tango .jcarousel-container {
    width:100%;
}

.jcarousel-skin-tango .jcarousel-container-horizontal {
    width:100%;
}

.jcarousel-skin-tango .jcarousel-clip-horizontal {
    
}
.jcarousel-skin-tango .jcarousel-item {
    width: 600px;
    height: 450px;
}

.jcarousel-skin-tango .jcarousel-item-horizontal {
    text-align:left;
    margin-right:30px;
}



.jcarousel-skin-tango .jcarousel-item-placeholder {
    color: #000;
}

/**
 *  Horizontal Buttons
 */
.jcarousel-skin-tango .jcarousel-next-horizontal {
    position: absolute;
    top: 0px;
    right: 0px;
    width: 50px;
    height: 300px;
    cursor: pointer;
    background-position:center;
    z-index:999999999;
    border:0px solid red;
}


.jcarousel-skin-tango .jcarousel-next-horizontal:hover {
    background:url(images/next.png) no-repeat;
    background-position: right center;
}

.jcarousel-skin-tango .jcarousel-next-horizontal:active {
    background:center;
}

.jcarousel-skin-tango .jcarousel-next-disabled-horizontal,
.jcarousel-skin-tango .jcarousel-next-disabled-horizontal:hover,
.jcarousel-skin-tango .jcarousel-next-disabled-horizontal:active {
    cursor: default;
    background:none;
}

.jcarousel-skin-tango .jcarousel-prev-horizontal {
    position: absolute;
    top: 0px;
    left: 0px;
    width: 50px;
    height: 300px;
    cursor: pointer;
    background-position:center;
    z-index:999999999;
    display:inline;
    border:0px solid red;
}

.jcarousel-skin-tango .jcarousel-prev-horizontal:hover {
    background:url(images/prev.png) no-repeat;
    background-position: right center;
}

.jcarousel-skin-tango .jcarousel-prev-horizontal:active {
    background-position: center;
}

.jcarousel-skin-tango .jcarousel-prev-disabled-horizontal,
.jcarousel-skin-tango .jcarousel-prev-disabled-horizontal:hover,
.jcarousel-skin-tango .jcarousel-prev-disabled-horizontal:active {
    cursor: default;
    background:none;
}


/*-----------------------------------------------------------------------------*/
/*---------------------------------------------------------------------------*/
/*Del za skinot sto se koristi za da go razlepsa karuzielot*/
.jcarousel-skin-tango-small .jcarousel-container {
    width:100%;
}

.jcarousel-skin-tango-small .jcarousel-container-horizontal {
    width:100%;
}

.jcarousel-skin-tango-small .jcarousel-clip-horizontal {
    height: 66px;
}
.jcarousel-skin-tango-small .jcarousel-item {
    width: 60px;
    height: 60px;
    overflow:hidden;
}

.jcarousel-skin-tango-small .jcarousel-item-horizontal {
    margin-right: 10px;
    margin-top:0px;
    cursor:pointer;
    border:3px solid #333;
}

.imgBorder {border:3px solid #ffff00 !important;}

.jcarousel-skin-tango-small .jcarousel-item-placeholder {
    color: #000;
}

/**
 *  Horizontal Buttons
 */
.jcarousel-skin-tango-small .jcarousel-next-horizontal {
    position: absolute;
    top: 0px;
    right: -30px;
    width: 60px;
    height: 60px;
    cursor: pointer;
    background:url(images/next-small.png) no-repeat 0 0;
    background-position:right center;
    
}

.jcarousel-skin-tango-small .jcarousel-next-horizontal:hover {
    background:url(images/next-small.png) no-repeat 0 0;
    background-position:right center;
}

.jcarousel-skin-tango-small .jcarousel-next-horizontal:active {
    background:center;
}

.jcarousel-skin-tango-small .jcarousel-next-disabled-horizontal,
.jcarousel-skin-tango-small .jcarousel-next-disabled-horizontal:hover,
.jcarousel-skin-tango-small .jcarousel-next-disabled-horizontal:active {
    cursor: default;
    background:none;
}

.jcarousel-skin-tango-small .jcarousel-prev-horizontal {
    position: absolute;
    top: 0px;
    left: -30px;
    width: 60px;
    height: 60px;
    cursor: pointer;
    border:0px solid red;
    background:url(images/prev-small.png) no-repeat 0 0;
    background-position:left center;
}

.jcarousel-skin-tango-small .jcarousel-prev-horizontal:hover {
    background:url(images/prev-small.png) no-repeat 0 0;
    background-position: left center;
}

.jcarousel-skin-tango-small .jcarousel-prev-horizontal:active {
    background-position: left center;
}

.jcarousel-skin-tango-small .jcarousel-prev-disabled-horizontal,
.jcarousel-skin-tango-small .jcarousel-prev-disabled-horizontal:hover,
.jcarousel-skin-tango-small .jcarousel-prev-disabled-horizontal:active {
    cursor: default;
    background:none;
}
/*-----------------------------------------------------------------------------*/



.GalleryHolderPersonal          {border:0px solid red;float:left;width:800px; height:380px; overflow:hidden;}
.BigPicturesPersonal            {border:0px solid red;margin:5px;float:left; width:600px;}
.SmallPicturesPersonal          {border:1px solid red;margin:5px 5px 10px 5px;height:300px;
                                float:left;}
.GalleryHolderPersonal .emptyBgLeft {border:0px solid red;position:absolute;top:0px;left:55px;
                         height:400px; background:url(images/no-color-bg.png) repeat 0 0;
                        z-index:100;width:87%;}
.GalleryHolderPersonal .emptyBgRight {border:0px solid red;position:absolute;top:0px;right:45px;
                         height:400px; background:url(images/no-color-bg.png) repeat 0 0;
                        z-index:100;width:87%;}
.BigPicturesPersonal ul li {display:none;}
.smallPicSelected      {border:1px solid yellow; }

/*-----------------------------------------------------------------------------*/


/*---------------------------------------------------------------------------*/
/*Del za skinot sto se koristi za da go razlepsa karuzielot*/
.jcarousel-skin-tango-small-personal .jcarousel-container {
    width:100%;
}
.jcarousel-skin-tango-small-personal .jcarousel-container-vertical {
    width:80px;
}
.jcarousel-skin-tango-small-personal .jcarousel-clip-vertical {
    height: 500px;
}

.jcarousel-skin-tango-small-personal .jcarousel-item {
    width: 60px;
    height: 60px;
    cursor:pointer;
    overflow:hidden;
    border:3px solid #000;
}
.jcarousel-skin-tango-small-personal .jcarousel-item-vertical {
    margin-bottom:10px;
}


.jcarousel-skin-tango-small-personal .jcarousel-item-placeholder {
    color: #000;
}

/**
 *  Horizontal Buttons
 */
.jcarousel-skin-tango-small-personal .jcarousel-next-vertical {
    position: absolute;
    bottom: -30px;
    left: 0px;
    width: 60px;
    height: 25px;
    cursor: pointer;
    background-position:center;
    margin-left:3px;
    background: url(images/next-small-down.png) no-repeat top center;
    border:0px solid red;
}

.jcarousel-skin-tango-small-personal .jcarousel-next-vertical:hover {
    background:url(images/next-small-down.png) no-repeat 0 0;
    background-position:center;
}

.jcarousel-skin-tango-small-personal .jcarousel-next-vertical:active {
    background:center;
}

.jcarousel-skin-tango-small-personal .jcarousel-next-disabled-vertical,
.jcarousel-skin-tango-small-personal .jcarousel-next-disabled-vertical:hover,
.jcarousel-skin-tango-small-personal .jcarousel-next-disabled-vertical:active {
    cursor: default;
    background:none;
}

.jcarousel-skin-tango-small-personal .jcarousel-prev-vertical {
    position: absolute;
    top: -30px;
    left: 0px;
    width: 60px;
    height: 25px;
    cursor: pointer;
    background-position:center;
    margin-left:3px;
     background: url(images/next-small-up.png) no-repeat top center;
    border:0px solid red;
}

.jcarousel-skin-tango-small-personal .jcarousel-prev-vertical:hover {
    background:url(images/next-small-up.png) no-repeat 0 0;
    background-position: center;
}

.jcarousel-skin-tango-small-personal .jcarousel-prev-vertical:active {
    background-position: center;
}

.jcarousel-skin-tango-small-personal .jcarousel-prev-disabled-vertical,
.jcarousel-skin-tango-small-personal .jcarousel-prev-disabled-vertical:hover,
.jcarousel-skin-tango-small-personal .jcarousel-prev-disabled-vertical:active {
    cursor: default;
    background:none;
}


.jcarousel-item-horizontal img {border:0px solid red;}