Css modulo Prodotti in vetrina homepage by prestashop

[Aiur]

Buonasera a tutti mi servirebbe un grosso aiuto nella modifica del css del modulo ideato da prestashop che si chiama "Prodotti in vetrina sulla homepage". Avrei bisogno di modificare la forma dei blocchi rendendoli rotondi attraverso "border-radius" e mentre spulciavo nel css non ho ben capito qual'è la sezione su cui devo operare. Qualcuno è in grado di aiutarmi? Posto qui sotto il codice css che compone il modulo:

#featured-products_block_center li {
	margin-right:10px;
	padding:10px 0;
	width:126px;
	height:240px
	
}
#featured-products_block_center li.last_item_of_line  {margin-right:0;}
#featured-products_block_center .s_title_block,  #featured-products_block_center h5 {
	padding-top:5px;
	height:30px;
	font-size:12px;
	color:#222;
	padding-bottom: 0;
	font-weight:bold;
}

#featured-products_block_center .product_image {
	display:block;
	position:relative;
	overflow:hidden
}
#featured-products_block_center .product_image span.new {
	display: block;
	position: absolute;
	top: 15px;
	right:-30px;
	padding: 1px 4px;
	width: 101px;
	font-size:10px;
	color: #fff;
	text-align: center;
	text-transform: uppercase;
	-moz-transform: rotate(45deg);
	-webkit-transform: rotate(45deg);
	-o-transform:rotate(45deg);
	-ms-transform: rotate(45deg);
	background-color: #990000;
	transform: rotate(45deg);  /* Newer browsers */
}

#featured-products_block_center .product_desc {height:45px;}
#featured-products_block_center .product_desc,
#featured-products_block_center .product_desc a {
	color:#666
}
#featured-products_block_center .lnk_more {
	display:inline;
	padding-right:10px;
	font-weight:bold;
	font-size:10px;
	color:#0088cc;
	background:url(img/arrow_right_1.png) no-repeat 100% 3px;	
}
#featured-products_block_center .price_container {
	margin-top:10px;
	padding:0;
}
#featured-products_block_center .price {
	font-weight:bold;
	font-size:14px;
	color:#990000
}
#featured-products_block_center li .ajax_add_to_cart_button {display:none;}
#featured-products_block_center li span.exclusive {display:none;}

e qui sotto la porzione di codice (piccola prova) che vorrei aggiungere:

 

-moz-border-radius: 30px 0 0 0;

    -webkit-border-radius:30px 0 0 0;
    -o-border-radius:30px 0 0 0;
    -ms-border-radius: 30px 0 0 0;
border-radius: 30px 0 0 0;

 

se qualcuno ha idea anche se devo agire su un altro file css me lo dica     

[Sito Lab]

se vuoi aggiungere questo

 

-moz-border-radius: 30px 0 0 0;

    -webkit-border-radius:30px 0 0 0;
    -o-border-radius:30px 0 0 0;
    -ms-border-radius: 30px 0 0 0;

border-radius: 30px 0 0 0; 

 

devi andare in Tema/default/css aprire il file product_list.css intorno alla riga 175  dovresti avere questo 

 

ul.product_list.grid > li .product-container .product-image-container

 

aggiungi quello di sopra 

 

fai sempre una copia prima di effettuare modifiche