
/* general page style */
body
{
	background-color: #367998;
	background: #367998 url(bg_grad.jpg) top repeat-x;
	margin: 25px 30px 25px 30px;
	font-family: Arial, Verdana, Helvetica, sans-serif;
	text-align: center;
	font-size: 12px;
	color: #666666;
}
td
{
	font-family: Arial, Verdana, Helvetica, sans-serif;
	font-size: 12px;
	color: #666;
	vertical-align: top;
	text-align: justify;
}

/* links */
a
{
 color: #ea8a1c;
 text-decoration: none;
}
a:hover
{
 color: #ea8a1c;
 text-decoration: underline;
}


/* areas */
.page
{
 background-color: white;
}

.search
{
 text-align: right;
 vertical-align: bottom;
 padding-right: 25px;
 padding-top: 12px;
 font-family: "Trebuchet MS", Arial, Verdana, Helvetica, sans-serif;
 font-weight: normal;
 font-size: 14px;
}
.search input
{
 /*height: 18px;*/
 background-color: white;
 border: 1px solid #c5c5c5;
 font-size: 12px;
 color: #666;
}
.search input.button
{
 height: 22px;
 border: 1px solid #c5c5c5;
 font-weight: bold;
 font-size: 12px;
 color: #666;
 padding: 0px  5px 0px 5px;
}

.top
{
 /*background: white url(pic.jpg) top right no-repeat;*/
 text-align: left;
 vertical-align: middle;
}

.left
{
 background: white;
 width: 240px;
 padding: 32px 0px 30px 17px;
 text-align: left;
 vertical-align: top;
}
.menu
{
 width: 100%;
}
.menu a
{
 background-color: #3c809f;
 display: block;
 margin-bottom: 4px;
 width: 100%;
 height: 24px;
 text-align: left;
 vertical-align: bottom;
 padding: 2px 6px 0px 6px;
 font-family: Arial, Verdana, Helvetica, sans-serif;
 font-variant: small-caps;
 letter-spacing: 1px;
 font-size: 13px;
 color: white;
 text-decoration: none;
 line-height: 22px;
}
.menu a:hover
{
 color: white;
 text-decoration: none;
 background-color: #f4b318;
}
.menu a.selected
{
 color: white;
 text-decoration: none;
 background-color: #f4b318;
}
.smenu
{
 margin-bottom: 2px;
}
.smenu a
{
 background: white url(btn_star.jpg) left center no-repeat;
 display: block;
 margin-bottom: 0px;
 width: 100%;
 height: 20px;
 text-align: left;
 vertical-align: bottom;
 padding: 0px 6px 0px 18px;
 font-family: Arial, Verdana, Helvetica, sans-serif;
 font-variant: small-caps;
 letter-spacing: 1px;
 font-size: 12px;
 color: #666;
 text-decoration: none;
 line-height: 20px;
}
.smenu a:hover
{
 color: #666;
 text-decoration: none;
 background-color: white;
 background: url(btn_star_.jpg) left center no-repeat;
}
.smenu a.selected
{
 color: #666;
 text-decoration: none;
 background-color: white;
 background: url(btn_star_.jpg) left center no-repeat;
}
.smenu a.m1 , .smenu a.m2
{
 /*background: none;*/
 background: white url(btn_star.jpg) left center no-repeat;
 background-position: 8px 2px;
 padding-left: 25px;
 font-size: 11px;
 line-height: 18px;
}
.smenu a.m1:hover , .smenu a.m2
{
 background: white url(btn_star_.jpg) left center no-repeat;
 background-position: 8px 2px;
}

.content
{
 background: white;
 width: 660px;
 padding: 32px 20px 30px 20px;
 text-align: justify;
 vertical-align: top;
}
.content .path
{
 margin: 0px;
 padding: 0px;
 font-family: Verdana, Arial, Helvetica, sans-serif;
 color: #666;
 font-size: 10px;
 font-weight: normal;
 padding-bottom: 6px;
}
.content .path span
{
 font-weight: bold;
}
.content .path a
{
 color: #666;
 text-decoration: none;
}
.content .path a:hover
{
 color: #ea8a1c;
 text-decoration: underline;
}
.content .title
{
 margin: 0px;
 padding: 0px;
 color: #3c809f;
 font-size: 18px;
 font-weight: normal;
 padding-bottom: 6px;
}


/* Elements */

