/* product-list.tpl */
ul#product_list { /* margin-top: 2em; */ list-style-type: none; margin-left: 22px; }
ul#product_list li {
background: #FFF;
padding: 4px;
/* height:220px; */
clear:both;
margin-bottom:0.3em;
/* border: 1px solid lightgrey; */
/* float: left; */
max-width: 25vw;
width: 80%;
min-width: 280px;
height: auto;
margin-right: 0px;
clear: none;
margin-left:2px;
margin-top:2px;
display: inline-block;
}

* html ul#product_list li {
	height: auto !important;
	height: 130px
}
ul#product_list li a {
	text-decoration: none;
	color: #474747;
	font-size: 13pt;
	max-width: 98%;
	display: block;
	/* letter-spacing: 1px; */
}
ul#product_list a.product_img_link {
/* border: solid 1px #d0d3d8; */
/* float:left; */
/* margin-right:0.6em;
margin-left:15px; */
margin-left: 8px;
margin-right: 8px;
/* margin-top:30px; */
}
ul#product_list a.product_img_link img { /* vertical-align: bottom */ z-index: 1; }
ul#product_list li h3{ margin:0.4em 0; width:92%;padding-bottom:2px; min-height:10px; text-align: center; margin: 0px auto;
display: block; }

ul#product_list a.product_img_link img {
    vertical-align: bottom;
    z-index: 1;
    max-width: 20vw;
    max-height: 20vw;
    width: 100%;
    height: auto;
	margin: 0px auto;
	display: block;
}


ul#product_list li .new {
background:transparent url(../img/flag_new_bg.jpg) repeat-x scroll 0%;
border:1px solid #488C40;
color:white;
font-size:0.6em;
font-weight:bold;
margin:0pt 1em 0pt 0pt;
padding:0pt 0.4em;
vertical-align:0.3em;
display: none;
}
ul#product_list li p.product_desc { 
	margin-bottom: 0;
	/*display:none;*/
	/* height:220px; */
	height:auto;
	text-align: justify;
	font-size: 0.92em 
}
ul#product_list li div.center_block {
	float: left;
	width: 95%;
	/* height: 284px; */
	height: auto;
	border: 1px solid #E3E3E3;
	padding: 0px 0px 4px 0px;
	/* border-radius: 7px; */
	z-index: 5;
	min-height: 215px;
}


@media screen and (max-width: 473px) and (min-width: 320px)  /* smallMobile */ {

ul#product_list li div.center_block {
    height: 350px;
    min-height: 350px;
	padding: 0px 0px 0px 0px;
}
ul#product_list a.product_img_link img {
    vertical-align: bottom;
    z-index: 1;
    max-width: 90vw;
    max-height: 90vw;
    width: 100%;
    height: auto;
	margin: 0px auto;
	display: block;
}
}
ul#product_list li div.center_block:hover {
	border: 1px solid #474747;
}
ul#product_list li div.right_block {
float:left;
text-align:center;
margin-left:2em;
margin-top:0.5em;
height: 75px;
display:none;
}
ul#product_list li .discount {
	color: #da0f00;
	text-transform: uppercase;
	font-weight: bold;
	display: block
}
ul#product_list li .on_sale {
	color: #da0f00;
	text-transform: uppercase;
	font-weight: bold;
	display: block
}
ul#product_list li .reduction {
	display: block;
	margin-bottom: 0.3em
}
ul#product_list li .price {
	display: block;
	font-size: 170%;
	margin-bottom: 0.3em
}
ul#product_list li span.availability {
	color: #488c40;
	font-size: 0.9em	
}
 
ul#product_list li span.notavailable {
  color: red;
  font-size: 0.9em
  }
ul#product_list li a.button { margin-top: 0.5em }

input.exclusive, input.exclusive_disabled, a.exclusive, span.exclusive { 
margin-top:6px;
/* background-image: url('../img/button-medium_exclusive.png') */
 }
div.pagination {clear:both; padding: 1em 0 }

ul#product_list li a { 	font-size: 1rem;}

 @media (min-width:320px)  { /* smartphones, portrait iPhone, portrait 480x320 phones (Android) */ }
  @media (min-width:360px)  { /* smartphones, portrait iPhone, portrait 480x320 phones (Android) */ }
    @media (max-width:480px)  {
ul#product_list li {
background: #FFF;
padding: 4px;
/* height:220px; */
clear:both;
margin-bottom:0.3em;
/* border: 1px solid lightgrey; */
float: left;
max-width: 350px;
width: 95%;
min-width: 250px;
height: auto;
margin-right: 0px;
clear: none;
margin-left:2px;
margin-top:2px
}
ul#product_list {
    /* margin-top: 2em; */
    list-style-type: none;
    margin-left: 2px;
}

	}
    @media (max-width:600px)  { ul#product_list li a { 	font-size: 0.9rem;} /* portrait tablets, portrait iPad, e-readers (Nook/Kindle), landscape 800x480 phones (Android) */ }
    @media (min-width:801px)  { /* tablet, landscape iPad, lo-res laptops ands desktops */ }
    @media (min-width:1025px) { /* big landscape tablets, laptops, and desktops */ }
    @media (min-width:1281px) { /* hi-res laptops and desktops */ }