ul.products li {
   /* width: 200px;*/
    display: inline-block;
    vertical-align: top ;
	text-decoration: none;
	margin-bottom: 20px;
	margin-left: 0px;
	
}
ul.products{

margin: 0;

}
ul.products li a{

	    text-decoration: none;
	
}

ul.products li  p {

margin-top:0px;
margin-bottom:0px !important;
text-align: center;
}
/* The pagination arrows (previous/next)*/
	.paginationArrows {
		text-decoration: none;
	}
.z_productTitle {
		display:block;
		font-weight:bold;
		text-align: center;
	}
.z_content {
display: block;
  width: 210px;
  height: 210px;
  width: 100%;
  height: 100%;
 
  background: rgba(FFFFF,FFFFF,FFFFF ,1);
  background: rgba(f,0,f,1);
   background:white;
  padding: 5px 15px 10px 15px;
  color:red;
  box-sizing: border-box;  
  -moz-box-sizing:border-box; /* Firefox */
  box-shadow:5px 5px lightgray;

  
  h3 {
    font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif;
    color: #444; 
    color: #000;
    line-height: 10px;
  }
  
  p {
    font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif;
    color: #777;  
	
    line-height: 22px; 
    font-size: 14px;
  }
  
 /* Used to stop product grids from floating to the left (at the end of the grid) */
	.clearMe {
		clear:both;
		margin:0px;
		padding:0px;
	}
/* Height of clearMe DIV */
	.short {
		height:10px;
	}
/* Fix for Mozilla browsers for floating elements...best not touch this! */
	.clearfix:after {
	    content: ".";
	    display: block;
	    height: 0;
	    clear: both;
	    visibility: hidden;
	}
	.clearfix {display: inline-block;}

	/* Hides from IE-mac \*/
	* html .clearfix {height: 1%;}
	.clearfix {display: block;}
	/* End hide from IE-mac */