.catalogue.ui-datascroller .ui-datascroller-item 
{
    padding:1px;
    width: 33%;
    display: inline-block;
    background-color:white;
}

body .catalogue.ui-datascroller .ui-datascroller-content 
{
    border: none;
    background: transparent;
}

@media screen and (max-width: 1000px) 
{
    .catalogue.ui-datascroller .ui-datascroller-item 
    {
        width: 50%;
    }
}

@media screen and (max-width: 800px) 
{
    .catalogue.ui-datascroller .ui-datascroller-item 
    {
        width: 100%;
    }
}

.catalogue .ui-datascroller-list
{
    background-color: transparent;
    text-align: left;
}

.catalogue.ui-datascroller-content
{
    padding:0px !important;
}

.gallery-image-container
{
    overflow: hidden;
    background:black;
}

.gallery-image
{
    max-width: 100%; 
    transition: transform .5s; /* Animation */
    background-color: black;
}

.gallery-image-container:hover .gallery-image
{
    transform-origin: 50% 50%;
    transform: scale(1.1); /* (150% zoom - Note: if the zoom is too large, it will go outside of the viewport) */
    cursor: pointer;

}

.catalogue.ui-datascroller-content
{
    border:none !important;
}

.ui-widget-header.ui-selectcheckboxmenu-header
{
    display: none !important;
}

.ui-overlaypanel-content
{
    border: 1px solid grey;
}

.volume-details .ui-tooltip-text
{
    background:white !important;
}

.volume-details.ui-tooltip-right .ui-tooltip-arrow 
{
    top: 50%;
    left: 0;
    margin-top: -10px;
    margin-left: -5px;
    border-width: 10px 10px 10px 0 !important;
    border-right-color: white !important;
}

.volume-details.ui-tooltip-left .ui-tooltip-arrow {
    top: 50%;
    right: 0;
    margin-right: -5px;
    margin-top: -10px;
    border-width: 10px 0 10px 10px !important;
    border-left-color:white !important;
}

.volume_label.ui-accordion .ui-accordion-header
{
    border:none !important;
    display: block !important;
}

.volume_label.ui-accordion .ui-accordion-content
{
    border:none !important;
    border-top: 1px solid lightgrey !important;
}

.ui-icon.ui-icon-triangle-1-e:before
{

}

.collections .title
{
    font-weight: 300;    
    padding-top:25px !important;
    font-size:24px;
}

.collections .collection_group
{
    margin-top: 25px;
}


.collections .ui-datascroller-content
{
    border:none !important;
}

.collections .ui-datascroller-item
{
    padding:25px;
}

.ui-galleria-thumbnail-container
{
    background: black !important;
}

.catalogue-entry
{ 
    height:300px;
    border: none;
    padding:0px;
    width:100%;                            
    background-color: black;
    background-size: contain;
    background-origin: content-box;
    background-repeat: no-repeat;
    background-position: center;
}

.catalogue-entry .ui-panelgrid-cell 
{   
}

.catalogue-title
{
    background: rgba(255,255,255,.2);
    font-size: 16px !important;
    text-transform: uppercase;
    color:white;
    font-weight: 300;   
    width:100%;
    height:50px;
    
    text-align: center;
}

.catalogue-content
{
    width:100%;
    height:100% !important;
    background: none;

    font-size: 18px !important;
    color:white;
    text-transform: uppercase;
    font-weight: 300 !important;

    display: inline-flex;
    align-items: baseline !important; 
}


.catalogue_details_button
{
    color:white !important;
    border:none !important;
    background:none !important;
}

.catalogue_details_button .ui-button-text.ui-c
{
    visibility: hidden;
    background-color: rgba(255,255,255,0.1);
    height:100%;
}

.catalogue_details_button:hover .ui-button-text.ui-c
{
    visibility: visible;
}

.ui-panelgrid-content .ui-g
{
    height:95%;
}
.ui-button.ui-widget.ui-state-default.ui-corner-all.catalogue_details_button.ui-state-hover
{
    background:none !important;
}

.catalogue_details_button .ui-button-icon-left
{
    visibility: hidden;
}

.catalogue_details_button.ui-state-hover .ui-button-icon-left
{
    visibility: visible;
}

.bold
{
    font-weight: bold;
}
.details-title
{
    font-size: 24px !important;
    color:black;
    text-transform: uppercase;
    font-weight: 300 !important;
    display: block;
    margin-bottom: 20px !important;
    margin-top: 20px !important;
    text-align: center;
}


.ui-tabs-panels
{
    text-align: initial;
}

.ui-datascroller .ui-datascroller-content
{
    padding:0px !important;
}

.catalogue-entry
{
    text-align: center;
}

.catalogue-entry .ui-panelgrid-content
{
    height:100%;
}

.product_details .ui-panelgrid-cell
{
    padding-top:0px !important;
    padding-bottom:0px !important;
}

.price_table
{
    min-height:50px;
    width:100%;
    margin-bottom:10px;
}

.price_table .ui-button
{
    min-height:40px;
}

.price_table .ui-button .ui-button-text
{
    font-size:12px;
}