/* $ShowCase v2.2 jQuery Plugin || Crusader 12 */
@charset "utf-8";
.showcase {position:relative;}/* MAIN SHOWCASE CONTAINER */
.Bullet_Container{width:inherit;height:inherit;position:absolute;z-index:9;}
.SC_Bullet {position:absolute;overflow:visible;background-repeat:no-repeat;}/* BULLET STYLES */
.SC_flicker {animation-fill-mode:forwards; border-style:solid;}
div.SC_Tooltip {position:absolute;overflow:visible;cursor:default;opacity:0;visibility:hidden;z-index:10;}/* CONTENT DIV INSIDE TOOLTIP */
div.SC_Tooltip a {text-decoration:none;cursor:pointer;}/* TOOLTIP ANCHORS */
div.SC_Panel {visibility:hidden;opacity:0;position:absolute;z-index:15;top:0;left:0;}
.SC_Close, .SC_Next, .SC_Prev {cursor:pointer;}



/* SHOWCASE CONTAINER (IDENTIFIER) */
#tooltips_sample {
   width: 100%;
   height: 100%;
   float: left;
   xmargin-right: 20px;
   xmargin-top: 35px;
}

/* THE ACTUAL IMAGE */
.tooltips_image {
   width: 100%;
}

/* BULLET */
.bullet {
   width: 25px;
   height: 25px;
}

/* TOOLTIP TAIL */
.tooltip:before {
   content: ' ';
   display: block;
   position: absolute;
   left: -8px;
   top: 15px;
   width: 14px;
   height: 14px;
   border-color: rgba(51,51,51,0.25);
   border-width: 1px;
   border-style: none none solid solid;
   background-color: #FFFFFF;
   box-shadow: 0px 2px 2px 0px rgba(51,51,51,0.15);
   transform: rotate(45deg);
   -webkit-transform: rotate(45deg);
   -moz-transform: rotate(45deg);
}

/* TOOLTIP */
.tooltip {
   overflow: visible !important;
   position: relative;
   border: 1px solid rgba(51,51,51,0.25);
   background: #FFFFFF;
   width: 200px;
   margin-left: 20px;
   padding: 0px 12px;
   border-radius: 2px;
   box-shadow: 2px 2px 2px 0px rgba(51,51,51,0.15);
}

   /* TOOLTIP TEXT */
   .tooltip p {
      font-family: 'open_sanslight',sans;
      font-size: 12px;
      line-height: 22px;
   }

.hot_bullet_1,
.hot_bullet_2,
.hot_bullet_3 {
   width: 15px;
   height: 15px;
}


.hot_tooltip_1:before {
   content: ' ';
   display: block;
   position: absolute;
   left: 40px;
   top: -8px;
   width: 14px;
   height: 14px;
   border-color: rgba(51,51,51,0.25);
   border-width: 1px;
   border-style: none none solid solid;
   background-color: #333333;
   box-shadow: 0px 2px 2px 0px rgba(51,51,51,0.15);
   transform: rotate(45deg);
   -webkit-transform: rotate(45deg);
   -moz-transform: rotate(45deg);
}

.hot_tooltip_2:before {
   content: ' ';
   display: block;
   position: absolute;
   left: 47px;
   top: 45px;
   width: 14px;
   height: 14px;
   border-color: rgba(51,51,51,0.25);
   border-width: 1px;
   border-style: none none solid solid;
   background-color: #333333;
   box-shadow: 0px 2px 2px 0px rgba(51,51,51,0.15);
   transform: rotate(45deg);
   -webkit-transform: rotate(45deg);
   -moz-transform: rotate(45deg);
}

.hot_tooltip_3:before {
   content: ' ';
   display: block;
   position: absolute;
   left: 305px;
   top: 15px;
   width: 14px;
   height: 14px;
   border-color: rgba(51,51,51,0.25);
   border-width: 1px;
   border-style: none none solid solid;
   background-color: #333333;
   box-shadow: 0px 2px 2px 0px rgba(51,51,51,0.15);
   transform: rotate(45deg);
   -webkit-transform: rotate(45deg);
   -moz-transform: rotate(45deg);
}

.hot_tooltip_1,
.hot_tooltip_2,
.hot_tooltip_3 {
   cursor: pointer;
   padding: 15px;
   background: #333333;
   border-radius: 2px;
   border: 1px solid rgba(51,51,51,0.25);
   box-shadow: 2px 2px 2px 0px rgba(51,51,51,0.15);
}

.hot_tooltip_1 {
   width: 350px;
}

.hot_tooltip_2 {
   width: 280px;
}

.hot_tooltip_3 {
   width: 310px;
}

   .hot_tooltip_1 p,
   .hot_tooltip_2 p,
   .hot_tooltip_3 p {
      cursor: pointer;
      font-family: 'open_sanslight',sans;
      font-size: 22px;
      color: #FFFFFF;
      line-height: 22px;
   }