.tool-tip{
	color: #5e5e5e;
	background-color: rgba(255, 255, 255, 1);

	text-shadow: none;
	font-size: .8em;
	width:620px !important;

	visibility: hidden;
	-webkit-border-radius: 7px; 
	-moz-border-radius: 0px; 
	-o-border-radius: 0px; 
	border-radius: 7px 0px 0px 7px;	
	text-align: center;	
	opacity: 0;
	z-index: 99999;
	padding: 3px 8px;	
	position: absolute;
	cursor: default;
	-webkit-transition: all 240ms ease-in-out;
	-moz-transition: all 240ms ease-in-out;
	-ms-transition: all 240ms ease-in-out;
	-o-transition: all 240ms ease-in-out;
	transition: all 240ms ease-in-out;
	height:435px;
	

}



.interior-tool {
	width:380px;
	float:left;
	position:relative;
	z-index:999;
}


.interior-tool h1 {
	color:#007ab4;
	font-family: Futura-Extra-Bold;
	font-size:38px !important;


}

.interior-tool li, .interior-tool span {
	font-family: HelveticaNeue-Light;
	font-size:14px;
	padding-left:0px;
	text-align:left;
}
.imagine {
    clear: both;
    display: block;
    height: 435px !important;
    left: 334px;
    overflow: hidden;
    position: absolute;
    top: -4px;
    width: 554px !important;
}
.tool-tip,
.tool-tip.top{
	top: -300px;
	bottom: 50%;
	left: 30%;		
	
}

.tool-tip.top:after,
.tool-tip:after{
	position: absolute;
	bottom: -12px;
	left: 30%;
	margin-left: -7px;

	border: 6px solid transparent;
    border-top-color: rgba( 0, 0, 0, .7);	
}








/* on hover of element containing tooltip default*/

*:not(.on-focus):hover > .tool-tip,
.on-focus input:focus + .tool-tip{
	visibility: visible;
	opacity: 1;
	-webkit-transition: all 240ms ease-in-out;
	-moz-transition: all 240ms ease-in-out;
	-ms-transition: all 240ms ease-in-out;
	-o-transition: all 240ms ease-in-out;
	transition: all 240ms ease-in-out;

}


/* tool tip slide out */

*:not(.on-focus) > .tool-tip.slideIn,
.on-focus > .tool-tip{
	display: block;
	
}

.on-focus > .tool-tip.slideIn{
	z-index: -1;
	
}

.on-focus > input:focus + .tool-tip.slideIn{
	z-index: 1;
}


}

/* top slideIn */

*:not(.on-focus) > .tool-tip.slideIn,
*:not(.on-focus) > .tool-tip.slideIn.top,
.on-focus > .tool-tip.slideIn,
.on-focus > .tool-tip.slideIn.top{
	bottom: 0%;
}

*:not(.on-focus):hover > .tool-tip.slideIn,
*:not(.on-focus):hover > .tool-tip.slideIn.top,
.on-focus > input:focus + .tool-tip.slideIn,
.on-focus > input:focus + .tool-tip.slideIn.top{
	bottom: 0%;
}	


}