﻿#mycarousel img {
margin: 0px;	/* overwrites default #content img setting */

}

.jcarousel-skin .jcarousel-container {
    border: 0px solid #346F97;
    position:absolute;
    margin-left: 128px;
    margin-top: 26px;
}

.jcarousel-skin .jcarousel-direction-rtl {
	direction: rtl;
}

/* styling for horizontally aligned carousels */
.jcarousel-skin .jcarousel-container-horizontal {
    width: 706px;
    /* background: pink; useful when styling */
}

.jcarousel-skin .jcarousel-clip {
    overflow: hidden;
}

.jcarousel-skin .jcarousel-clip-horizontal {
	width: 706px;
	height: 336px;
}

.jcarousel-skin .jcarousel-item {
	width: 706px;
	height: 336px;
}

/* adds margin to/between images in viewport */
.jcarousel-skin .jcarousel-item-horizontal {
	margin-left: 0;
    margin-right: 10px;
}

/* adds margin to/between images in viewport */
.jcarousel-skin .jcarousel-direction-rtl .jcarousel-item-horizontal {
	margin-left: 10px;
    margin-right: 0;
}

.jcarousel-skin .jcarousel-item-placeholder {
    background: #fff;
    color: #000;
}

.jcarousel-skin li a img {
	border: 0px;
}

.jcarousel-skin .jcarousel-scroll {
	width: 156px;
	margin: 10px auto 20px auto;
}

.jcarousel-skin .jcarousel-scroll img {
	border: 0px;
}

.jcarousel-skin  #external {
	display: inline;
	margin: 0px;
	padding: 0px;
}

.jcarousel-skin #external a {
	display: block;
	float: left;
	width: 22px;
	height: 22px;
	background: url(../images/carousel-marker.png) no-repeat 0 0;
	overflow: hidden;
	text-indent: -10000px;
	font-size: 0px;
	line-height: 0px;
}

.jcarousel-skin #external a.active {
	background: url(../images/carousel-markerOn.png) no-repeat 0 0;
}

.jcarousel-skin #mycarousel-prev, .jcarousel-skin #mycarousel-next {
	float: left;
}

.jcarousel-skin #mycarousel-prev {
	margin-right: 10px;
}

.jcarousel-skin #mycarousel-next {
	margin-left: 10px;
}




/* Additional styles for the controls */

.jcarousel-control {
    margin-bottom: 10px;
    text-align: center;
}
 
.jcarousel-control a {
    font-size: 75%;
    text-decoration: none;
    padding: 0 0px;
    margin: 0 0 0px 0;
    border: 0px;
    color: #eee;
    background-color: #4088b8;
    font-weight: bold;
}
 
.jcarousel-control a:focus,
.jcarousel-control a:active {
    outline: none;
}
 
.jcarousel-scroll {
    margin-top: 0px;
    text-align: center;
}
 
.jcarousel-scroll form {
    margin: 0;
    padding: 0;
}
 
.jcarousel-scroll select {
    font-size: 75%;
}
 
#mycarousel-next,
#mycarousel-prev {
    cursor: pointer;
    margin-bottom: 0px;
    text-decoration: underline;
    font-size: 1px;
}
 
