.vd-carousel { position: relative; }
.vd-carousel .vdcr-slider-wrapper { overflow: hidden; margin: 0px auto; }
.vd-carousel .vdcr-item-navigator { z-index: 100; position: absolute; }
.vd-carousel .vdcr-item-navigator.vertically-centered { top: 50%; }
.vd-carousel .vdcr-item-navigator.horizontally-centered { left: 50%; }
.vd-carousel .vdcr-item-navigator .page { background-color: rgb(68, 68, 68); border-radius: 3px 3px 3px 3px; box-shadow: 0px 0px 2px 0px black; cursor: pointer; float: left; height: 16px; margin-left: 4px; text-align: center; width: 16px; }
.vd-carousel .vdcr-item-navigator .page:first-child { margin-left: 0px ! important; }
.vd-carousel .vdcr-item-navigator .page .number { color: white; font-size: 9px; line-height: 15px; }
.vd-carousel .vdcr-item-navigator .page:hover { background-color: rgb(153, 153, 153); }
.vd-carousel .vdcr-item-navigator .page.selected { background-color: rgb(51, 102, 153); }
.vd-carousel .vdcr-prev-button, .vd-carousel .vdcr-next-button { cursor: pointer; height: 12px; position: absolute; width: 12px; }
.vd-carousel .vdcr-prev-button.horizontal, .vd-carousel .vdcr-next-button.horizontal { margin-top: -6px; top: 50%; }
.vd-carousel .vdcr-prev-button.vertical, .vd-carousel .vdcr-next-button.vertical { left: 50%; margin-left: -6px; }
.vd-carousel .vdcr-prev-button.vertical { background-image: url("images/nav_up.png"); top: 0px; }
.vd-carousel .vdcr-prev-button.horizontal { background-image: url("images/nav_left.png"); left: 0px; }
.vd-carousel .vdcr-next-button.vertical { background-image: url("images/nav_down.png"); bottom: 0px; }
.vd-carousel .vdcr-next-button.horizontal { background-image: url("images/nav_right.png"); right: 0px; }
.vdcr-clearfix:after { clear: both; content: ""; display: block; }