/* Main div that holds all the product divs inside it */
#productGrid{
	border: 0px solid; 
/* change this to 100% if you want it to full screen the area and have the products area size dynamicly */
	width:100%;
	margin-top:0px;
	margin-bottom:0px;
	margin-left:0px;
	margin-right:0px;
	padding-top:0px;
	padding-bottom:0px;
	padding-left:0px;
	padding-right:0px;
}

#gridProduct{
	 border: 0px dotted;
	 border-color: #333;
	 width:260px;
	 /* set height so text does not overlap */
	 height:300px;
	 margin:5px;
	 margin-left:5px;
	 padding:5px;
	 float:left;
	 overflow:hidden;
}
/* This is to make it so the bottom DIV's do not wrap the content. This will clear the FLOAT CSS functionality. */
#productsListingBottomNumber{
	position:relative;
	clear:both;
}