/*****************************************************
 * generic styling for ALS elements: outer container
 ******************************************************/

.als-container {
    position: relative;
    width: 100%;
    z-index: 0;
}

/****************************************
 * viewport styling
 ***************************************/

.als-viewport {
    position: relative;
    overflow: hidden;
    margin: 5px 0px 5px 0px;
}

/***************************************************
 * wrapper styling
 **************************************************/

.als-wrapper {
    margin:0px;
    /* if you are using a list with <ul> <li> */
    list-style: none;
}

/*************************************
 * item: single list element
 ************************************/

.als-item {
    position: relative;
    display: block;
    text-align: center;
    cursor: pointer;
    
    float: left;
    width: 62px;
    height: 66px;
}

/***********************************************
 * prev, next: buttons styling
 **********************************************/
 
.als-prev, .als-next {
    cursor: pointer;
    clear: both;
    margin-left: 20px;
}

.zoomWindow {
    margin-left:5px;
    -moz-box-shadow: 3px 3px 3px #666;
    -webkit-box-shadow: 3px 3px 3px #666;
    box-shadow: 3px 3px 3px #666;
}

.zoomContainer {
    height: 300px;
    left: 669.5px;
    position: absolute;
    top: 285.5px;
    width: 300px;
}

#gallery_thumbs {
    display: none;
}

.zoomGalleryActive img {
    border: 1px solid #2B6CAE !important;
}