/* CSS VTEX */
@import "config";
@import "mixins";
/*******************/
.ui-autocomplete{
	background:#fff;
	padding:5px;
	width: 246px;
	box-shadow: 0px 2px 3px #CCC;
	list-style:none;
	position:absolute;
	margin:0;
	top: 218px;
	
	li{
		margin:0 0 3px 0;
		font-size:12px;
		
		a, a:active, a:visited{
			text-decoration:none;
			color:$colorRedDefault;
			font-size:12px;
		}
		a:hover{
			cursor:pointer;
			text-decoration:underline;
			font-size:12px;
		}
	}
	img{
		margin-right:5px;
		vertical-align:middle;
	}
}

.rating-produto, .rating-demonstrativo, .rating-wrapper .rating{
	background-image:url($imagesPath + "extb_stars.png");
	background-position:0 0;
	background-repeat: no-repeat;
	display:inline-block;
	margin:3px auto 0 auto;
	width:64px;
	height:11px;
	text-indent:-9999px;
	clear:none;
}
.ratingStar{
	background-image:url($imagesPath + "extb_stars.png");
	//background-position:-14px bottom;
	background-position:left bottom;
	background-repeat: no-repeat;
	height:11px;
	width:12px;
	text-indent:-9999px;
	float:left;
	margin-right:3px;
}
#rtAvaliacao_A:hover .ratingStar,
#rtAvaliacao_A0:hover .ratingStar{
	background-position:-12px bottom;
}
#rtAvaliacao_A:hover .emptyRatingStar, 
#rtAvaliacao_A0:hover .emptyRatingStar, 
.emptyRatingStar{
	background-position:-12px -21px;
}
.avaliacao05,.avaliacao10{
	background-position:0 -21px;
}
.a15,.a20,
.rating-wrapper .a15, .rating-wrapper .a20,
.avaliacao15,.avaliacao20{
	background-position:0 -42px;
}
.a25,.a30,
.rating-wrapper .a25, .rating-wrapper .a30,
.avaliacao25,.avaliacao30{
	background-position:0 -63px;
}
.a35,.a40,
.rating-wrapper .a35, .rating-wrapper .a40,
.avaliacao35,.avaliacao40{
	background-position:0 -84px;
}
.a45,.a50,
.rating-wrapper .a45, .rating-wrapper .a50,
.avaliacao45,.avaliacao50{
	background-position:0 -105px;
}

.voteRatingBar {
	display: inline-block;
	width: 160px;
	height: 11px;
	margin: 0 15px;

	span {
		@include border-radius(5px);

		display: inline-block;
		height: 100%;
		background: #13608e;
	}
}


/**************/
.jqZoomWindow {
	background-color:white;
	border: 1px solid #c0c0c0;
	height:400px;
	position:relative;
	width:455px;
	display:block;
	@include border-radius(8px);
}

#productQuickView .jqZoomWindow {
	position:absolute;
	width:300px;
	height:292px;
}
.image-zoom .preload{
	background-color:white;
	top:0;
	left:0;
	height:100%;
	position:absolute;
	z-index:2;
	width:100%;
	display:block;
	background-image:url($imagesPath + "loading.gif");
	background-position:center;
	background-repeat:no-repeat;
	@include opacity(50);
}

/****************/
#TB_overlay{
	background-color:#000;
	@include opacity(60);
}
#TB_window{
	background-color: #FFF;
	padding-bottom: 15px;
	@include border-radius(15px);
	width:700px;
	padding-left: 13px;
	z-index:101;
}
	#TB_ajaxWindowTitle{
		
	}
		#TB_closeAjaxWindow{
			
		}
			#TB_closeWindowButton{
				font-size: 14px;
				text-decoration: none;
				color: #666;
			}
/*********/
#refer-a-friend-form, #refer-a-friend-form-gift-list{
	font-size:12px;
	fieldset{
		float:left;
		width:100%;
		margin-top:10px;
		div{
			float:left;
			width:100%;
			margin-top:6px;
		}
	}
	textarea{
		margin-top: 0px;
		margin-bottom: 0px;
		height: 80px;
		width: 216px;
	}
	label{
		width:120px;
		float:left;
		padding-right:10px;
		text-align:right;
	}
	input{
		width:58px;
		float:left;
	}
	#btnAdicionarAmigos{
		margin:5px 0 0 73px;
	}
	#btnCancelar, #div-title, #btnReferMoreFriends{
		display:none;
	}
	#btnEnviar{
		width: 100px;
		margin:5px 0 0 123px;
	}
}
/******/
#TB_iframeContent{
	width: 96%;
	height: 100%;
}