/* products */

ul.products { margin: 10px 0 10px 0; padding: 0; list-style: none; }
ul.products li {
	float: left; display: inline; margin: 0; padding: 3px; width: 470px; height: 100%; border-bottom: 1px dotted #ededed;
}
ul.products li img { 
	float: left; margin: 0; width: 60px; border: 0; border: 1px solid #eee; padding: 1px;
}
ul.products li span { 
	float: right; width: 83%; padding: 0 0 0 5px; font: 12px Tahoma, "Trebuchet MS", Arial;
}
ul.products li span h1 { margin: 0; padding: 0; color: #000; font-size: 12px; }
ul.products li span p { color: #5c644d; font-weight: normal; margin: 0; }
ul.products li span p a { font-size: 11px; color: #ababab; text-decoration: underline; }
ul.products li span p a:hover { text-decoration: none; }


ul.specs{ 
	display: block; width: 470px; margin: 10px 0 0 0; padding: 0; z-index: 0;
}

/* Artificial specs header*/
li.hitem { 
	position: relative; list-style: none; margin-top: 3px; left: 0; border: 1px solid #eee; height: 30px;
	font: bold 11px "Trebuchet MS", Arial, sans-serif; background: #fafafa; padding: 3px 0 0 4px; color: #a52005;
	z-index: 0;
}
li.hitem span { border-right: 1px solid #eee; text-align: center; position: absolute; }
li.hitem span.azot { top: 0; left: 170px; width: 50px; border-left: 1px solid #eee; }
li.hitem span.fosfor { top: 0; left: 220px; width: 50px; }
li.hitem span.potasiu { top: 0; left: 270px; width: 60px; }
li.hitem span.umiditate { top: 0; left: 330px; width: 70px; }
li.hitem span.prodcator { position: absolute; width: 70px; top: 0; right: 0; border-right: none; }

/* Artificial specs items */
li.item { 
	position: relative; list-style: none; margin-top: 2px; left: 0; border-bottom: 1px solid #eee; height: 20px;
	font: bold 11px "Trebuchet MS", Arial, sans-serif; border-left: 1px solid #eee; padding: 3px 0 0 4px;
}
li.item:hover { background: #f7f3f3; padding: 3px 0 0 4px; }
li.item span { border-right: 1px solid #eee; text-align: center; position: absolute; font-weight: normal; }
li.item span.azot { top: 0; left: 170px; width: 50px; border-left: 1px solid #eee; }
li.item span.fosfor { top: 0; left: 220px; width: 50px; }
li.item span.potasiu { top: 0; left: 270px; width: 60px; }
li.item span.umiditate { top: 0; left: 330px; width: 70px; }
li.item span.prodcator { position: absolute; width: 70px; top: 0; right: 0; font-weight: bold; color: #eb820d; }


/* common */
ul.roof { display: block; width: 100%; margin: 0 0 5px 0; padding: 0; }

/* items */
li.ritem { 
	position: relative; list-style: none; margin: 3px 0 0 0; height: 100%; min-height: 25px; 
	border-bottom: 1px solid #eee; font-size: 12px;
}
li.ritem:hover { background: #f7f3f3; padding: 0; }
li.ritem a { color: #000; margin: 0; text-decoration: none; margin: 0; padding: 0; }
li.ritem a:hover { color: #b90f0f; text-decoration: underline; }

.roof-item { 
	padding: 10px 5px 5px 5px; margin: 0; list-style: none; height: auto; color: #5b0e0e; text-align: justify;
}