/* Paste this css to your style sheet file or under head tag */
/* This only works with JavaScript, 
if it's not present, don't show loader */
.no-js #loader {
    display: none;
}

.js #loader {
    display: block;
    position: absolute;
    left: 100px;
    top: 0;
}

.se-pre-con {
    position: fixed;
    left: 0px;
    top: 0px;
    width: 100%;
    height: 100%;
    z-index: 9999;
    background: url(Preloader_2.gif) center no-repeat #fff;
}

.LockOff {
    display: none;
    visibility: hidden;
}

.LockOnx {
    display: block;
    visibility: visible;
    position: absolute;
    z-index: 999;
    top: 0px;
    left: 0px;
    width: 105%;
    height: 105%;
    background-color: #ccc;
    text-align: center;
    padding-top: 20%;
    filter: alpha(opacity=75);
    opacity: 0.75;
    background: url(Preloader_2.gif) center no-repeat #fff;
}

.LockOn {
    position: fixed;
    left: 0px;
    top: 0px;
    width: 100%;
    height: 100%;
    z-index: 9999;
    filter: alpha(opacity=75);
    opacity: 0.75;
    background-color: #ccc;
    background: url('page-loader.gif') 50% 50% no-repeat rgb(249,249,249);
}