/* CSS TOOLTIP */
.tooltip { position:relative;}:not(a).tooltip {cursor:help;}.tooltip:before { z-index:9999; content: attr(data-text); /* here's the magic */ position:absolute; /* vertically center */top:100%; margin-top:5px;left:10px;transform:translateX(-75px);/* basic styles */font-size:0.55em;line-height:1;width:150px;padding:10px;background:#fff;border:1px solid #ddd;border-radius:3px;color: #000;text-align:center;text-transform: none;display:none; /* hide by default */}.theprice.tooltip:before {font-size:0.6em;font-weight: bold;width:170px;/* vertically center */top:100%;margin-top:5px;/* move to right */left:-20px;transform:translateX(0); display:none; /* hide by default */}.oneline .tooltip:before,abbr.tooltip:before{font-size:0.8em;}abbr.tooltip{border-bottom:1px dotted;color:#666;}abbr.tooltip:hover{color:#4098D8;}.tooltip:hover:before {display:block;}
/* END CSS TOOLTIP */