/* CSS TOOLTIP */.tooltip { position:relative; /* making the .tooltip span a container for the tooltip text */ /*border-bottom:1px dashed #000; /* little indicater to indicate it's hoverable */}: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; /* move to right */ 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 */