.hs-wrap { position: relative }



.hs-wrap * { display: none }



.hs-wrap.hs-loaded * { display: block }



.hs-wrap img { display: block }



.hs-spot-object {

    cursor: pointer;

    position: absolute;

    z-index: 1

}



.hs-spot-object.visible-tooltip { z-index: 9999 }



.hs-spot.visible .hs-spot-shape {

    -khtml-opacity: .15;

    -moz-border-radius: 40px;

    -moz-opacity: .15;

    -ms-filter: "alpha(opacity=15)";

    -webkit-border-radius: 40px;

    background: black;

    border: 1px solid white;

    border-radius: 40px;

    filter: alpha(opacity=15);

    height: 100%;

    left: -1px;

    opacity: .15;

    position: absolute;

    top: -1px;

    width: 100%;

    z-index: 0;

}



.hs-spot.visible .hs-spot-shape-inner {

    -moz-border-radius: 30px;

    -webkit-border-radius: 30px;

    background: #da0606;

    border-radius: 30px;

    height: 18px;

    left: 50%;

    margin: -9px 0 0 -9px;

    position: absolute;

    top: 50%;

    width: 18px;

    z-index: 1;

}



.hs-spot.visible:hover .hs-spot-shape {

    height: 26px;

    left: 1px;

    top: 1px;

    width: 26px;

}



.hs-spot.visible:hover .hs-spot-shape-inner {

    height: 20px;

    margin: -10px 0 0 -10px;

    width: 20px;

}



.hs-rect {

    background: url('transp.gif');

    border: 0;

    cursor: pointer;

    left: 0;

    position: absolute;

    top: 0;

    z-index: 99;

}



.hs-rect.visible .hs-spot-shape {

    -moz-border-radius: 6px;

    -webkit-border-radius: 6px;

    background: 0;

    border: 3px solid #da0606;

    border-radius: 6px;

    height: 100%;

    left: -3px;

    position: absolute;

    top: -3px;

    width: 100%;

    z-index: 1;

}



.hs-rect.visible .hs-spot-shape-inner {

    -khtml-opacity: .15;

    -moz-border-radius: 8px;

    -moz-opacity: .15;

    -ms-filter: "alpha(opacity=15)";

    -webkit-border-radius: 8px;

    background: 0;

    border: 8px solid black;

    border-radius: 8px;

    filter: alpha(opacity=15);

    height: 100%;

    left: -8px;

    opacity: .15;

    position: absolute;

    top: -8px;

    width: 100%;

    z-index: 0;

}



.hs-rect.visible:hover .hs-spot-shape {

    border-width: 5px;

    left: -5px;

    top: -5px

}



.hs-rect.visible:hover .hs-spot-shape-inner {

    border-width: 7px;

    left: -7px;

    top: -7px

}



.hs-spot-object .hs-spot-tooltip-outer {

    height: 100%;

    left: 0;

    position: absolute;

    top: 0;

    width: 100%;

}



.hs-tooltip-wrap { position: absolute }



.hs-tooltip {

    -moz-border-radius: 3px;

    -webkit-border-radius: 3px;

    background: #181818;

    border-radius: 3px;

    color: white;

    display: block;

    font: 11px/18px helvetica, tahoma, sans-serif;

    min-height: 18px;

    padding: 15px;

    position: relative;

}



.hs-wrap.mouseover .hs-spot-object.left .hs-spot-tooltip-outer, .hs-wrap.click .hs-spot-object.left .hs-spot-tooltip-outer {

    left: -30px;

    position: absolute;

    top: 0;

}



.hs-spot-object.left .hs-tooltip-wrap {

    padding-right: 16px;

    right: 100%;

    top: 0;

}



.hs-spot.left .hs-tooltip-wrap { top: -12px }



.hs-spot-object.left .hs-tooltip:before {

    border-bottom: 8px solid transparent;

    border-left: 8px solid #181818;

    border-top: 8px solid transparent;

    content: "";

    display: block;

    height: 0;

    position: absolute;

    right: -8px;

    top: 8px;

    width: 0;

}



.hs-spot.left .hs-tooltip:before { top: 16px }



.hs-wrap.mouseover .hs-spot-object.top .hs-spot-tooltip-outer, .hs-wrap.click .hs-spot-object.top .hs-spot-tooltip-outer {

    left: 0;

    position: absolute;

    top: -30px

}



.hs-spot-object.top .hs-tooltip-wrap {

    bottom: 100%;

    left: 0;

    padding-bottom: 16px

}



.hs-spot.top .hs-tooltip-wrap { left: -1px }



.hs-spot-object.top .hs-tooltip:before {

    border-left: 8px solid transparent;

    border-right: 8px solid transparent;

    border-top: 8px solid #181818;

    bottom: -8px;

    content: "";

    display: block;

    height: 0;

    left: 8px;

    position: absolute;

    width: 0;

}



