
.product img
{
	border:#000000;
	border-style:solid;
	border-width:1px;
	margin-top: 15px;
}


/* List */

.list

{

 clear: both;

 /*width: 695px;*/

 display: block;

	width:600px;
	height: 300px;
	margin-left: 60px;

}

.list .item

{

 float: left;

 width: 220px;

 height: 200px;

 overflow: hidden;

 color: black;

 margin: 0px 9px 10px 0px;

}

.list .item .box

{

 width: 146px;

 height: 188px;

 overflow: hidden;

 display: block;

 background-color: white;

 text-align: center;

 color: black;

 font-size: 12px;

 font-weight: bold;

 text-decoration: underline;

 padding: 2px 2px 10px 2px;

 float: left;

 cursor: pointer; /* hand-shaped cursor */

 cursor: hand; /* for IE 5.x */

}

.list .item .pic

{

 border: none;

 display: block;

 text-align: center;

 margin: 10px 2px 10px 2px;

 height: 110px;

}

.list .item img

{

 border: none;

}

.list #title

{

 display: block;

 font-size: 22px;

 padding: 25px 0px 15px 0px;

 color: white;

}

.list .item H3 , .list .item .title

{

 display: block;

 text-transform: uppercase;

 background-color: #262626;

 padding: 4px;

 padding-top: 8px;

 margin: 0px;

 color: white;

 font-weight: bold;

 text-decoration: none;

 font-size: 12px;

 height: 16px;

 overflow: hidden;

}

.list .item H3

{

 margin: 0px;

 padding: 0px;

 color: white;

 font-size: 20px;

 font-weight: bold;

 margin-bottom: 10px;

 padding-bottom: 5px;

}

.list .item .text

{

 text-align: center;

 color: black;

 font-size: 12px;

 font-weight: bold;

 text-decoration: underline;

 height: 30px;

 overflow: hidden;

}

.list .item a

{

 color: black;

}

.list .item .price

{

 width: 60px;

 float: right;

 background: url(price.jpg) left bottom no-repeat;

 font-weight: bold;

 text-align: right;

 font-size: 16px;

 color: white;

 padding: 13px 10px 11px 0px;

 margin-top: 70px;

}

.list .item .price span

{

 display: block;

 text-align: right;

 font-size: 12px;

 font-weight: bold;

}

.list .item .add

{

 width: 70px;

 float: right;

 color: white;

 font-size: 9px;

 font-family: Tahoma, Verdana, Arial, Helvetica, sans-serif;

 background: url(cart.jpg) left bottom no-repeat;

 margin-top: 3px;

 text-align: center;

 padding: 42px 0px 5px 0px;

}



.list .pages

{


 width: 550px;

 padding-bottom: 2px;

 margin-bottom: 10px;

 padding-top: 10px;

 clear: both;

 text-align: right;

 /*font-size: 11px;*/

 font-weight: normal;

 color: #c0b7b0;

 /*font-family: Arial, Verdana, Tahoma, Helvetica, sans-serif;*/

}

.list .pages span , .list .pages div , .list .pages a

{

 color: white;

 font-weight: normal;

 padding: 2px 4px 2px 5px;

 margin-left: 5px;

}

.list .pages span

{

 color: #393939;

 font-weight: normal;

 padding: 2px 4px 2px 5px;

 /*background-color: #232323;*/

 margin-left: 5px;

}

.list .pages div

{

 color: black;

 display: inline;

 font-weight: bold;

 padding: 2px 4px 2px 5px;

 /*background-color: #6a0000;*/

 margin-left: 5px;

}

.list .pages a

{

 color: #000000;

 font-weight: normal;

 padding: 2px 4px 2px 5px;

 /*background-color: #121212;*/

 margin-left: 5px;

}

.list .pages a:hover

{

 /*color: white;

 background-color: #6a0000;*/

 text-decoration: underline;

}







/* Details */

.details

{

 clear: both;

}

.details .item

