/* item.css */
#details		{ margin-right: 20px; width: 223px; float: left; }
#description	{ width: 506px; float: left; }
#topline		{ margin-bottom: 10px; padding: 0px 0px 5px 0px; border-bottom: 1px solid #d9d9d9; }

.item					{
							margin: 0;
							padding: 0;
							position: relative;
							z-index: 100;
							float: left;
						}
.col1 .c1 .item 		{ padding-bottom: 10px; width: 727px; }
.col1 .c1 .item p 		{ font-size: 12px; }
.row .item				{ margin: 0px 0px 10px 0px; padding: 0px 0px 5px 0px; border-bottom: 1px solid #d9d9d9; position: relative; z-index: 100; }
.last					{ border-bottom: none !important; }

.col .item				{ margin: 0px; padding: 10px 10px 0px 10px; border: 1px solid #d9d9d9; position: relative; z-index: 100; }
.minheight				{ min-height: 301px; *height: 301px; }
.row .item div.info		{ width: 518px; float: left; }
.col .item div.info		{ width: 221px; _height: 40px; float: left; }

.item .detail			{ margin: 0; padding: 0; width: 45%; float: left; }
.item .detail_price		{ margin: 0; padding: 0; float: right; text-align: right !important; display: block; }
.item .action			{
							margin: 4px 0 0 0;
							padding: 4px 0px 4px 0px;
							text-align: right;
							float: right;
							width: 518px;
							border-top: 1px solid #d9d9d9;
						}
.col .item .action		{
							float: left;
							clear: both !important;
							width: 221px;
							border-top: 1px solid #d9d9d9;
						}
.wide .action			{
							margin: 4px 0 0 0;
							padding: 4px 0px 4px 0px;
							text-align: right;
							float: right;
							width: 221px;
							border-top: 0px solid #d9d9d9;
						}
.item .action:after		{ content:"."; clear:both; display:block; visibility: hidden; height: 0; }

.action a.info			{ float: left; color: #333 !important; text-decoration: none; width:115px; }
.action a.info:hover	{ text-decoration: underline; }
.action input			{ text-align: right; width: 15px; border: 1px solid #ccc; vertical-align: middle; }

.item .discount			{
							margin: 4px 0 0 0;
							padding: 4px 0px 4px 0px;
							text-align: right;
							float: right;
							width: 518px;
							border-top: 1px solid #f0f0f0;
						}
.col .item .discount		{
							float: left;
							clear: both !important;
							width: 221px;
							border-top: 1px solid #f0f0f0;
						}
.wide .discount			{
							margin: 4px 0 0 0;
							padding: 4px 0px 4px 0px;
							text-align: right;
							float: right;
							width: 221px;
							border-top: 1px solid #f0f0f0;
						}


.item .price			{
							font-size: 20px;
							line-height: 24px;
							white-space: nowrap;
							font-weight: normal;
						}
.item .price span		{ font-size: 11px; vertical-align: text-top; letter-spacing: 0; padding-left: 4px; }
.item .price span span 	{ display: none; }

td.num span.price_vat	 { font-size:0.9em}
.price_vat,
.item .price_2,
.item .price_3			{ color: #666; font-style: italic; }

.price_save	span		{ color: #c00; }
.price_save del			{ padding-right: 5px; }

.item .title			{
							margin-left: 231px;
							position: relative;
							text-align: left;
							line-height: 1.1;
							overflow: hidden;
							font-size: 14px;
							font-weight: bold;
							z-index: 11;
						}
.item .title a			{ color: #333 !important; text-decoration: none !important; }
.col .item .title		{ margin-left: 0px; }
.category .title		{ height: 30px; }

#topline .news,
#topline .offer,
#topline .sale,
.item .news,
.item .offer,
.item .sale				{
							margin: 0px;
							padding: 5px 0px 0px 0px;
							position: absolute;
							top: -2px;
							right: 10px;
							width: 59px;
							height: 30px;							
							background-color: #8bb214;
							background: url(img/bg_item_news.gif) 50% 0 no-repeat;

							text-align: center;
							font-weight: bold;
							color: #fff;
							z-index: 10;
						}
#topline .offer,
.item .offer			{ background: url(img/bg_item_offer.gif) 50% 0 no-repeat; }
#topline .sale,
.item .sale				{ background: url(img/bg_item_sale.gif) 50% 0 no-repeat; width: 66px; }

#topline .news,
#topline .offer,
#topline .sale			{ top: 49px; }

.row .item .news,
.row .item .offer,
.row .item .sale		{ top: -2px; left: 10px !important; }

.row .col .item .news,
.row .col .item .offer,
.row .col .item .sale	{ top: -2px; left: 164px !important; }

.col1 .c1 .item .news,
.col1 .c1 .item .offer,
.col1 .c1 .item .sale	{ top: -2px; left: 10px !important; }

.row .col .item .photo	{ margin: 0px 0px 5px 0px; }
.photo a				{ display: block; }
.photo					{ display: block; width: 221px; height: 144px; overflow: hidden; position: relative; display:inline; }
.item .photo			{ display: block; width: 221px; height: 144px; overflow: hidden; }

.row .photo				{ margin: -20px 10px 0 0; float: left; }


#details				{ margin-right: 10px; width: 223px; float: left; }
#description			{ width: 506px; float: left; }

#details h4				{ margin: 0 0 5px 0; }

.item .price_before del	{ color: #666; }

.item .stock			{ color: #009933; }
.item .notinstock		{ color: #CC0000; }
.item .addSuccess		{ color: #009933; }
.item .addFailure		{ color: #CC0000; }

/* prod info */
dl.prod_info			{ margin: 0 0 10px 0; padding: 0; }
.prod_info dd 			{ margin: 0; padding: 0; }
.prod_info dt			{
							padding: 0 0 2px 0;
							background: url(bg/hdots.gif) 0 1em repeat-x;
						}
.prod_info dt strong	{ background: #fff; padding-right: 3px; font-weight: normal; }
.prod_info dt .detail,
.prod_info dt .num		{ background: #fff; padding-left: 2px; }

/*.prod_info dt .detail,
.prod_info dt .num		{ background: #fff; padding-left: 2px; float: right; }*/



/* lista filer */
ul#doc, ul.doc					{
									margin: 0px 0px 10px 0px;
									padding: 0px;
									list-style: none;
								}
ul#doc li, .doc li				{
									margin: 0px;
									padding: 0px 0px 5px 25px !important;
									list-style: none;
									color: #005489;
								}
ul#doc li a, .doc li a			{ color: #333; text-decoration: none; }
ul#doc li a:hover,
.doc li a:hover					{ color: #333; text-decoration: underline; }

ul#doc li span, .doc li span	{ color: #666; font-size: 10px; }

ul#doc li.doc, .doc li.doc		{ background: url(icn/icon_doc.gif) top left no-repeat !important; }
ul#doc li.exe, .doc li.exe		{ background: url(icn/icon_exe.gif) top left no-repeat !important; }
ul#doc li.fla, .doc li.fla		{ background: url(icn/icon_fla.gif) top left no-repeat !important; }

ul#doc li.pdf, .doc li.pdf		{ background: url(icn/icon_pdf.gif) top left no-repeat !important; }
ul#doc li.ppt, .doc li.ppt		{ background: url(icn/icon_ppt.gif) top left no-repeat !important; }
ul#doc li.sit, .doc li.sit		{ background: url(icn/icon_sit.gif) top left no-repeat !important; }

ul#doc li.xls, .doc li.xls		{ background: url(icn/icon_xls.gif) top left no-repeat !important; }
ul#doc li.zip, .doc li.zip		{ background: url(icn/icon_zip.gif) top left no-repeat !important; }

ul#doc li.jpg, ul#doc li.tif, .doc li.jpg, .doc li.tif		{ background: url(img/icn_jpg.gif) top left no-repeat !important; }
ul#doc li.txt, ul#doc li.oth, .doc li.txt, .doc li.oth		{ background: url(img/icn_txt.gif) top left no-repeat !important; }

/* zoom for images */
a.thumb					{
							display: block;
							position: relative;
						}

a.thumb:hover			{
							border-color: #999;
							text-decoration:none;
						}
a.thumb span			{
							position: absolute;
							top: 10px;
							left: 10px;

							width: 40px;
							height: 40px;
							background: url(btn/btn-zoom.png) 0% 0% no-repeat;
							visibility: hidden;
							text-indent: -1000px;
							overflow: hidden;
						}
a.thumb:hover span		{	visibility: visible; }

p.icon 					{ 	float:right; padding:10px 0; 
						  	font-size:1em;
							font-weight:bold
						}
p.icon a				{ 	text-decoration:none; }
p.icon a.print_btn 		{	padding:4px 25px 4px 25px;
							background:transparent url(../css/img/btn-print.gif) no-repeat; 
						}
p.icon a.tipafriend_btn {	padding:4px 0px 4px 25px;
							background:transparent url(../css/img/btn-tipafriend.gif) no-repeat; 
						}
						
#sendToFriendForm 		{	display:none; z-index:9999; 
							width: 500px; 
							position:absolute; 
							bottom: 0; right: 0; 
							color: #777; 
							background-color: #e3e3e3; 
							padding:10px; 
							text-align: left; 
						}
#sendToFriendForm a 	{ 
							color: #7e2346; 
							font-size: 11px; 
						}
#sendToFriendForm #formContainer, #sendToFriendForm #responseMessage  { 
							padding: 20px; 
							background-color: #fff; 
							border: 1px solid #ddd; 
						}
#sendToFriendForm form h3 { 
							color: #333; 
							font: bold 18px Helvetica, Arial, sans-serif; letter-spacing: -1px; }
#sendToFriendLeft 		{ 
							float: left; 
							width: 220px; 
						}
#sendToFriendLeft input, #sendToFriendForm form textarea { 
							border: 1px solid #ddd; 
							width: 190px; 
							padding: 5px 3px; 
							margin-bottom: 3px; 
							color: #333; 
						}
#sendToFriendRight 		{	float: left; 
							width: 220px; 
						}
#sendToFriendForm form label { 
							display: block; 
							font-size: 11px; 
							color: #777; 
						}
#closeSend 				{ 
							background:url(img/btn-remove.gif); 
							position: absolute; 
							top: 12px; right: 13px; 
							display: block; 
							width: 20px; height:20px; 
						}
#addResult 				{ 	color: #777; }
#loadingMessage 		{ 
							font-size: 11px; 
							display: block; 
							padding: 3px 0 3px 20px; 
							color: #7e2346; 
						}

/*
=related
------------------------------------------------------------ */
.related	{
				margin: 0 0 20px 0; 
				padding-top: 10px;
				border-top: 1px dashed #d9d9d9;
				float: left; 
				clear: both;
				width: 100%;
			}

.margin-right	{ margin-right: 10px; }
.margin-left 	{ margin-left: 10px; }



.plus			{
					margin: 0px;
					padding: 0px;
					width: 15px;
					height: 15px;
					
					display: block;
					background: url(icn/plus.gif) 50% 0 no-repeat;
					text-indent: -5000px;
				}


/*
	for the new ajax add
------------------------------------------------------ */
#addItemWidget 		{
						color:#333;
						position: absolute;
						left: 0;
						top: 0;
						display: block;
						text-align: left;
						display: none;
						z-index: 1000;
					}
#addItemWidget-amount {
	font-size:16px;
	line-height:20px;
	text-align:right;
	border:1px solid #aaa;
	font-weight:normal;
	padding:2px 5px;

}
#addItemWidget .btn {
	margin-top:4px;
	background:#c00;
	border-color:#900;
	font-weight:bold;
	color:#fff;
}
#addItemWidget-btn {
	vertical-align:middle;
}
#addItemWidget-unit {
	color:#444;
	vertical-align:middle;
}

