@charset 'UTF-8';
@font-face {
  font-family: 'proxima_nova_a_regular';
  src: url("fonts/proximanovaa-regular-webfont.eot");
  src: url("fonts/proximanovaa-regular-webfont.eot?#iefix") format("embedded-opentype"), url("fonts/proximanovaa-regular-webfont.woff") format("woff"), url("fonts/proximanovaa-regular-webfont.ttf") format("truetype");
  font-weight: normal;
  font-style: normal; }

@font-face {
  font-family: 'pf_dindisplay_pro_thinregular';
  src: url("fonts/pfdindisplaypro-thin-webfont.eot");
  src: url("fonts/pfdindisplaypro-thin-webfont.eot?#iefix") format("embedded-opentype"), url("fonts/pfdindisplaypro-thin-webfont.woff") format("woff"), url("fonts/pfdindisplaypro-thin-webfont.ttf") format("truetype");
  font-weight: normal;
  font-style: normal; }
  
.ts_holder {
	position: relative;
}

.ts_img_view {
	position: absolute;
	-webkit-user-select: none;
	-khtml-user-select: none;
	-moz-user-select: none;
	-o-user-select: none;
	user-select: none;
	outline: none;
	-webkit-tap-highlight-color: rgba(255, 255, 255, 0);
}

.hotspot {
	font-family: pf_dindisplay_pro_thinregular, Verdana, sans-serif;
	position: absolute;    
	width: 32px;
	height: 32px;	
	background-image: url(../img/rotation-wv-3/plus.png);
	/*background-position:5 5;*/
	background-repeat: no-repeat;	
	display: none;	
	color: #444;
	font-size:1.25em;
	font-weight: bolder;
	cursor: pointer;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;	
	z-index: 500;
}
.hotspot.expanded {	
	width: 39%;
	height: auto;
	background: rgba(255,255,255,0.90);	
	margin-right: 10px;
	margin-bottom: 10px;
	line-height:1.25em;
	background-image: url(minus.png);
	z-index: 1000;
}

.hotspot .hltitle {
	font-weight: normal !important;
	display: block;
	font-size: 1.0em;
	padding: 1em 1em .5em .75em;
	line-height: 20px;
}
.hotspot .hltext {
	display: block;
	font-size: 0.85em;
	font-weight: 400;
	padding: 0 1em 1em 1em;
	color: #555;
}
.hltext.link {
	color: #555;
}
.hltext.link:hover {
	color: #000;
}
.hotspot.posr {
	background-position: 100% 0;
}
.hotspot.posb {
	background-position: 0 100%;
}
.hotspot.posb.posr {
	background-position: 100% 100%;
}
.hotspot.posr .hltitle {
	text-align: left;
	padding: 0px 22px 0px 5px;
}
.hotspot.posr .hltext {
	text-align: lef;
}
.hotspot.posb.posr .hltitle {
	text-align: left;
}
.highlights {
    font-family: pf_dindisplay_pro_thinregular, Verdana, sans-serif;
	position: absolute;
	z-index: 750;
	top: 0;
	left: 0;
	
	padding: 0px 10px;	
	background: #fff;
	color: #444;
	font-size: 1.25em;
	line-height: 3em;
	text-decoration: none;
   -webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;	
		
}
.highlights:hover {
	background: #fff;
	-webkit-box-shadow: none;
	box-shadow: none;
}
.highlights_but {
	color: #444 !important;
	
}
.highlights a {
	color: #003a5e;
	text-decoration: none;
	display: block;
	
}
.highlights a.highlights_item {
	color: #003a5e;
	padding-left: 10px;
	padding-right: 10px;
	line-height: 2.5em;
}
.highlights a.active {
	color: #333;
	cursor: default;
}
.sethotspot {
	display: none;
}