.list
{
 margin-top: 20px;
}
.list .item
{
 display: block;
 width: 156px;
 font-family: Arial, Verdana, Helvetica, sans-serif;
 font-size: 12px;
 margin: 0px 20px 25px 25px;
 float: left;
}
.list .item .title
{
 font-size: 18px;
 color: #666;
 text-align: center;
}
/*
.list .item .title a
{
 color: #f4b318;
 text-decoration: none;
}
.list .item .title a:hover
{
 color: #f4b318;
 text-decoration: underline;
}
.list .item .date
{
 font-weight: bold;
 font-size: 12px;
 color: #666;
}
.list .item .text
{
 display: block;
 xheight: 158px;
 text-align: justify;
}
*/
.list .item .image img
{
 border: 3px solid #c8dae8;
}
.list .item .image a:hover img
{
 border: 3px solid #f4b318;
}

.list .item .code
{
 padding-top: 5px;
 font-size: 12px;
}
.list .item .code span
{
 color: #f4b318;
}

/*
.list .item .line
{
 clear: both;
 border-bottom: 1px solid #dfdfdf;
 display: block;
 height: 1px;
 font-size: 1px;
}
*/
.list .page_numbers
{
 clear: both;
 text-align: right;
 font-size: 11px;
 font-weight: bold;
 color: #ccc;
}
.list .page_numbers span
{
 color: #666;
}
.list .page_numbers a
{
 color: #ea8a1c;
 text-decoration: none;
}
.list .page_numbers a:hover
{
 color: #ea8a1c;
 text-decoration: underline;
}


.details
{
 margin-top: 0px;
}
.details .description
{
 font-size: 11px;
 text-align: justify;
}
.details .bigimage
{
 display: inline;
 float: left;
 text-align: center;
 padding-top: 20px;
}
.details .bigimage img
{
 border: 3px solid #c8dae8;
}
.details .bigimage a:hover img
{
 border: 3px solid #f4b318;
}
.details .images
{
 width: 350px;
 clear: both;
 padding-top: 20px;
 text-align: center;
 /*margin: 0px 80px 0px 0px;*/
}
.details .images img
{
 border: 3px solid #c8dae8;
 margin: 0px 20px 20px 0px;
 float: left;
}
.details .images a:hover img
{
 border: 3px solid #f4b318;
}
.details .specifications
{
 height: 218px;
 float: left;
 padding-top: 18px;
 padding-left: 20px;
 font-size: 14px;
 line-height: 20px;
}
.details .specifications span
{
 color: #f4b318;
 padding-left: 25px;
}
.details .specifications .bridge
{
 background: url(ico.bridge.jpg) top left no-repeat;
}
.details .specifications .lungime_brat
{
 background: url(ico.lungime_brat.jpg) top left no-repeat;
}
.details .specifications .talie
{
 background: url(ico.talie.jpg) top left no-repeat;
}








.left .cart
{
 width: 100%;
 height: 30px;
 background: url(cart.jpg) left top no-repeat;
 background-position: 4px 3px;
 border: 2px solid #f4b318;
 font-weight: bold;
 margin-bottom: 10px;
}
.left .cart a
{
 border: 2px solid #f4b318;
 display: block;
 /*width: 100%;*/
 height: 28px;
 text-align: left;
 vertical-align: bottom;
 padding-left: 35px;
 font-family: Arial, Verdana, Helvetica, sans-serif;
 font-size: 11px;
 color: #666;
 text-decoration: none;
 line-height: 28px;
}
.left .cart a:hover
{
 text-decoration: none;
}
.left .cart span
{
 color: #f4b318;
}


.details .cart .button
{
 height: 30px;
 margin-left: 20px;
}
.details .cart .button
{
 float: left;
 height: 30px;
 border: 2px solid #f4b318;
 padding-left: 35px;
 margin-right: 5px;
 background: url(cart.jpg) left top no-repeat;
 background-position: 2px 1px;
 cursor: pointer; /* hand-shaped cursor */
/* cursor: hand;  for IE 5.x */
 line-height: 30px;
 font-weight: bold;
 font-size: 12px;
 color: #666;
}
.details .cart .quant
{
 float: left;
 width: 35px;
height: 30px;
line-height: 30px;
 border: 2px solid #f4b318;
 background-color: white;
 padding: 5px 3px 5px 3px;
 font-weight: bold;
 font-size: 13px;
 color: #666;
 text-align: center; 
 margin-right: 5px;
}
.details .cart .unit
{
 float: left;
 width: 30px;
 height: 30px;
 line-height: 30px;
 font-weight: bold;
 font-size: 12px;
}