#addItemWidget p {
	margin-bottom:0;
}
#addItemWidget span.hint {
	width:150px;
}

#addItemWidget-msg {
	padding: 10px;
}
#addItemWidget-dug {
	margin:5px 0 -5px;
	border-top:1px solid #aaa;
	padding:2px 0 0;
}
#addItemWidget-dug small{
	display:block;
	margin-left:20px;
}
#addItemWidget-close {
	display:block;
	position:absolute;
	right:-6px;
	top:-6px;
	background:#333;
	height:12px;
	width:12px;
	line-height:10px;
	font-size:12px;
	color:#fff;
	text-align:center;
	font-family:verdana,arial,sans-serif;
	cursor:pointer;
}

#addItemWidget-notice {
	font-family:arial,sans-serif;
	border:2px solid #aaa;
	background:#ffc;
	padding:6px 10px;
	position:absolute;
	left:0; top:0;
	display:block;
	text-align:center;
}


/*
	Item gallery
-----------------------------------------------------------*/

/* POPUP */
.popup-box 						{ 
									display:none;
									background:#fff;
									position:relative; 
									width:495px; 
									border:10px solid #E3E3E3;
								}
.popup-box .popup-box-content	{  		
									border:1px solid #ddd; 
									padding:22px 10px 0 10px; 
								}								
