/*

    CSS File for the ChilliLoader plugin

    */



   #chilli-preloader-holder {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    z-index:9999;
    }

    .chilli-divpreloader {
    width:160px;
    height:160px;
    }

	#chilli-preloader-container {
    top: 50%; 
    right: 50%;
    position:absolute;
    z-index:9999;
    width: 165px; 
    height: 165px;
    margin: -82px -82px 0 0;        
    background-position: center center;
    background-repeat: no-repeat; 
    z-index:10001;
    }    
    

    /* Styling for slide type 1 */

    #chilli-preloader-right {
    	position: fixed;
    	right: 0;
    	top: 0;
	    width: 50%;
	    height: 100%;
        z-index:9998;
    }

    #chilli-preloader-left {
        position: fixed;
        left: 0;
        top: 0;
        width: 50%;
        height: 100%;
        z-index:9998;
    }

    /* Styling for slide type 2 */

    #chilli-preloader-top {
        position: fixed;
        left: 0;
        top: 0;
        width: 100%;
        height: 50%;
        z-index:9998;
    }
    
    #chilli-preloader-bottom {
        position: fixed;
        right: 0;
        bottom: 0;
        width: 100%;
        height: 50%;
        z-index:9998;
    }

    /* Styling for slide type 3 */

    #chilli-preloader-arrow-l {
        width: 100%;
        height: 100%;
        -webkit-transform: skew(40deg);
           -moz-transform: skew(40deg);
            -ms-transform: skew(40deg);
             -o-transform: skew(40deg);
                transform: skew(40deg);
        position: absolute;
        left:50%;
        bottom:0;
        z-index:9998;
    }

    #chilli-preloader-arrow-r {
        width: 1500px;
        height: 1000px;
        -webkit-transform: skew(40deg);
           -moz-transform: skew(40deg);
            -ms-transform: skew(40deg);
             -o-transform: skew(40deg);
                transform: skew(40deg);
        position: absolute;
        right:50%;
        top:0;
        z-index:9998;
    }   



    /* Loader styles */

    .chilli-preloader-black {
        background-image:url(loader_black.png);
    }
    .chilli-preloader-white {
        background-image: url(loader_white.png);  
    }
    .chilli-preloader-red {
        background-image: url(loader_red.png);  
    }
    .chilli-preloader-pink {
        background-image: url(loader_pink.png);   
    }
    .chilli-preloader-blue {
        background-image: url(loader_blue.png); 
    }
    .chilli-preloader-yellow {
        background-image: url(loader_yellow.png); 
    }


    /* Patterns styles */


    .chilli-preloader-pattern1 {
        background: url(pattern1.png);  
    }
    .chilli-preloader-pattern2 {
        background: url(pattern2.png);  
    }
    .chilli-preloader-pattern3 {
        background: url(pattern3.png);  
    }
    .chilli-preloader-pattern4 {
        background: url(pattern4.png);  
    }
    .chilli-preloader-pattern5 {
        background: url(pattern5.png);  
    }