.modal {
   display:    none;
   position:   fixed;
   z-index:    1000;
   top:        0;
   left:       0;
   height:     100%;
   width:      100%;
   background: rgba( 255, 255, 255, .8 ) 
               url('/images/css/ajax-loader.gif') 
               50% 50% 
               no-repeat;
}
/* When the body has the loading class, we turn
 the scrollbar off with overflow:hidden */
body.loading {
    overflow: hidden;   
	}
/* Anytime the body has the loading class, our
   modal element will be visible */
body.loading .modal {
    display: block;
	}
body.loading .modal .loading-message{
	display:inline-block;
	font-size:24px;
	margin:15% auto 0;
	width:100%;
	}
body.loading .modal .loading-message p{
	text-align:center;
	}
	
/* Busket Modal */
.modal1 {
   display:    none;
   position:   fixed;
   z-index:    1000;
   top:        0;
   left:       0;
   height:     100%;
   width:      100%;
   background: rgba( 255, 255, 255, .8 ) 
               url('/images/css/ajax-loader.gif') 
               50% 50% 
               no-repeat;
}
/* When the body has the loading class, we turn
 the scrollbar off with overflow:hidden */
body.loading1 {
    overflow: hidden;   
	}
/* Anytime the body has the loading class, our
   modal element will be visible */
body.loading1 .modal1 {
    display: block;
	}
body.loading1 .modal1 .loading-message{
	display:inline-block;
	font-size:24px;
	margin:15% auto 0;
	width:100%;
	}
body.loading1 .modal1 .loading-message p{
	text-align:center;
	}