@font-face {
  font-family: 'u39';
  src: url('../type/u39.eot');
  src: url('../type/u39.eot?#iefix') format('embedded-opentype'),
  url('../type/u39.woff') format('woff'),
  url('../type/u39.ttf') format('truetype'),
  url('../type/u39.svg#u39') format('svg');
  font-weight: normal;
  font-style: normal;
}


@font-face {
    font-family: 'u45';
    src: url('../type/u45.eot');
    src: url('../type/u45.eot?#iefix') format('embedded-opentype'),
         url('../type/u45.woff') format('woff'),
         url('../type/u45.ttf') format('truetype'),
         url('../type/u45.svg#u45') format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face {
  font-family: 'u57';
  src: url('../type/u57.eot');
  src: url('../type/u57.eot?#iefix') format('embedded-opentype'),
       url('../type/u57.woff') format('woff'),
       url('../type/u57.ttf') format('truetype'),
       url('../type/u57.svg#u57') format('svg');
  font-weight: normal;
  font-style: normal;
}

.scroll-pane{
  width: 100%;
  height: 690px;
  overflow: auto;
}

.horiz{
  height: auto;
  max-height: 690px;
}

.panoramic{
  width:1024px;
  height:690px;
  position:absolute;
}

.panoramic_head{
  width:1024px;
  height:156px;
  float:left;
}

.panoramic_buttons{
  width:664px;
  height:156px;
  position:absolute;
  padding-left:229px;
}

.panoramic_buttons div{
  float:left;
  width:133px;
  height:67px;
  margin-top:81px;
  margin-left:-1px;
  background-color: #ccc;
  opacity:.5;
  border:1px solid #000;
  -moz-border-radius:5px 5px 0px 0px; 
  -webkit-border-radius:5px 5px 0px 0px; 
  border-radius:5px 5px 0px 0px;
  cursor:pointer;
}

.panoramic_buttons p{
  padding-top:5px;
  text-align:center;
  font-family:u57;
  font-size:18px;
  color:#000;
  opacity:1;
}

.panoramic_body{
  height:534px;
  width:1024px;
  float:left;
  overflow:hidden;
}

.panoramic_selector{
  height:529px;
  width:1024px;
  float:left;
}

.panoramic_selector img{
  height:99px;
  width:248px;
  float:left;
  margin:3px;
  opacity:.5;
  border:1px solid #000;
  -moz-border-radius:5px 5px 5px 5px; 
  -webkit-border-radius:5px 5px 5px 5px; 
  border-radius:5px 5px 5px 5px;
  position:relative;
  z-index:50;
  cursor:pointer;
}

.panoramic_selector img:active{
  opacity:1;  
}

.panoramic_overlay{
  height:690px;
  width:1024px;
  position:absolute;
  top:0px;
  z-index:2;
}

.panoramic_active_01{display:none; position:absolute;}
.panoramic_active_02{display:none; position:absolute;}
.panoramic_active_03{display:none; position:absolute;}
.panoramic_active_04{display:none; position:absolute;}
.panoramic_active_05{display:none; position:absolute;}
.panoramic_active_06{display:none; position:absolute;}
.panoramic_active_07{display:none; position:absolute;}
.panoramic_active_08{display:none; position:absolute;}
.panoramic_active_09{display:none; position:absolute;}
.panoramic_active_10{display:none; position:absolute;}
.panoramic_active_11{display:none; position:absolute;}
.panoramic_active_12{display:none; position:absolute;}
.panoramic_active_13{display:none; position:absolute;}
.panoramic_active_14{display:none; position:absolute;}
.panoramic_active_15{display:none; position:absolute;}
.panoramic_active_16{display:none; position:absolute;}
.panoramic_active_17{display:none; position:absolute;}
.panoramic_active_18{display:none; position:absolute;}
.panoramic_active_19{display:none; position:absolute;}

.panoramic_control{
  display:none;
  height:63px;
  width:300px;
  position:absolute;
  right:-14px;
  -webkit-bottom:33px;
  bottom:40px;
  z-index:50;
}

.panoramic_control div{
  height:63px;
  width:87px;
  margin:3px;
  opacity:.5;
  float:left;
  background-color:#fff;
  border:1px solid #000;
  -moz-border-radius:5px 5px 5px 5px; 
  -webkit-border-radius:5px 5px 5px 5px; 
  border-radius:5px 5px 5px 5px;
  cursor:pointer;
}

.panoramic_control div:active{
  opacity:1;
}

.panoramic_control p{
  margin-top:21px;
  text-align:center;
  font-family:u57;
  font-size:16px;
  color:#000;
}