{

 width: 678px;

 color: black;

 margin: 0px;

}

.details .item .box

{

 width: 600px;

 display: block;

 background-color: white;

 text-align: center;

 color: black;

 font-size: 12px;

 font-weight: bold;

 text-decoration: none;

 padding: 4px 4px 20px 4px;

 float: left;

}

.details .item .pic

{

 float: left;

 width: 280px;

 border: none;

 display: block;

 text-align: center;

 margin: 14px 6px 0px 6px;

 height: 240px;

}

.details .item .pic .text

{

 margin-top: 16px;

 font-size: 16px;

}

.details .item img

{

 border: none;

}

.details .item H3 , .details .item .title

{

 display: block;

 text-transform: uppercase;

 background-color: #262626;

 padding: 8px;

 padding-top: 8px;

 margin: 0px;

 color: white;

 font-size: 20px;

 font-weight: bold;

 text-decoration: none;

}

.details .item H3

{

 margin: 0px;

 padding: 0px;

 color: white;

 font-size: 20px;

 font-weight: bold;

 margin-bottom: 10px;

 padding-bottom: 5px;

}

.details .item .specs

{

 float: right;

 width: 272px;

 text-align: left;

 margin: 14px 6px 0px 6px;

 text-align: left;

 font-size: 18px;

 color: black;

}

.details .item .specs .name

{

 float: left;

 width: 100px;

 font-size: 12px;

 padding-top: 2px;

}

.details .item .specs .value

{

 float: right;

 width: 170px;

 font-size: 12px;

 padding-top: 2px;

 padding-left: 2px;

}

.details .item .price

{

 width: 60px;

 float: right;

 background: url(price.jpg) left bottom no-repeat;

 font-weight: bold;

 text-align: right;

 font-size: 16px;

 color: white;

 padding: 100px 10px 11px 0px;

 margin-top: 70px;

}

.details .item .price span

{

 display: block;

 text-align: right;

 font-size: 12px;

 font-weight: bold;

}

.details .item .add

{

 width: 70px;

 float: right;

 color: white;

 font-size: 9px;

 font-family: Tahoma, Verdana, Arial, Helvetica, sans-serif;

 background: url(cart.jpg) left bottom no-repeat;

 margin-top: 3px;

 text-align: center;

 padding: 42px 0px 5px 0px;

}

.details .item .back

{

 width: 103px;

 display: block;

 margin-left: 20px;

}









/* FORM */



.form input, .form textarea

{

 border: 1px solid #cccccc;

 background-color: #f1f1f1;

 width: 100%;

}



.form

{

 width: 380px;

 margin-bottom: 10px;

}

.form .title

{

  text-transform: uppercase;

	text-align: center;

	font-size: 16px;

	color: black;

	font-weight: bold;

	letter-spacing: 0px;

	padding-bottom: 4px;

}

.form .title .error

{

	text-align: center;

	color: red;

	font-size: 14px;

	font-weight: bold;

	letter-spacing: 0px;

	padding-bottom: 1px;

}

.form .line

{

}

.form .line .name , .form .line .left

{

	text-align: right;

	vertical-align: top;

	padding-top: 2px;

	width: 140px;

}

.form .line .error

{

	text-align: right;

	vertical-align: top;

	padding-top: 2px;

	color: red;

	width: 80px;

}

.form .line .value , .form .line .right

{

	padding-right: 1px;

}

.form .line .button

{

  padding-top: 3px;

}

.form .line .button input

{

 text-transform: uppercase;

 border: 1px solid #121212;

 background-color: #121212;

 font-size: 14px;

 color: white;

 padding: 2px;

 width: 120px;

}

.form .line .button input:hover

{

 border: 1px solid #111111; /*#3e6f99;*/

 background-color: #a60008; /*#3e6f99;*/

 color: white;

}

.form .star_descript

{

	text-align: right;

	vertical-align: top;

	font-size: 11px;

}













/* CART */



