﻿#dMenuBorder {
    max-width: 960px;
    float: left;
    overflow: visible;
}

.Logo {
    background-repeat: no-repeat;
    background-position: center center;
    width: 179px;
    height: 61px;
    float: left;
    margin-top: 20px;
    background-image: url('/images/logo.svg');
    background-size:contain;
}

    .Logo a {
        min-height: 100%;
        min-width: 100%;
        display: block;
    }

.Header {
    background-color: #fff;
    position: relative;
    width: 960px;
    padding: 0 48px;
    margin: 0 auto;
}

#btnLogin {
    display: block;
    position: absolute;
    right: 48px;
    top: 8px;
    width: 82px;
    height: 20px;
    background: transparent url('/images/btn_login.png') no-repeat scroll left bottom;
}

    #btnLogin:hover {
        background-position: left top;
    }
/*Shotcuts*/

#shortcuts { /*right: 169px;    top: 21px;*/
    float: right;
    margin-top: 21px;
}

    #shortcuts, #shortcuts p, #shortcuts a {
        font-family: Arial;
        font-size: 13px;
        color: #676767;
        text-decoration: none;
        margin-left: 15px;
    }

        #shortcuts a {
            margin: 0 4px;
        }

            #shortcuts a:hover, #shortcuts a:active {
                color: #2b3748;
            }

        #shortcuts img {
            display: block;
        }

#searchholder {
    width: 115px;
    height: 23px;
    background: transparent url('/images/bg_search.png') no-repeat scroll center center;
    float: right; /*right: 46px;    top: 17px;*/
    margin-left: 20px;
    margin-top: 17px;
}

    #searchholder input {
        border: 0;
        padding: 0;
        margin: 0;
    }

    #searchholder .criteria {
        float: right;
        width: 85px;
        height: 20px;
        *line-height: 20px;
        padding-right: 7px;
        margin-top: 2px;
        font-size: 12px;
        font-family: Arial;
        background-color: transparent;
    }

        #searchholder .criteria:focus {
            outline: none;
        }

    #searchholder .btn {
        width: 22px;
        height: 23px;
        float: left;
        cursor: pointer;
        background-color: transparent;
    }

    #searchholder p {
        margin: 0;
        padding: 0;
    }

#headertext {
    float: right;
    font-size: 13px;
    color: #7d7d7d;
    margin-top: 5px;
    text-transform: uppercase;
}

#OpeningHours > div {
    display: none;
}

#logoLarge {
    opacity: 0;
    -webkit-transition: opacity .35s ease-in-out;
    -moz-transition: opacity .35s ease-in-out;
    -ms-transition: opacity .35s ease-in-out;
    -o-transition: opacity .35s ease-in-out;
    transition: opacity .35s ease-in-out;
    background-repeat: no-repeat;
    background-position: left 27%;
    width: -moz-calc((100% - 1097px)/2);
    width: calc((100% - 1097px)/2);
    width: -webkit-calc((100% - 1097px)/2);
    max-width: 267px;
    height: 407px;
    left: 0;
    top: 39px;
    display: block;
    position: absolute;
    background-image: url('/images/header_logoBig.png');
    background-size: 100%;
}

.Logo {
    -webkit-transition: opacity .35s ease-in-out;
    -moz-transition: opacity .35s ease-in-out;
    -ms-transition: opacity .35s ease-in-out;
    -o-transition: opacity .35s ease-in-out;
    transition: opacity .35s ease-in-out;
}

#logoHolder {
    position: absolute;
    z-index: 6000;
    min-width: 100%;
    height: 1px;
    overflow: visible;
}

#logoHolderInner {
    margin: 0 auto;
    height: 1px;
    width: 96%;
    max-width: 1644px;
    height: 1px;
    position: relative;
    overflow: visible;
}
/*1696px*/

#logoPunch {
    opacity: 0;
    background-repeat: no-repeat;
    background-position: center center;
    width: 281px;
    height: 32px;
    display: block;
    position: absolute;
    left: 47px;
    top: 20px;
    background-image: url('/images/header_punch_2.png');
    -webkit-transition: opacity .35s ease-in-out;
    -moz-transition: opacity .35s ease-in-out;
    -ms-transition: opacity .35s ease-in-out;
    -o-transition: opacity .35s ease-in-out;
    transition: opacity .35s ease-in-out;
}

@media only screen and (min-width: 1400px) {
    #logoLarge {
        opacity: 1;
    }

    #logoPunch {
        opacity: 1;
    }

    .Logo {
        opacity: 0;
    }
}
