.hoverInfo {
	display:inline-block;
	margin-bottom: 4px;
	position: relative;
}

.hoverInfo:after {
    display: inline-block;
    content: '?';
    background-color: #9e9e9e;
    padding:2px 0;
    margin-left: 4px;
    color: #fff;
    width: 14px;
    border-radius: 50%;
    font-family: Helvetica, Arial, sans-serif;
    font-size: 10px;
    font-weight: 800;
    text-align: center;
}
.ie8 .hoverInfo:after {
    background-color: transparent;
    color: #9e9e9e;
}


/*global hoverTips (updated April 28 11) to be excluded in a extra css file and combressed*/
.hoverTips {
	position: absolute;
	z-index: 40;
	max-width: 300px;
	min-width: 200px;
	padding: 15px 20px;
	opacity:0;
	filter:alpha(opacity=0);
	-moz-border-radius: 5px;
	border-radius: 5px;
	-webkit-border-radius: 5px;
	border: 2px solid #ccc;
	color: #555;
	background: #fff;
	background: -moz-linear-gradient(top, #ffffff 0%, #F7F7F7 100%);  -moz-box-shadow: 0 0 15px -5px #444; -webkit-box-shadow: 0 0 15px -5px #444; text-decoration:none!important;  font-family:Arial, Helvetica, sans-serif; line-height:15px; }
.hoverTips.loading {
	background: #fff url(/artworks2/tooltipLoading.gif) no-repeat center center;
	min-height:100;
	min-width: 300px;


}
.linkHelper{ position:absolute; top:-25px; left:0; height:30px; width:100%;}
.hoverTips:before { border-color: transparent transparent #CCCCCC; border-style: solid; border-width: 0 12px 10px; content: " "; display: block; height: 0; position: absolute; left: 30px; top: -11px; width: 0; }
.hoverTips:after { border-color: transparent transparent #FFFFFF; border-style: solid; border-width: 0 11px 10px; content: " "; display: block; height: 0; position: absolute; left: 31px; top: -9px; width: 0; }
.hoverTips.tipTop { background: #ffffff; background: -moz-linear-gradient(top, #F7F7F7 0%, #ffffff 100%);}
.hoverTips.tipTop:before { top: auto; bottom: -12px; border-width: 12px 10px 0; border-color: #CCCCCC transparent transparent; }
.hoverTips.tipTop:after { top: auto; bottom: -11px; border-width: 11px 9px 0; border-color: #fff transparent transparent; }
.hoverTips.tipRight:before {left:auto; right:19px;}
.hoverTips.tipRight:after {left:auto; right:20px;}
.hoverTips.tipRight .linkHelper{ left:auto; right:0;}
.tipTop .linkHelper{top:auto; bottom:-40px; height:42px;}
.hoverTips h3 { margin: 0 0 7px; padding: 0; padding: 0; font: italic 16px georgia,serif; color: #2E77B5; }
.hoverTips h6 {font: italic 16px georgia,serif;}
.hoverTips a{ color: #1385B4;}
.hoverTips p { margin: 0 0 4px; font-size: 11px; line-height: 15px; color: #777; }
/*IE7-8 bug*/
.hoverTips{margin-top/*\**/: -18px\9;}
.hoverTips.tipTop{margin-top/*\**/: 18px\9;}

.hoverTips .bml-over250{ float:none; font-size:13px;}
.hoverTips .freeShipping{float:none; font-size:13px;}
a.hoverinfo {text-decoration:none!important;}










/*global inlineTip*/
.inlineTip{
	display: none;
	padding: 12px;
	border:1px solid #ccc;
	border-radius: 5px;
	box-shadow: 0 0 10px -3px #555;
	position: absolute;
	background: #fff;
	cursor: default;
	z-index: 1;
}
.inlineTip:before, .inlineTip:after{
	content:"";
	position: absolute;
	width: 0;
	height: 0;
}
.inlineTipTrigger {
	float:left;
	cursor: help;
}
.inlineTipTrigger:hover .inlineTip{
	display:block;
}
.inlineTipContainer{
	position:relative;
	z-index: 1;
	display: inline-block;
	text-decoration: none; /*FF 3.6*/
}


/*tipTop*/
.inlineTip.tipTop{
	bottom:-30px!important;
}

/*tipTop.tipRight*/
.inlineTip.tipTop.tipRight{
	right: 0!important;
	left: auto!important;
	bottom: 25px!important;
	top:auto!important;
}
.inlineTip.tipTop.tipRight:before{
	top:auto!important;
	left:auto!important;
	bottom:-18px!important;
	right:9px!important;
	border-left: 10px solid transparent;
	border-right: 10px solid transparent;
	border-top: 10px solid #ccc;
}
.inlineTip.tipTop.tipRight:after{
	top:auto!important;
	left:auto!important;
	bottom:-18px!important;
	right:9px!important;
	border-left: 10px solid transparent;
	border-right: 10px solid transparent;
	border-top: 10px solid #fff;
}
/*tipLeft*/

/*tipRight*/

.inlineTip.tipRight{
	left:10px!important;
	top:-25px!important;
}
.inlineTip.tipRight:before{
	left:-10px!important;
	top:9px!important;
	border-top: 9px solid transparent;
	border-right: 9px solid #ccc;
	border-bottom: 9px solid transparent;

}
.inlineTip.tipRight:after{
	left:-8px!important;
	top:8px!important;
	border-top: 10px solid transparent;
	border-right: 10px solid #fff;
	border-bottom: 10px solid transparent;

}








/*take in mind about position pref, now it fixes only tipRight*/
.inlineTipTrigger{
    position:relative;
}
.inlineTipTrigger:hover:after{
    content:"";
    position:absolute;
    top:0;
    right:-10px;
    width:50px;
    height:60px;
    background:transparent;
}


































.hoverTips.loading{
	min-height:20px!important;
}

.hoverTips:before, .hoverTips:after{
	left:47%;
}

.linkHelper{ position:absolute; top:-25px; left:0; height:25px; width:300px;}
.tipBottom .linkHelper{ top:auto; bottom: -25px;}

.tipRight:before{
right:15px!important;
left:auto!important;

}

.tipRight:after{
right:16px!important;
left:auto!important;

}

.tipLeft:before{
left:5px!important;
right:auto!important;

}

.tipLeft:after{
left:5px!important;
right:auto!important;

}



.tipIsTop{
	margin-top: 5px;
}
.tipBottom:before{
top:auto!important;
bottom:-10px!important;
border-width:10px 12px 0;
border-color:#ccc transparent  transparent;


}

.tipBottom:after{
top:auto!important;
bottom:-9px!important;

border-width:10px 11px 0;
border-color:#fff transparent  transparent;

}





.tipSideLeft:before{
left:-12px!important;
right:auto!important;
border-width:10px 12px 10px 0;
border-color: transparent #ccc transparent transparent;

}

.tipSideLeft:after{
left:-10px!important;
right:auto!important;
border-width:10px 11px 10px 0;
border-color: transparent #fff transparent transparent;


}



.tipSideRight:before{
right:-12px!important;
left:auto!important;
border-width:10px 0 10px 12px;
border-color: transparent transparent transparent #ccc;

}

.tipSideRight:after{
right:-10px!important;
left:auto!important;
border-width:10px 0 10px 11px;
border-color: transparent transparent transparent #fff;
}





.tipSideTop:before{
top:20px!important;
bottom:auto!important;
}
.tipSideTop:after{
top:20px!important;
bottom:auto!important;
}

.tipSideBottom:before{
bottom:20px!important;
top:auto!important;

}
.tipSideBottom:after{
bottom:20px!important;
top:auto!important;

}