.cartlist

{

 margin-top: 10px;

 width: 94%;

 font-family:  Arial, Verdana, Helvetica, sans-serif;

 font-size: 12px;

 color: black;

}

.cartlist .header td

{

 font-weight: bold;

 padding: 8px 5px 8px 5px;

}

.cartlist .line1

{

 background-color: #d7c28c;

}

.cartlist .line2

{

 background-color: #cfb677;

}

.cartlist .line_highlight

{

 background-color: #eeeeee;

}

.cartlist .line1 td , .cartlist .line2 td , .cartlist .line_highlight td

{

 padding: 5px;

}

.cartlist .currency

{

 font-size: 11px;

}

.cartlist input

{

 color: #111111;

 background-color: #dddddd;

 border: 1px solid #888888;

 height: 18px;

}

.cartlist td.qi

{

 padding: 1px;

}

.cartlist td.pi

{

 padding: 1px;

 width: 32px;

}

.cartlist .footer td

{

 padding: 8px 5px 8px 5px;

}

.cartlist .footer td.total

{

 font-size: 11px;

 text-transform: uppercase;

 color: black;

}

.cartlist .footer .value

{

 font-size: 15px;

 font-weight: bold;

 font-family: Verdana, Arial;

}

.cartlist .footer input.button , .cartlist .footer input.submit , .cartlist .footer input.del

{

 height: 22px;

}

.cartlist .footer input.button , .cartlist .footer input.del

{

 border: 1px solid #121212;

 background-color: #121212;

 font-size: 12px;

 color: white;

}

.cartlist .footer input.button:hover , .cartlist .footer input.del:hover

{

 border: 1px solid #111111;

 background-color: #a60008;

 color: white;

}

.cartlist .footer input.del

{

 border: 1px solid #a60008;

 background-color: red;

}

.cartlist a

{

 color: white;

}

.cartlist a.del

{

 font-weight: bold;

 color: red;

}

.cartlist a.del:hover

{

 color: white;

 text-decoration: none;

}







/* CHECKOUT */



.ckt_title

{

 color: black;

 font-size: 14px;

 font-weight: bold;

 text-align: left;

 padding: 0px;

}

.ckt_udata

{

}

.ckt_udata .line

{

}

.ckt_udata .line .name

{

 text-align: right;

 vertical-align: top;

}

.ckt_udata .line .value

{

 text-align: left;

 vertical-align: top;

 color: white;

}

.ckt_button

{

 padding: 10px;

 text-align: center;

}

.ckt_button input

{

 border: 1px solid #121212;

 background-color: #121212;

 font-size: 12px;

 color: white;

}

.ckt_button input:hover

{

 border: 1px solid #111111;

 background-color: #a60008;

 color: white;

}











/* OTH */

.htitle

{

 color: white;

 font-size: 18px;

 margin: 10px 0px 20px 0px;

}

.uitem

{

 color: white;

 text-align: justify;

 margin: 5px 20px 5px 0px;

}

.utitle

{

 display: block;

 font-size: 16px;

 font-weight: bold;

 color: white;

 margin-bottom: 5px;

}





.cxcc

{

 font-size: 11px;

 font-weight: bold;

}

.cxcc2

{

 font-size: 14px;

 font-weight: bold;

}




.small
{
 font-size: 14px;
}
.smaller
{
 font-size: 13px;
}
.smallest
{
 font-size: 12px;
}

.explicatii
{
 float: left;
 margin-top: 10px;
 margin-left: 10px;
 background: url(pdf.gif) top left no-repeat;
 background-position: 3px 4px;
 padding: 5px;
 padding-left: 25px;
 font-weight: bold;
}

.textscroll
{
 margin-top:5px;
 font-size:15px;
 height:146px;
 overflow: auto;
 padding-right:5px;
}
.textscroll2
{
 margin-top:5px;
 font-size:15px;
 height:56px;
 overflow: auto;
 padding-right:5px;
}
