.Labels
{
    width:100%;
    max-width:1000px;
    margin:0 auto;
    padding-right:20px;
}

.Labels a,
.home .Panel
{
    height:150px;
    background-color:white;
    padding:20px;
    margin-bottom:20px;
    margin-left:20px;
    display:block;
    box-sizing:border-box;
    float:right;
    text-decoration:none;
    color:#B06B33;
    opacity:0.85;

    background-repeat:no-repeat;
    background-size:auto 100%;
    background-position-x:calc(0%);
    background-position-y:bottom;
    transition:opacity linear 1s, background ease 3s, padding 3s;
    border:solid 1px   ; box-shadow:0 0 10px   ;
}

.Labels a.nowhite
{
    background-position-x:calc(0% - 15px);
}


.Labels h2
{
    font-weight:normal;
    margin-top:-8px;
    margin-bottom:5px;
}

.Labels a.Swap
{
    text-align:left;
    background-position-x:calc(100%);
}

.Labels a:hover
{
    background-position-x:calc(0% + 15px);
    transition:linear 0.3s;
    opacity:0.99;
    padding-left:30px;
    padding-right:30px;
    background-size:auto 110%;
}

.Labels a.nowhite:hover
{
    background-position-x:calc(0%);
}


.home .Panel:hover
{
    opacity:1;
    transition:linear 0.3s;
}

.Labels a.NoPad:hover
{
    background-position-x:calc(0%);
}

.Labels a.Swap:hover
{
    background-position-x:calc(100% - 15px);
}

 .Box100
{
    width:calc(100% - 20px);
}

.Box50
{
    width:calc(50% - 20px);
    
}

.Box25
{
    width:calc(25% - 20px);
    min-width:200px;
}

.Box33
{
    width:calc(33.33% - 20px);
    float:right;
}

.Box66
{
    width:calc(66.66% - 20px);
    float:right;
}

.Micro
{
    width:calc(20% - 20px);
    float:right;
    position:relative;
    overflow:hidden;
}

.Micro img
{
    height:150px;
    position:absolute;
    bottom:-30px;
    left:-40px;
    z-index:-1;
    transform:rotate(30deg);
    transition:transform 3s ease;
}

.Micro:hover img
{
    transform:rotate(40deg);
    transition:transform 0.3s ease;
}


.Labels .High,
.home .High
{
    height:200px;
}

.Labels .Tall,
.home .Tall
{
    height:320px;
}

.Labels .VeryTall,
.home .VeryTall
{
    min-height:660px;
    float:left;
}

.Labels a.cover
{
    background-size:100%;
    background-position:center;
    transition:0.5s ease;
}

.Labels a.shaded
{
    background-size:103%;
    background-position:center;
    transition:0.5s ease;
}

.Labels a.cover h2,
.Labels a.shaded h2
{
    background-color:rgba(255,255,255,0.85);
    padding:10px 20px;
    float:right;
    transition:0.5s ease;
}

.Labels a.cover.Swap h2,
.Labels a.shaded.Swap h2
{
    float:left;
}
    
.Labels .cover:hover,
.Labels .shaded:hover,
.Labels .shaded.Swap:hover
{
    background-size:111%;
    background-position-x:center;
}

.Labels .cover:hover h2
{
    background-color:rgba(255,255,255,1);
    margin-right:10px;
    transition:2s ease;
}

@media screen and (max-width: 1250px)
{
    .Box25
    {
        width: calc(50% - 20px);
    }

    .home .VeryTall
    {
        min-height:400px;
    }

}

@media screen and (max-width: 1100px)
{
}

@media screen and (max-width: 1000px)
{
    .Labels .Tall
    {
        background-size:auto 110%;
    }

    .Labels .Tall:hover
    {
        background-size:auto 120%;
    }

    .Labels .Trees
    {
        background-size:auto 50%;
    }

    .Box50, .Box33, .Labels, .Labels a, .home .Panel
    {
        margin-top:0;
        margin-left:0;
        margin-right:0;
    }

    .Labels
    {
        padding-right:0;
    }
    
    .Box25
    {
        width: calc(50%);
    }

    .Box50, .Box33, .Box100, .Box66
    {
        width: calc(100%);
    }

    .Labels a
    {
        height:300px;
        background-size:auto 80%;
    }

    .Labels a:hover
    {
        background-size:auto 90%;
    }

    .Labels .Micro
    {
        margin-left:20px;
        height:170px;
        min-width:140px;
    }
}

.Labels .dino
{
    background-position-x:calc(5% - 20px);
    background-position-y:+170px;
}

.Labels .dino:hover
{
    background-position-x:calc(5% - 50px);
    background-position-y:+30px;
}

.Labels .rooster
{
    background-position-x:calc(100% - 20px);
}

.Labels .rooster:hover
{
    background-position-x:calc(100% - 50px);
    background-position-y:-100px;
    background-size:auto 130%;
}

.AttributesPane .remarks img
{
    height:18px;
    display:inline;
    vertical-align:middle;
    margin-right:5px;
}

.AttributesPane .remarks div
{
    display:none;
}

.product.LabelDescription
{
    width:calc(172px * 2 + 14px);
    /*height:calc(232px * 2 + 14px);*/
    padding:14px;
    float:right;
    background-color:white;
}

.product.LabelDescription:empty
{
    display:none;
}

@media screen and (max-width: 900px)
{
    .product.LabelDescription
    {
        width:133px;
    }
}