/* Slider CSS */	

/* this is the class that needs to contain all slider content, else slider won't work */
/* <div class="ptslides">slider content here</div>*/	
.ptslides {
	/*float:left;
	width:100%;*/
	}
	
.ptslides img{width:100%;}		


/* this postions the arrows */	
.slick-prev{
    width: 100px;
    height: 100%;
    /*top:0%;
    margin-top: -0px;
    padding-right: 0%;
    left:0;
    float:left;*/
    /*background-color:#666666;*/
    cursor:pointer;
    display:absolute;
    z-index:500;
    margin-left:30px;
	}
	
.slick-next{
	width: 100px;
    height: 100%;
    /*top:0%;
    margin-top: -0px;
    padding-left: 15px;
    float:left;
    /*right:0;*/
   /* background-color: #999999;*/
     cursor:pointer;
     margin-right:30px;
	}	

/* note that the url path will have to be changed if you put graphics in the root images folder */	
	
.slick-prev:before{
    content: url('arrowleftmicro.png') ;
    }
    
[dir='rtl'] .slick-prev:before{
    content img: url('arrowleftmicro.png') ;
	}

.slick-next:before{
    content: url('arrowrightmicro.png') ;
	}
	
[dir='rtl'] .slick-next:before{
    content: url('arrowrightmicro.png');
	}



/* this positions the navigation dots 80px up from the bottom */
.slick-dots{
	margin-bottom:50px;
	}
	
/* this replaces the navigation li dot with a graphic circle */
.slick-dots li button:before { 
	content: url('circleoutline.png');
 }