﻿.hover-gallery {
    display: none;
    z-index: 999999;
    min-height: 300px;
    width: 500px;
background: #fcfff4; /* Old browsers */
background: -moz-radial-gradient(center, ellipse cover, #fcfff4 0%, #b3bead 100%); /* FF3.6+ */
background: -webkit-gradient(radial, center center, 0px, center center, 100%, color-stop(0%,#fcfff4), color-stop(100%,#b3bead)); /* Chrome,Safari4+ */
background: -webkit-radial-gradient(center, ellipse cover, #fcfff4 0%,#b3bead 100%); /* Chrome10+,Safari5.1+ */
background: -o-radial-gradient(center, ellipse cover, #fcfff4 0%,#b3bead 100%); /* Opera 12+ */
background: -ms-radial-gradient(center, ellipse cover, #fcfff4 0%,#b3bead 100%); /* IE10+ */
background: radial-gradient(ellipse at center, #fcfff4 0%,#b3bead 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fcfff4', endColorstr='#b3bead',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */
    
    -webkit-border-top-left-radius: 5px;
  -webkit-border-top-right-radius: 5px;
  -webkit-border-bottom-right-radius: 5px;
  -webkit-border-bottom-left-radius: 5px;

  -moz-border-radius-topleft: 5px;
  -moz-border-radius-topright: 5px;
  -moz-border-radius-bottomright: 5px;
  -moz-border-radius-bottomleft: 5px;

  border-top-left-radius: 5px;
  border-top-right-radius: 5px;
  border-bottom-right-radius: 5px;
  border-bottom-left-radius: 5px;
    
    position: absolute;
}

.hover-gallery ul{
}

.hover-gallery li
{
    height: 80px;
    width: 80px;
    list-style: none;
    float: left;
    margin-right: 10px;
    line-height: 80px;
}

.hover-gallery ul.hover-photo-list li.photo-item img.active
{
    border: 3px solid #004040;
}


.hover-gallery .hover-header img.current-photo
{
    margin-left: auto;
    display: block;
    margin-right: auto;
}

.hover-gallery p
{
    margin-left: 20px;
    font-weight: 800;
    font-size: 1.4em;
}

.hover-gallery li img.large
{
    display: none;
    visibility: hidden;
}