/* latest iproducts */

/* products template */
.products { position: relative; float: left; clear: both; width: 745px; margin-bottom: 5px; padding: 0; background: #fff; }
.products .item { float: left; width: 240px; height: 200px; margin-right: 2px; margin-bottom: 2px; border: 0px solid #e7e7e7; }
.products .item:hover { border: 0px solid #1313ab; }
.products h2 { width: 100%; text-align: left; margin: 0; font-size: 14px; }
.products h2 a { display: block ; padding: 7px 0 0 14px; text-decoration: none; color: #000; }
.products h2 a:hover { text-decoration: none; color: #000; }
.products img { clear: left; float: left; margin: 3px 0 6px 2px;  padding: 0; border: 0px solid #d4d3d2; }
.products p { float: right; width: 54%; margin-bottom: 5px; color: #000; }
.products p span.code { font-weight: bold; font-size: 12px; color: #000; }
.products p span.price { font-size: 12px; color: #000; }
.products p span big { font-weight: bold; font-size: 12px; color: #d90000; }
.products p img { border: 0; }

/* same products */
ul.ul { display: block; width: 99%; margin: 0; padding: 0; font-size: 12px; }

/* header items */
li.hli { 
	position: relative; float: left; clear: both; width: 100%; height: 35px; margin: 0; padding: 2px 0; border: 1px solid /*#747885*/ #000;
	list-style: none; background: /*#747885*/ #ffc1d1; font-weight: bold; color: #000 /*#fff*/;
}
li.hli span { position: relative; float: left; height: 100%; border-right: 1px solid /*#d7dcd4*/ #1313ab; text-align: center; }
li.hli span.product-name { width: 265px; padding: 0 0 0 4px; text-align: left; font-size: 14px; }
li.hli span.propagate-product-name { width: 265px; padding: 0 0 0 4px; text-align: left; font-size: 14px; }
li.hli span.color { width: 100px; font-size: 14px; }
li.hli span.size { width: 50px; font-size: 14px; }
li.hli span.code { width: 70px; font-size: 14px; }
li.hli span.price_cart { width: 90px; font-size: 14px; }
li.hli span.add2cart { width: 140px; border-right: none; font-size: 14px; }

/* list items */
li.li { position: relative; float: left; clear: both; width: 100%; height: 100%; margin: 0; padding: 2px 0; border-bottom: 1px solid /*#FFAFE0*/ #1313ab; list-style: none; }
li.li:hover { background: #82CAFA /*#ffc1d1*/; }
li.li a { margin: 0; padding: 0; border: 0; background: none; text-decoration: none; color: #000; }
li.li a:hover { border: 0; background: /*#747885*/ #1313ab; }
li.li img { border: 0; }
li.li span { position: relative; float: left; height: 100%; margin: 0; padding: 0; border-right: 1px solid /*#FFAFE0*/ #1313ab; text-align: center; font-size: 12px; color: #000; }
li.li span.product-name { width: 265px; padding: 0 0 0 4px; text-align: left; font-weight: bold; font-size: 12px; color: #000; }
li.li span.product-name em { padding: 0 2px; background: #eee; font-weight: bold; font-size: 12px; color: #000; }
li.li span.color { width: 100px; font-size: 12px; color: /*#aa1212*/ #1313ab;}
li.li span.size { width: 50px; font-size: 12px; color: /*#aa1212*/ #1313ab;}
li.li span.code { width: 70px; font-size: 12px; color: #1313ab /*#aa1212*/ ;}
li.li span.price_cart { width: 90px; font-size: 12px color: #000;}
li.li span.price_cart big { font-weight: bold; font-size: 13px; color: #d90000; }
li.li span.add2cart { width: 140px; vertical-align: middle; border: none; }
li.li span.add2cart input { width: 30px; height: 14px; margin-right: 5px; border: 1px solid #000; }
li.li span.add2cart a, li.li span.add2cart a:hover { 
	padding: 0 0 0 20px; background: url("../img/casti-moto-icons/cart-icon.gif") no-repeat left 2px; color: #000; text-decoration: underline;
}

.no_stock { display: inline; font-weight: bold; color: #d90000; }

/* show subcategories */
.show_cat { position: relative; clear: both; width: 99%; margin: 8px 0; padding: 0 2px; color: /*#b53619*/#ff0303; }
.show_cat ul { margin: 0; padding: 0; }
.show_cat li { margin: 3px 0; padding: 0; float: left; width: 33%; list-style: none; text-align: left; }
.show_cat li a { font-weight: bold; font-size: 14px; color: #000; text-decoration: none; }
.show_cat li a strong { font-weight: bold; font-size: 4px; color: #fff; } /* numarul de categorii si numarul de articole din categorii */
.show_cat li a:hover { color: #FF0000; font-size: 13px; text-decoration: none; }

/* same category */
.same-category { 
	position: relative; clear: both; margin: 14px 0 0 0; padding: 3px; 
	border: 1px solid #a9a9a9; background: /*#eee*/ #82CAFA; font-weight: bold; font-size: 18px; color: #000;
}
.search-title-bar { padding: 5px 3px; border: 1px solid #a9a9a9; background: #e9e9e9; }

/* products single infos */
#single_infos { position: relative; clear: both; width: 100%; height: auto; }
#single_infos_details { position: relative; float: left; width: 100%; height: auto; color: #793c1e; }

/* products info list */

/* list items */
li.pli { position: relative; float: left; clear: both; width: 100%; height: 100%; margin: 0; padding: 2px 0; border-bottom: 1px solid #eee; list-style: none; }
li.pli:hover { background: #fff2f2; }
li.pli a { margin: 0; padding: 0; border: 0; background: none; text-decoration: underline; color: #000; }
li.pli a:hover { border: 0; background: #f6edef; }
li.pli img { border: 0; }
li.pli span { position: relative; float: left; height: 100%; margin: 0; padding: 5px 0 5px 4px; border-right: 1px solid #eee; text-align: left; color: #000; }
li.pli span.attr { width: 140px; font-weight: bold; font-size: 13px; color: #6f2d38; }
li.pli span.info { width: 576px; border: none; color: #696969; }
li.pli span.info h1 { margin: 0; padding: 0; font-weight: bold; font-size: 14px; }

.bigimage { float: left; clear: both; width: 34%; }

.description { float: right; width: 55%; margin: 0; padding: 20px 0 0 0; font-weight: normal; font-size: 12px; color: #000; }
.description span { font-weight: bold; font-size: 15px; color: #000; }
.description ul { margin: 0; padding: 0 0 0 20px; }
.description ul li { margin: 0; padding: 0; list-style: circle; }

span.strike { font-weight: bold; font-size: 10px; color: #d90000; text-decoration: line-through; }

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

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

#tabs li { display: inline; padding: 0; }
#tabs li a { margin: 0 3px 0 0; border-bottom: 1px solid #fff; font-weight: bold; }

#tabs li a.tabLeft {
 	display: block; float: left; width: 135px; padding: 5px 0 2px 0; border: 1px solid #a2a599;
 	background: #f7f7f7; color: #525249; text-decoration: none;
}
#tabs li a.tabLeft:hover { background: #E6E3E1; color: #d02222; }

#tabs li a.tabRight {
 	display: block; float: left; width: 135px; padding: 5px 0 2px 0; border-left: none; border: 1px solid #a2a599;
 	background: #f7f7f7; color: #525249; text-decoration: none; 
 	
}
#tabs li a.tabRight:hover { background: #E6E3E1; color: #d02222; }

#tabs li a.tbselect{
 	display: block; float: left; width: 135px; padding: 5px 0 2px 0; border: 1px solid #a2a599;
 	background: #eed0d0; color: #d02222; text-decoration: none;
}
#tabs li a.tbselect:hover { background: #E6E3E1; color: #d02222; }

#tabs li a.tbunselect {
 	display: block; float: left; width: 135px; padding: 5px 0 2px 0; border-left: none; border: 1px solid #a2a599;
	background: #f7f7f7; color: #525249; text-decoration: none; 
 	
}
#tabs li a.tbunselect:hover { background: #E6E3E1; color: #d02222; }

/* tab content */
#tabContentFirst {
	float: left; width: 735px; margin: 0; padding: 10px 3px; border: 1px solid #efefef; list-style-type: none;
	background: #fff; color: #000;
}
#tabContentSecond {
	float: left; width: 735px; margin: 0; padding: 10px 3px; border: 1px solid #efefef; list-style-type: none;
	background: #fff; color: #525249;
}
#tabContentSecond img { border: 0; cursor: pointer; }

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

/* voting system */
.votes-notes { clear: both; width: 200px; font-size: 10px; color: #929969; }
.votes-notes span { font-weight: bold; color: #d02222; }
.votes-tip { float: left; width: 100px; font-size: 10px; color: #929969; }

span.thanks { font-weight: bold; font-size: 12px; color: #696969; }

.emoticons { 
	position: absolute; width: 93px; height: auto; top: 1px; left: 1px; padding: 3px;
	border: 1px solid #dcdcdc; visibility: hidden; z-index: 1000; background: #f8f8f8;
}