/** Carousel **/

.jcarousel {
    position: relative;
    overflow: hidden;
}

.jcarousel ul {
    width: 20000em;
    position: relative;
    list-style: none;
    margin: 0;
    padding: 0;
}

.jcarousel li {
    float: left;
    width: 144px;
    height: 114px;
    margin: 2px;
	background-color: #ccc;
}


.jcarousel img {
  overflow: hidden;
  position: relative;
  opacity:0;filter:alpha(opacity=0);
  cursor:zoom-in;
  max-width:138px;
  max-height: 108px;
}

.portrait{
  height: 108px;
  width:auto;
  /*height: calc(100% - 6px); */

 }

.landscape{
  /*width:calc(100% - 6px); */
  width: 138px;
  height: auto;
 }

.jcarousel .loading {
    text-align: center;
    line-height: 90px; /* Fake vertical aligning */
}

/** Carousel Controls **/

.jcarousel-control-prev,
.jcarousel-control-next {
    position: absolute;
    top: 47px;  /*  Modified by Rob*/

    width: 32px;
    height: 30px;
    text-align: center;
    background: #4E443C;
    color: #fff;
    text-decoration: none;
    font: 24px/27px Arial, sans-serif;
    -webkit-border-radius: 30px;
    border-radius: 30px;

}

.jcarousel-control-prev:visited,
.jcarousel-control-next:visited{
	    color: #fff;
}

.jcarousel-control-prev:hover,
.jcarousel-control-next:hover {
	 text-decoration: none;
}



.jcarousel-control-prev {
	left: 4px;
}

.jcarousel-control-next {
	right: 4px;
}

.jcarousel-control-prev:hover span,
.jcarousel-control-next:hover span {
    display: block;
}

.jcarousel-control-prev.inactive,
.jcarousel-control-next.inactive {
    opacity: .5;
    cursor: default;
}