﻿.jcarousel-container {
    position: relative;
    width: 440px;
    height:50px;
}

.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;
}

.jcarousel-next {
    z-index: 3;
    display: none;
}

.jcarousel-prev {
    z-index: 3;
    display: none;
}

.jcarousel-container-horizontal {
    width: 440px;
    padding: 0px 20px 0px 20px;   	 
}
.jcarousel-clip-horizontal {
    width: 440px;
    height: 50px;
}

.jcarousel-item {
    width: 60px;
    height: 45px;
    border:solid 1px #000;
	cursor: pointer;
	text-align:center;
}

 .jcarousel-itemSel  
{	
    border:solid 1px red;    
}

 .jcarousel-item-horizontal {
    margin-right: 7px;
}

 .jcarousel-item-placeholder {
    background: #fff;
    color: #000;
}

 .jcarousel-next-horizontal {
    position: absolute;    
    right: 0px;
    width: 14px;
    height: 48px;
    cursor: pointer;
    background: transparent url(Images/galNext.png) no-repeat 0 0;
}

 .jcarousel-next-disabled-horizontal,
 .jcarousel-next-disabled-horizontal:hover,
 .jcarousel-next-disabled-horizontal:active {
    cursor: default;
    background-position: -96px 0;
}

 .jcarousel-prev-horizontal {
    position: absolute;    
    left: 0px;
    width: 14px;
    height: 48px;
    cursor: pointer;
    background: transparent url(Images/galPrev.png) no-repeat 0 0;
}

 .jcarousel-prev-disabled-horizontal,
 .jcarousel-prev-disabled-horizontal:hover,
 .jcarousel-prev-disabled-horizontal:active {
    cursor: default;
    background-position: -96px 0;
}

.imgContainer{width:468px;padding:5px;text-align:center;}
.imgPrevNext{color:#cbcbcb;float:right;}
.imgDescContainer{width:100%;font-size:11px;font-weight:normal;font-family:Tahoma;color:#565656;text-align:center;height:100%}
.imgDescContainerAudio{width:100%;font-size:11px;font-weight:normal;font-family:Tahoma;color:#565656;text-align:left;height:100%}
.imgDescContainerPic{font-size:11px;font-weight:normal;font-family:Tahoma;color:#565656;text-align:center}
.btnNav { cursor:pointer;}

/*Vert*/
.jcarousel-container-vertical {
    width: 55px;
    height: 260px;
    padding-top:25px;    
}

.jcarousel-clip-vertical {
    width:  55px;
    height: 260px;    
}
.jcarousel-item-vertical {
    margin-bottom: 10px;
}

.jcarousel-skin-tango .jcarousel-item-placeholder {
    background: #fff;
    color: #000;
}

.jcarousel-next-vertical {
    position: absolute;
    bottom: -50px;
    left: 10px;
    width: 41px;
    height: 43px;
    cursor: pointer;
    background: transparent url(Images/galNextVertBlue.png) no-repeat 0 0;
}

.jcarousel-next-vertical:hover {
    background-position: 0 -41px;
}

.jcarousel-next-vertical:active {
    background-position: 0 -82px;
}

.jcarousel-next-disabled-vertical,
.jcarousel-next-disabled-vertical:hover,
.jcarousel-next-disabled-vertical:active {
    cursor: default;
    background-position: 0 -123px;
}

.jcarousel-prev-vertical {
    position: absolute;
    top: 5px;
    left: 10px;
    width: 41px;
    height: 42px;
    cursor: pointer;
    background: transparent url(Images/galPrevVertBlue.png) no-repeat 0 0;
}

.jcarousel-prev-vertical:hover {
    background-position: 0 -41px;
}

.jcarousel-prev-vertical:active {
    background-position: 0 -82px;
}

.jcarousel-prev-disabled-vertical,
.jcarousel-prev-disabled-vertical:hover,
.jcarousel-prev-disabled-vertical:active {
    cursor: default;
    background-position: 0 -123px;
}
/*---------------------------------------------------------------*/


.jcarousel-list li,
.jcarousel-item {
    float: left;
    list-style: none;
}

.jcarousel-next {
    z-index: 3;
    display: none;
}

.jcarousel-prev {
    z-index: 3;
    display: none;
}

.itemThumb
{
	border:solid 1px #d5dcdc;
	padding:4px;
}

.itemMark
{
	width:100%;
	height:20px;
}