/* Basic jCoverflip CSS */
.ui-jcoverflip {
  position: relative;
}

.ui-jcoverflip--item {
  position: absolute;
  display: block;
}


/* Basic sample CSS */
.flip {
  height: 310px;
}

.flip .ui-jcoverflip--title {
    position: absolute;
    bottom: -30px;
    width: 100%;
    text-align: center;
    color: #555;
}

.flip img {
  display: block;
  border: 0;
  outline: none;
}

.flip a {
  outline: none;
}


body {
  font-family: Arial, sans-serif;
  padding: 0;
  margin: 0;
}

.coverflip ul,
.coverflip ul li {
  margin: 0;
  padding: 0;
  display: block;
  list-style-type: none;
}


.flip a {
    text-decoration: none;
    color: #888;
}

.flip a div.product-title {
    text-align: center;
    color: black;
    margin-top: 8px;
    margin-bottom: 20px;
    white-space: nowrap;
}


.flip_position_indicator {
    position: absolute;
    margin-top: 360px;
    margin-left: 430px;
    z-index: 150;
}

.flip_position_indicator .indicator {
    float: left;
    border: 1px solid #aaa;
    height: 8px;
    width: 8px;
    border-radius: 4px;
    margin-right: 4px;
    box-shadow: 1px 1px 3px #ccc inset;
}

.flip_position_indicator .active {
    background-color: white;
    border: none;
    box-shadow: none;
    width: 20px;
    height: 11px;
    background-image: url(../images/indicator.png);
    background-repeat: no-repeat;
}

.imageSlider a.nav-arrow {
    position: absolute;
    display: block;
    margin-top: 160px;
    width: 17px;
    height: 28px;
    z-index: 80;
    background-repeat: no-repeat;
}

.imageSlider a.nav-left {
    margin-left: -24px;
    background-image: url('../images/arrow_left.png');
}
.imageSlider a.nav-right {
    margin-left: 949px;
    background-image: url('../images/arrow_right.png');
}