.popup-box .popup-close 		{ 
									position:absolute; 
									right:1px; top:1px; 
									z-index:1000;
									display:block; 
									height:20px; width:20px; 
									background:transparent url('img/btn-remove.gif') no-repeat; 
									color:#fff; 
								}
.popup-box .popup-close span 	{ 	display:none; }

.video-box 						{	width:auto;}
.video-box .popup-box-content 	{ 	padding:2px; background:transparent url('img/ajax-loader-small.gif') no-repeat 50% 50%; }
.video .play-btn 				{	
									position:absolute; 
									display:block; 
									width:50px; height:50px; 
									background:url("img/btn-play.png") no-repeat; 
									left:85px; top:60px;
								}
#video-player					{	display:block;width:425px;height:300px; }
#img-placeholder 				{
									position: relative;
									width: 470px; height: 306px;
									text-align:center;
									overflow:hidden;
								}
#img-placeholder img			{	width:auto; height:306px; }

#gallery,
#gallery-small					{	height: 46px; margin:0; padding:0; }

#img, 
#gallery li,
#gallery-small li				{
									border: 1px solid #D9D9D9;
									-moz-border-radius: 2px;
									-webkit-border-radius: 2px;
								}
#gallery li 					{
									float: left;
									background:#f5f5f5;
									cursor: pointer;
								}
