﻿
/* Slider Thumbnails */
.jFlowControl {
width: 123px;
/* height: 100px; */
height: 50px;
overflow: hidden;
float: left;
position: relative;
cursor: pointer;
list-style-type:none;
}
.jFlowControl img {
width: 123px;
border: 0 none;
}
.image-thumb, .image-thumb-selected {
position: absolute;
bottom: 0px;
left: 0px;
width: 115px;
padding: 4px 4px;
text-transform: uppercase;
font-size: 9px;
line-height: 9px;
color: #ffffff;
cursor: pointer;
filter: alpha(opacity=0);
-moz-opacity: 0;
-khtml-opacity: 0;
opacity: 0;
}
.image-thumb:hover, .activeSlide .image-thumb-selected {
cursor: pointer;
filter: alpha(opacity=80);
-moz-opacity: 0.8;
-khtml-opacity: 0.8;
opacity: 0.8;
}



/* Slider Controls */
#slider-controls {
position: absolute;
top: 0;
right: 0;
padding: 5px;
z-index: 700;
filter: alpha(opacity=80);
-moz-opacity: 0.8;
-khtml-opacity: 0.8;
opacity: 0.8;
}
#slider-controls img {
float: left;
cursor: pointer;
border: 0;
width: 18px;
height: 15px;
}
#slider-controls img:hover {
cursor: pointer;
}

/*************************** Scrollable Content ***************************/

.scrollingHotSpotLeft {
width: 25px;
/* height: 100px; */
height: 50px;
position: absolute;
z-index: 2000;
left: 0;
cursor: pointer;
}
.scrollingHotSpotLeftVisible {
/* background: url(js/images/arrow-left-dark.png) no-repeat; */
zoom: 1;
filter:progid:DXImageTransform.Microsoft.alpha(opacity=0);
-moz-opacity: 0;
-khtml-opacity: 0;
opacity: 0;
}
.scrollingHotSpotLeftVisible:hover {
filter:progid:DXImageTransform.Microsoft.alpha(opacity=100);
-moz-opacity: 1;
-khtml-opacity: 1;
opacity: 1;
}
.scrollingHotSpotRight {
width: 25px;
/* height: 100px; */
height: 50px;
position: absolute;
z-index: 2000;
right: 0;
cursor: pointer;
}
.scrollingHotSpotRightVisible {
/*
background: url(js/images/arrow_right-dark.png) no-repeat;
*/
zoom: 1;
filter:progid:DXImageTransform.Microsoft.alpha(opacity=0);
-moz-opacity: 0;
-khtml-opacity: 0;
opacity: 0;
}
.scrollingHotSpotRightVisible:hover {
filter:progid:DXImageTransform.Microsoft.alpha(opacity=100);
-moz-opacity: 1;
-khtml-opacity: 1;
opacity: 1;
}
.scrollWrapper {
/* 
z-index: 700;
top: -100px;
position: absolute;
bottom: 0px;
 */
position: relative;
bottom: -50px;
overflow: hidden;
width: 815px; 
height: 50px;
display:inline-block;
background:#000000;
}
.scrollableArea {
position: relative;
width: auto;
/* height: 100px; */
height: 50px;
}

.scrollWrapper ul li{
	list-style-type:none;
}
