/* trigger button */
#model_info {
	background:transparent url(../images/model-sign.png) no-repeat scroll 0 0;
	display:block;
	height:150px;
	margin-bottom:10px;
	overflow:hidden;
	text-indent:-999em;
	width:159px;
	cursor:pointer;
}

/* mouseover state */
#model_info:hover {
	background-position:-190px -0px ;		
}

/* clicked state */
#model_info:focus {
	background-position:-190px -0px ;		
}

.top-info-300 {
	display:block;
	margin: 0px 0px 0px 20px;
	background-image: url(../images/contact-sales-rep-button.png);
	background-repeat:no-repeat;
	width: 275px;
	height: 100px;
	text-align:center;
	overflow:hidden;
	text-indent:-999em;
	cursor:pointer;
}

/* mouseover state */
.top-info-300:hover {
	background-position:-335px -0px ;		
}

/* clicked state */
.top-info-300:focus {
	background-position:-335px -0px ;		
}


/* tooltip styling */
.tooltip {
	display:none;
	background: url(../images/callout-box-lg.png);
	background-repeat: no-repeat;
	height:260px;
	padding:35px 30px 30px 40px;
	width:572px;
	font-size:11px;
	color:#fff;
}

.tooltip-top {
	display:none;
	background: url(../images/callout-box-300-top.png);
	background-repeat: no-repeat;
	height:210px;
	padding:30px 20px 20px 20px;
	margin-left: 8px;
	width:300px;
	font-size:11px;
	color:#fff;
}

/* a .label element inside tooltip */
.tooltip .label {
	color:yellow;
	width:35px;
}

.tooltip-content {
	width: 230px;
	padding-left: 20px;
	float: left;
		
}

.tooltip-top .tooltip-content {
	width: 280px;
	padding-left: 10px;
	float: left;
		
}

.tooltip-content h1 {
	color: #FF3;
	font-size:14px;
		
}

.tooltip-content h2 {
	color: #FFF;
	font-size:12px;
		
}

.tooltip-content p {
	color:#FFF;
	font-size:12px;
		
}

.tooltip-content p a {
	color: #FF3;
	font-size:12px;
	text-decoration: none;
	
		
}

.tooltip-content p a:hover {
	color: #FF3;
	font-size:12px;
	text-decoration: underline;
		
}