/* galleria.css */
.galleria {
list-style:none;
width:200px;
}

.galleria li {
display:block;
width:80px;
height:80px;
overflow:hidden;
float:left;
margin:0 10px 10px 0;
}

.galleria li a {
display:none;
}

.galleria li div {
position:absolute;
display:none;
top:0;
left:180px;
}

.galleria li div img {
cursor:pointer;
}

.galleria li.active div img,.galleria li.active div {
display:block;
}

.galleria li img.thumb {
cursor:pointer;
top:auto;
left:auto;
display:block;
width:auto;
height:auto;
}

.galleria li .caption {
display:block;
padding-top:.5em;
}

* html .galleria li div span {
width:400px;
}

/* MSIE bug */
#thumbs {
margin-bottom:5px;
}

#main_image {
text-align:center;
margin-bottom:10px;
}

#main_image img {
border:solid #333 2px;
margin-bottom:5px;
margin-top:5px;
}

/* jquery.jcarousel.css */
/**
 * This <div> element is wrapped by jCarousel around the list
 * and has the classname "jcarousel-container".
 */
.jcarousel-container {
position:relative;
margin:0 auto;
}

.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;
}

/* skin.css */
.jcarousel-skin-tango .jcarousel-container {
border:1px solid #333;
}

.jcarousel-skin-tango .jcarousel-container-horizontal {
width:340px;
padding:10px 40px;
}

.jcarousel-skin-tango .jcarousel-clip-horizontal {
width:340px;
height:75px;
}

.jcarousel-skin-tango .jcarousel-list-horizontal {
width:345px;
height:75px;
}

.jcarousel-skin-tango .jcarousel-item {
width:75px;
height:75px;
}

.jcarousel-skin-tango .jcarousel-item-horizontal {
margin-right:5px;
}

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

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

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

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

.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-position:-96px 0;
}

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

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

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

.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-position:-96px 0;
}