.hs-wrap.mouseover .hs-spot-object.right .hs-spot-tooltip-outer, .hs-wrap.click .hs-spot-object.right .hs-spot-tooltip-outer {

    left: 30px;

    position: absolute;

    top: 0;

}



.hs-spot-object.right .hs-tooltip-wrap {

    left: 100%;

    padding-left: 16px;

    top: 0;

}



.hs-spot.right .hs-tooltip-wrap { top: -12px }



.hs-spot-object.right .hs-tooltip:before {

    border-bottom: 8px solid transparent;

    border-right: 8px solid #181818;

    border-top: 8px solid transparent;

    content: "";

    display: block;

    height: 0;

    left: -8px;

    position: absolute;

    top: 8px;

    width: 0;

}



.hs-spot.right .hs-tooltip:before { top: 16px }



.hs-wrap.mouseover .hs-spot-object.bottom .hs-spot-tooltip-outer, .hs-wrap.click .hs-spot-object.bottom .hs-spot-tooltip-outer {

    left: 0;

    position: absolute;

    top: 30px

}



.hs-spot-object.bottom .hs-tooltip-wrap {

    left: 0;

    padding-top: 16px;

    top: 100%;

}



.hs-spot.bottom .hs-tooltip-wrap { left: -1px }



.hs-spot-object.bottom .hs-tooltip:before {

    border-bottom: 8px solid black;

    border-left: 8px solid transparent;

    border-right: 8px solid transparent;

    content: "";

    display: block;

    height: 0;

    left: 8px;

    position: absolute;

    top: -8px;

    width: 0;

}



.hs-tooltip-buffer {

    -khtml-opacity: 0;

    -moz-opacity: 0;

    -ms-filter: "alpha(opacity=0)";

    background: blue;

    filter: alpha(opacity=0);

    height: 100%;

    left: 0;

    opacity: 0;

    position: absolute;

    top: 0;

    width: 100%;

    z-index: 999;

}



.hs-spot-object.bottom .hs-tooltip-buffer {

    height: 16px;

    top: 100%;

}



.hs-spot-object.top .hs-tooltip-buffer {

    bottom: 100%;

    height: 16px;

    top: auto;

}



.hs-spot-object.left .hs-tooltip-buffer {

    left: auto;

    right: 100%;

    width: 16px

}



.hs-spot-object.right .hs-tooltip-buffer {

    left: 100%;

    width: 16px

}



.hs-tooltip h1 {

    font: 14px/14px helvetica, tahoma, sans-serif;

    font-weight: bold;

    margin-bottom: 10px;

}



.hs-tooltip h2 {

    font: 12px/12px helvetica, tahoma, sans-serif;

    font-weight: bold;

    margin-bottom: 10px;

}



.hs-tooltip h3 {

    font: 11px/11px helvetica, tahoma, sans-serif;

    font-weight: bold;

    margin-bottom: 10px;

}



.hs-tooltip p {

    font: 11px/18px helvetica, tahoma, sans-serif;

    margin-bottom: 10px

}



.hs-tooltip :last-child { margin-bottom: 0 }



.hs-tooltip a {

    color: white !important;

    text-decoration: underline !important

}



.hs-tooltip a:hover { text-decoration: none !important }



.hs-wrap.always .hs-spot-tooltip-outer {

    -khtml-opacity: 1;

    -moz-opacity: 1;

    -ms-filter: "alpha(opacity=100)";

    filter: alpha(opacity=100);

    height: 100% !important;

    left: 0 !important;

    opacity: 1;

    top: 0 !important;

    width: 100% !important;

}



.hs-wrap.always .hs-tooltip, .hs-wrap.always .hs-tooltip-wrap { display: block }



.hs-spot-object .hs-spot-tooltip-outer {

    -khtml-opacity: 0;

    -moz-opacity: 0;

    -moz-transition: left .25s ease-out, top .25s ease-out, opacity .25s ease-out;

    -ms-filter: "alpha(opacity=0)";

    -webkit-transition: left .25s ease-out, top .25s ease-out, opacity .25s ease-out;

    filter: alpha(opacity=0);

    height: 0 !important;

    opacity: 0;

    transition: left .25s ease-out, top .25s ease-out, opacity .25s ease-out;

    width: 0 !important;

}



.hs-spot-object .hs-tooltip, .hs-spot-object .hs-tooltip-wrap { display: none }



.hs-spot-object.visible-tooltip .hs-spot-tooltip-outer {

    -khtml-opacity: 1;

    -moz-opacity: 1;

    -ms-filter: "alpha(opacity=100)";

    filter: alpha(opacity=100);

    height: 100% !important;

    left: 0 !important;

    opacity: 1;

    top: 0 !important;

    width: 100% !important;

}



.hs-spot-object.visible-tooltip .hs-tooltip, .hs-spot-object.visible-tooltip .hs-tooltip-wrap { display: block }