.carousel {
     border: medium none;
     height: auto;
     margin: 0pt auto;
     overflow: visible;
     position: relative;
     width: 517px;
}

.carousel .slides {
     border: medium none;
     list-style: none outside none;
     margin: 0pt;
     overflow: visible;
     padding: 0pt;
     position: relative;
}

.carousel .slides .slideItem {
     border: medium none;
     cursor: pointer;
     margin: 0pt;
     overflow: hidden;
     padding: 0pt;
     position: absolute;
}

.carousel .slides .slideItem a {
     border: medium none;
     display: block;
     margin: 0pt;
     outline: medium none;
     padding: 0pt;
     text-decoration: none;
}

.carousel .slides .slideItem img {
     border: medium none;
     height: 100%;
     margin: 0pt;
     padding: 0pt;
     width: 100%;
}

.carousel .nextButton {
     background: url("images/next_button.png") no-repeat scroll center center transparent;
     cursor: pointer;
     height: 25px;
     position: absolute;
     right: 10px;
     top: 61px;
     width: 25px;
     z-index: 9999;
}

.carousel .prevButton {
     background: url("images/prev_button.png") repeat scroll 0% 0% transparent;
     cursor: pointer;
     height: 23px;
     left: 10px;
     position: absolute;
     top: 61px;
     width: 25px;
     z-index: 9999;
}

.carousel .buttonNav {
     margin: 0pt auto;
     position: relative;
     z-index: 999;
}

.carousel .buttonNav .numbers {
     color: #828282;
     cursor: pointer;
     float: left;
     font-family: Arial,Verdana;
     font-size: 1em;
     font-weight: bold;
     margin: 5px;
     position: relative;
     text-decoration: none;
}

.carousel .buttonNav .numbers:hover {
     color: #000000;
     text-decoration: underline;
}

.carousel .buttonNav .numberActive {
     background: none repeat scroll 0% 0% transparent;
     color: #000000;
     cursor: default;
}

.carousel .buttonNav .bullet {
     background: url("images/Bullet-White.png") no-repeat scroll center center transparent;
     cursor: pointer;
     float: left;
     height: 16px;
     margin: 5px;
     position: relative;
     width: 16px;
}

.carousel .buttonNav .bullet:hover {
     background: url("images/Bullet-Black.png") no-repeat scroll center center transparent;
}

.carousel .buttonNav .bulletActive {
     background: url("images/Bullet-Black.png") no-repeat scroll center center transparent;
     cursor: default;
}

.carousel .slides .videoOverlay {
     background: url("images/video.png") no-repeat scroll center center transparent;
}

.carousel .slides .spinner {
     background: url("images/loading.gif") no-repeat scroll center center #000000;
}

.carousel .shadow {
     height: 82px;
     width: 100%;
}

.carousel .shadow .shadowLeft {
     background: url("images/shadowLeft.png") no-repeat scroll 0% 0% transparent;
     height: 82px;
     width: 100px;
}

.carousel .shadow .shadowMiddle {
     background: url("images/shadowTile.png") repeat-x scroll 0% 0% transparent;
     height: 82px;
}

.carousel .shadow .shadowRight {
     background: url("images/shadowRight.png") no-repeat scroll 0% 0% transparent;
     height: 82px;
     width: 100px;
}

.carousel .gradient {
     background-image: url("scripts/gradient.svg");
}