﻿@import url('/system/js/jquery.lightbox/css/jquery.lightbox-0.5.css');

.jcarousel-buttons{
	margin:5px;
}

#jcarousel-prev, #jcarousel-next, #jcarousel-gallery-button{
	border:thin silver solid;	
	margin:2px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:10px;
}

.jcarousel-skin-blue .jcarousel-container {
    border: 1px solid #eaeaea;
}

.jcarousel-skin-blue .jcarousel-container-horizontal {
    width: 620px;
    padding: 5px 40px;
}

.jcarousel-skin-blue .jcarousel-container-vertical {
    width: 75px;
    height: 650px;
    padding: 40px 20px;
}

.jcarousel-skin-blue .jcarousel-clip-horizontal {
    width:  620px;
    /*height: 75px;*/
    height: 120px;
}

.jcarousel-skin-blue .jcarousel-clip-vertical {
    width:  75px;
    height: 650px;
}

.jcarousel-skin-blue .jcarousel-item {
    /*width: 75px;
    height: 75px;*/
}

.jcarousel-skin-blue .jcarousel-item-horizontal {
    margin-right: 10px;
    margin-left: 0px;
}

.jcarousel-skin-blue .jcarousel-item-vertical {
    margin-bottom: 10px;
}

.jcarousel-skin-blue .jcarousel-item-placeholder {
    background: #fff;
    color: #000;
}

/**
 *  Horizontal Buttons
 */
 
.jcarousel-skin-blue .jcarousel-next-horizontal {
    position: absolute;
    top: 5px;
    right: 5px;
    width: 32px;
    height: 120px;
    cursor: pointer;
    background: transparent url(images/next-horizontal.png) no-repeat 0 0;
}

.jcarousel-skin-blue .jcarousel-next-horizontal:hover {
    background-position: -32px 0;
}

.jcarousel-skin-blue .jcarousel-next-horizontal:active {
    background-position: -64px 0;
}

.jcarousel-skin-blue .jcarousel-next-disabled-horizontal,
.jcarousel-skin-blue .jcarousel-next-disabled-horizontal:hover,
.jcarousel-skin-blue .jcarousel-next-disabled-horizontal:active {
    cursor: default;
    background-position: -96px 0;
}

.jcarousel-skin-blue .jcarousel-prev-horizontal {
    position: absolute;
    top: 5px;
    left: 5px;
    width: 32px;
    height: 120px;
    cursor: pointer;
    background: transparent url(images/prev-horizontal.png) no-repeat 0 0;
}

.jcarousel-skin-blue .jcarousel-prev-horizontal:hover {
    background-position: -32px 0;
}

.jcarousel-skin-blue .jcarousel-prev-horizontal:active {
    background-position: -64px 0;
}

.jcarousel-skin-blue .jcarousel-prev-disabled-horizontal,
.jcarousel-skin-blue .jcarousel-prev-disabled-horizontal:hover,
.jcarousel-skin-blue .jcarousel-prev-disabled-horizontal:active {
    cursor: default;
    background-position: -96px 0;
}

/**
 *  Vertical Buttons
 */
.jcarousel-skin-blue .jcarousel-next-vertical {
    position: absolute;
    bottom: 5px;
    left: 43px;
    width: 32px;
    height: 32px;
    cursor: pointer;
    background: transparent url(images/next-vertical.png) no-repeat 0 0;
}

.jcarousel-skin-blue .jcarousel-next-vertical:hover {
    background-position: 0 -32px;
}

.jcarousel-skin-blue .jcarousel-next-vertical:active {
    background-position: 0 -64px;
}

.jcarousel-skin-blue .jcarousel-next-disabled-vertical,
.jcarousel-skin-blue .jcarousel-next-disabled-vertical:hover,
.jcarousel-skin-blue .jcarousel-next-disabled-vertical:active {
    cursor: default;
    background-position: 0 -96px;
}

.jcarousel-skin-blue .jcarousel-prev-vertical {
    position: absolute;
    top: 5px;
    left: 43px;
    width: 32px;
    height: 32px;
    cursor: pointer;
    background: transparent url(images/prev-vertical.png) no-repeat 0 0;
}

.jcarousel-skin-blue .jcarousel-prev-vertical:hover {
    background-position: 0 -32px;
}

.jcarousel-skin-blue .jcarousel-prev-vertical:active {
    background-position: 0 -64px;
}

.jcarousel-skin-blue .jcarousel-prev-disabled-vertical,
.jcarousel-skin-blue .jcarousel-prev-disabled-vertical:hover,
.jcarousel-skin-blue .jcarousel-prev-disabled-vertical:active {
    cursor: default;
    background-position: 0 -96px;
}

