/*CSS to display items across based on width of available area by irielondesign.com*/
ul.itemsAcrossList{		/*list of items*/
clear:both;
float:left;
width:100%;  	/* WIDTH OF THE Container - no need to change */
list-style:none;
margin:0;
padding:0;
cursor:default;
}
li.itemAcross{
display:inline;		/*display list items horizontally*/
list-style:none;
margin:0;
padding:0;
}
img{border:0;}
ul.itemsAcrossList li.itemAcross a img{display:block;}	/*causes the item image to act as if it followed by a <br>*/
/***********No need for changes above, make changes below***********/
/*******************************************************************
Styles for the item (image and link text)
You may want to add properties such as color, text-decoration,
font-size, etc. to style the link text that appears below each image.
You should also change the width to match the width of your image
and set the margins to your preference.
*********************************************************************/
ul.itemsAcrossList li.itemAcross a {
float:left;			/*display each item side by side*/
margin:0;
padding:0;
width:200px;		/*SET THIS TO THE WIDTH OF THE IMAGE or desired Product area*/
text-align:center;
margin:0 5px 10px 5px;	/*top right bottom left*/		
}