/* Catalog Product Hover -- NEW */

.productInfoBox, div.reset .productInfoBox {
	position: absolute;
	width: 290px;
	background: url("/images/productHover/pop-up-bg.png") no-repeat 0 0 transparent;
	/*background: -webkit-gradient(linear, left top, left bottom, from(#666), to(#000)); 
	background: -moz-linear-gradient(top,  #666,  #000);*/
	color: #fff;
	border: 1px solid #e2e2e2;
	padding: 5px;
	box-shadow: 2px 2px 5px #333;
	-moz-box-shadow: 2px 2px 5px #333;
	-webkit-box-shadow: 2px 2px 5px #333;
	z-index: 100;
	text-align: left;
	}
	
	/* no image version */
	
	div.no-image, div.reset div.no-image {
		width: 190px;
		} 
	
	.productInfoBox p, div.reset .productInfoBox p {
		background: url("/images/productHover/ajax-loader.gif") no-repeat 10px center #333;
		padding: 40px 10px 40px 55px;
		margin: 0;
		}
		
	.productInfoBox .viewable, div.reset .productInfoBox .viewable {
		display: inline;
		float: left;
		position: relative;
		width: 100px;
		height: 100px;
		overflow: hidden;
		border: 1px solid #e2e2e2;
		z-index: 1;
		}
		.viewable img {
			display: block;
			position: absolute;
			}
			.earrings img, .necklaces img {
				width: 100px;
				height: 133px;
				top: -15px;
				left: 0;
				}
			.bracelets img {
				width: 200px;
				height: 267px;
				top: -87px;
				left: -39px;
				}
			.rings img {
				width: 124px;
				height: 165px;
				top: -33px;
				left: -14px;
				}
			.charms img {
				width: 247px;
				height: 325px;
				top: -113px;
				left: -72px;
				}
		.productInfoBox .productDescription, div.reset .productInfoBox .productDescription {
			display: inline;
			float: right;
			width: 180px;
			font-size: 16px;
			letter-spacing: .5px;
			color: #ffc;
			line-height: 110%;
			border-bottom: 1px solid;
			margin: 2px 0 7px 3px;
			padding-bottom: 4px;
			}
			
		.productInfoBox .productNumber, div.reset .productInfoBox .productNumber {
			display: inline;
			float: right;
			width: 180px;
			font-family: helvetica, arial, geneva, verdana, sans-serif;
			font-size: 12px;
			color: #ccc;
			margin: 0 0 3px 3px;
			}
			
		.productInfoBox .sorrySoldOut, div.reset .productInfoBox .sorrySoldOut {
			display: inline;
			float: right;
			width: 180px;
			font-size: 13px;
			margin: 5px 0 0 3px;
			color: #ff9d9f;
			}
		
		.productInfoBox .pricePrefix, div.reset .productInfoBox .pricePrefix {
			display: block;
			position: absolute;
			left: -9999px;
			top: -9999px;
			}
			
		.productInfoBox .priceSpan, div.reset .productInfoBox .priceSpan {
			display: inline;
			float: right;
			width: 180px;
			font-size: 22px;
			color: #fff;
			margin-bottom: 2px;
			margin-left: 3px;
			}
			.productInfoBox .productSalePrice .priceSpan, div.reset .productInfoBox .productSalePrice .priceSpan {
				color: #ff9d9f;
				}
			
		.productInfoBox .was-price, div.reset .productInfoBox .was-price {
			display: inline;
			float: right;
			width: 180px;
			font-size: 14px;
			color: #999;
			text-decoration: line-through;
			margin: 0 0 3px 3px;
			}
			
		.productInfoBox .salePricePrefix, div.reset .productInfoBox .salePricePrefix {
			display: block;
			position: absolute;
			left: 0;
			top: 0;
			width: 64px;
			height: 64px;
			background: url("/images/productHover/sprite.png") no-repeat -700px 0 transparent;
			text-indent: -9999px;
			z-index: 2;
			}