#gallery-small li 				{
									float: left;
									background:#f5f5f5;
									cursor: pointer;
									list-style:none;
									padding: 1px; margin:0 3px;
								}
.caption 						{	display:none; position:absolute; bottom:0; left:0; width:96%; height:50px; padding:0 2%; line-height:50px; color:#fff; background-color:#000; opacity:.8; }

/* jcarousel setup */
.jcarousel-container 			{ 	position: relative; }
.jcarousel-clip 				{
									z-index: 2;
									padding: 0; margin: 0;
									overflow: hidden;
									position: relative;
								}
.jcarousel-list 				{
									z-index: 1;
									overflow: hidden;
									position: relative;
									top: 0; left: 0;
									margin: 0; padding: 0;
								}
.jcarousel-list li,
.jcarousel-item 				{
									float: left;
									list-style: none;
									/* We set the width/height explicitly. No width/height causes infinite loops. */
									width: 75px;
									height: 75px;
								}
.jcarousel-item-horizontal 		{ 	margin:0 2px; }
.jcarousel-next,
.jcarousel-prev					{ 	z-index: 3; display: none; }
.jcarousel-next-horizontal		{
									position: absolute;
									top: 5px; right: 0;
									width: 13px; height: 40px;
									cursor: pointer;
									background:transparent url('img/gallery-nav.gif') no-repeat -28px 0;
	
								}
.jcarousel-next-horizontal:hover { background-position: -28px -40px; }
.jcarousel-next-disabled-horizontal,
.jcarousel-next-disabled-horizontal:hover,
.jcarousel-next-disabled-horizontal:active {
									background-position: -28px -80px;
									cursor: default;
								}
.jcarousel-prev-horizontal 		{
									position: absolute;
									top: 5px; left: 0;
									width: 13px; height: 40px;
									cursor: pointer;
									background:transparent url('img/gallery-nav.gif') no-repeat;
								}
.jcarousel-prev-horizontal:hover { background-position: 0 -40; }
.jcarousel-prev-disabled-horizontal,
.jcarousel-prev-disabled-horizontal:hover,
.jcarousel-prev-disabled-horizontal:active {
									background-position: 0 -80px;	
									cursor: default;
								}

/* pop large gallery */
.jcarousel-skin-glarge .jcarousel-container-horizontal 	{ width:450px; padding:5px 10px 5px 14px; }
.jcarousel-skin-glarge .jcarousel-clip-horizontal 		{ width:440px; height:46px; }
.jcarousel-skin-glarge .jcarousel-item 					{ width:57px; height:38px; }

/* productpage large gallery */
.jcarousel-skin-gsmall .jcarousel-container-horizontal 	{ width:200px; padding: 5px 10px 5px 14px; }
.jcarousel-skin-gsmall .jcarousel-clip-horizontal 		{ width: 195px; height:46px; }
.jcarousel-skin-gsmall .jcarousel-item 					{ width: 55px; height: 36px; }