/* products template */

/* index products */
.products { clear: both; width: 645px; height: 100%; margin: 15px 0 5px 0; padding: 0; text-align: left; }

.item { 
	position: relative; float: left; width: 153px; height: 180px; margin: 0 4px 5px 0; padding: 0;
	border: 1px solid #dbdbdb; border-bottom: 1px solid #c0a1a1; border-right: 1px solid #c0a1a1; text-align: center;
}
.item h1 { margin: 0; font-size: 12px; }
.item h1 span { margin: 0; font-size: 11px; color: #0075c0; }
.item h1 a { padding: 2px 0; text-decoration: underline; color: #a60202; }
.item h1 a strong { font-size: 11px; color: #000; }
.item h1 a:hover { text-decoration: none; color: #000; }
.item a img, .item a:hover img { border: 0; }
.item img { position: absolute; top: 50px; left: 25px; margin: 3px 0; padding: 0; border: 0; }
.item img.no { position: absolute; width: auto; top: 90px; left: 20px; }
.item p { position: absolute; top: 155px; left: 10px; margin: 0; padding: 0; font-weight: bold; font-size: 13px; color: #ea0808; }
* html .item p { top: 150px; }
.item p span { font-size: 11px; color: #000; }

/* offer price */
span.strike { font-weight: bold; font-size: 12px; color: #d90000; text-decoration: line-through; }

/* products common */
.show_cat { position: relative; clear: both; width: 99%; margin: 0; padding: 10px 2px 0 2px; color: #b53619; }
.show_cat ul { margin: 0; padding: 0; }
.show_cat li { margin: 3px 0; padding: 0; float: left; width: 48%; list-style: none;  text-align: left; }
.show_cat li a { padding: 2px 0; text-decoration: none; font-weight: bold; color: #8a4a4a; }
.show_cat li a span { font-weight: normal; font-size: 10px; color: #3f0d0d; }
.show_cat li a:hover { text-decoration: underline; color: #000;}

/* title products */
.here-title-bar {
	clear: both; margin: 0; padding: 3px; border: 1px solid #eee;
	background: #fff url("../img/echipamente-electrice/bg-catalog-position.gif") repeat-x; text-align: left; color: #970404;
}
.here-title-bar a { text-decoration: underline; color: #cd1010; }
.here-title-bar a:hover { text-decoration: none; color: #000; }

/* show category products */
.same-category { 
	position: relative; clear: both; margin: 0; padding: 3px 3px 5px; border: 1px solid #eee; background: #eee; font-weight: bold; color: #625a5a;
}

/* image panel */
.image { float: left; width: 40%; margin: 5px 0; padding: 5px; color: #000; }
.image a img, .image a:hover img { border: 1px solid #eee; }
.image b { padding: 3px; background: #eee; color: #d90000; }

/* right panel */
.ops { float: right; width: 55%; margin: 10px 0 0 0; padding: 0; font-size: 11px; }
.ops img { border: 0; }
.ops span { line-height: 20px; font-weight: bold; color: #b46e6e; }
.ops em { font-style: normal; font-weight: bold; font-size: 13px; color: #c10000; }
.ops em a { text-decoration: underline; color: #c10000; }
.ops em a:hover { text-decoration: none; color: #000; }
.ops strong { font-size: 12px; color: #000; }

	/* list */
	.ops ul { clear: both; width: auto; margin: 10px 0 0 0; padding: 3px; list-style: none; border: 1px solid #dbdbdb; text-align: left; }
	.ops ul li { display: block; width: 100%; margin: 0; padding: 2px 0; }
	.ops ul li a { padding: 2px 0; text-decoration: none; color: #a75050; }
	.ops ul li a:hover { text-decoration: underline; color: #722020; }


/* back to */
.backto { clear: both; margin: 0; padding: 10px 0 0 0; text-align: center; }
* html .backto { padding: 0; }
.backto a { line-height: 18px; padding: 2px 0; text-decoration: underline; color: #703535; }
.backto a:hover { text-decoration: none; color: #000;  }

/* description panel */
.description { clear: both; margin: 0; padding: 0 5px; font-weight: normal; font-size: 11px; color: #000; }
.description h1 { margin: 0 0 5px 0; padding: 0; font-size: 13px; color: #000; }
.description span { border-bottom: 1px solid #ccc; font-weight: bold; font-size: 13px; color: #000; }
.description img { border: 0; }
.description strong { margin: 3px; padding: 3px; border: 1px solid #d90000; background: #eee; color: #000; }
	
	
	/* ul attr fields */
	ul.uattr { display: block; clear: both; width: auto; margin: 0; padding: 0; }
	
	/* list items */
	li.li { position: relative; float: left; clear: both; width: 100%; height: 100%; margin: 0; padding: 2px 0; border-bottom: 1px solid #eee; list-style: none;}
	li.li:hover { background: #f6f9f1; }
	li.li span { position: relative; float: left; height: 100%; margin: 0; padding: 0 0 3px 5px; border-bottom: none; border-right: 1px solid #eee; font-weight: bold; }
	li.li span.l { width: 45%; border-left: 1px solid #eee; font-size: 11px; }
	li.li span.r { width: 53%; border-right: 0; font-weight: normal; font-size: 12px; color: #cc4775; }
	li.li span.r em { font-style: normal; font-weight: bold; font-size: 11px; color: #000; }

/* product note */
.note { clear: both; margin: 10px 0 5px 5px; margin: 0; padding: 5px 0; text-align: justify; font-weight: normal; color: #696969; }
.note span { padding: 0 2px; font-weight: bold; color: #d90000; }

/* products common tabs */
#tabnavigation { clear: both; width: 100%; height: 100%; }

#tabs { margin: 0 0 0 10px; padding: 0; list-style-type: none; text-align: center; color: #fff; }

#tabs li { display: inline; line-height: 16px; margin: 0; padding: 0; }
#tabs li a { margin: 0 3px 0 0; padding: 5px 5px 2px 5px; border-bottom: 1px solid #fff; font-weight: bold; font-size: 11px; }

#tabs li a.tabLeft { display: block; float: left; width: auto; border: 1px solid #a2a599; text-decoration: none; color: #525249; }
#tabs li a.tabLeft:hover { background: #f4e0e0; color: #dc1616; }

#tabs li a.tabRight { display: block; float: left; width: auto; border: 1px solid #a2a599; text-decoration: none; color: #525249; }
#tabs li a.tabRight:hover { background: #f4e0e0; color: #dc1616; }

#tabs li a.tbselect{ display: block; float: left; width: auto; border: 1px solid #a2a599; background: #f4e0e0; text-decoration: none; color: #dc1616; }
#tabs li a.tbselect:hover { background: #f4e0e0; color: #dc1616; }

#tabs li a.tbunselect {
 	display: block; float: left; width: auto; border: 1px solid #a2a599;
	background: #fff; text-decoration: none; color: #000; border-bottom: 1px solid #fff;
}
#tabs li a.tbunselect:hover { border-bottom: 1px solid #f4e0e0; background: #f4e0e0; color: #dc1616; }

/* tab content */
#tabContentFirst { float: left; width: 98%; margin: 0; padding: 10px 3px; border: 1px solid #efefef; color: #000; }
#tabContentFirst h1 { margin: 0 0 10px 0; padding: 0; font-size: 13px; color: #000; }

#tabContentSecond { float: left; width: 98%; margin: 0; padding: 10px 3px; border: 1px solid #efefef; color: #525249; }
#tabContentSecond img { border: 0; cursor: pointer; }

.sHidden { display: none; }
.sVisible { display: block; }