.content .stitle
{
 font-weight: bold;
 font-size: 14px;
}


.cart
{
}
.cart table,
.cart table td
{
	font-family: Arial, Verdana, Helvetica, sans-serif;
	text-align: left;
	vertical-align: middle;
	font-size: 12px;
	color: #666666;
}
.cart table tr.head td
{
 font-weight: bold;
 text-align: left;
}
.cart table tr.head td.image
{
 width: 0px;
}
.cart table tr.head td.name
{
 width: 250px;
}
.cart table tr.head td.price
{
 width: 75px;
}
.cart table tr.head td.quant
{
 width: 85px;
}
.cart table tr.head td.end_buttons
{
 width: 90px;
}
.cart table td.image
{
}
.cart table td.name
{
}
.cart table td.price
{
}
.cart table td.value
{
}
.cart table td.currency
{
}
.cart table td.amount
{
 text-align: center;
}
.cart table td.amount input, .cart input.button
{
 /*width: 25px;*/
 text-align: center;
 border: 1px solid #bbb;
 background-color: white;
}
.cart table td.price
{
}
.cart table td.del
{
}
.cart table td.del input, .cart table td.button input, .cart table td.continue input, .cart table td.checkout input
{
 text-align: center;
 border: 0px;
 margin: 0px;
 padding: 3px 5px 3px 5px;
 background-color: #f4b318;
 color: white;
 cursor: pointer; /* hand-shaped cursor */
 /*cursor: hand;  for IE 5.x */
}
.cart table td.continue input
{
 background-color: #666;
}
.cart table td.checkout input
{
 background-color: #a22646;
}
.cart table td.del input, .cart table td.button input
{
 width: 100%;
}




.form input, .form textarea
{
 border: 1px solid #bbb;
 background-color: white;
 width: 100%;
}

.form
{
}
.form .title
{
	text-align: center;
	font-size: 13px;
	font-weight: bold;
	letter-spacing: 1px;
	padding-bottom: 4px;
}
.form .title .error
{
	text-align: center;
	color: red;
	font-size: 12px;
	font-weight: bold;
	letter-spacing: 0px;
	padding-bottom: 7px;
}
.form .line
{
}
.form .line .name
{
	text-align: right;
	vertical-align: top;
	padding-top: 4px;
}
.form .line .error
{
	color: red;
	text-align: right;
	vertical-align: top;
	padding-top: 4px;
}
.form .line .value
{
}
.form .star_descript
{
	text-align: right;
}





.advanced input, .advanced select
{
 border: 1px solid #bbb;
 background-color: white;
}
.advanced input.button
{
 font-weight: bold;
 letter-spacing: 1px;
 text-align: center;
 border: 0px;
 margin: 0px;
 padding: 1px 3px 1px 3px;
 background-color: #f4b318;
 color: white;
 cursor: pointer; /* hand-shaped cursor */
 /*cursor: hand; /* for IE 5.x */
}




.sheet td
{
 font-family: "Trebuchet MS", Verdana, Arial;
 font-size: 14px;
 color: #666;
}
.sheet .name
{
 text-align: left;
 font-size: 15px;
 font-weight: bold;
}
.sheet .specs
{
 text-align: left;
 vertical-align: top;
 padding-top: 10px;
}
.sheet .pic
{
 text-align: right;
}
.sheet .table
{
 text-align: center;
}
.sheet .comment
{
}








.list .item2
{
 clear: both;
 display: block;
 font-family: Arial, Verdana, Helvetica, sans-serif;
 font-size: 12px;
 margin: 0px 0px 15px 0px;
 float: left;
}
.list .item2 .title
{
 font-size: 18px;
 font-weight: normal;
 color: #666;
 text-align: left;
 padding-bottom: 3px;
}
.list .item2 img
{
 float: left;
 border: 3px solid #c8dae8;
 margin-right: 10px;
}
.list .item2 a:hover img
{
 border: 3px solid #f4b318;
}
.list .item2 .date
{
 font-size: 11px;
 padding-bottom: 5px;
}
.list .item2 .text
{
 text-align: justify;
}


.details2
{
 margin-top: 0px;
}
.details2 .date
{
 font-size: 12px;
 padding-bottom: 5px;
}
.details2 .description
{
 font-size: 11px;
 text-align: justify;
}
.details2 img
{
 float: left;
 border: 3px solid #c8dae8;
 margin: 0px 8px 8px 0px;
}

