/*
To change this license header, choose License Headers in Project Properties.
To change this template file, choose Tools | Templates
and open the template in the editor.
*/
/* 
    Created on : Oct 3, 2013, 12:25:51 PM
    Author     : igodorogea
*/
#content.interactive_map {
  width: 962px;
}

.interactive_map .map-container {
  height: 462px;
}

.interactive_map .map-container .interactive-map-wrapper {
  display: block;
}

.interactive_map .map-container .interactive-map-wrapper .business-nav {
  top: 0; bottom: auto;
}

.map-container {
  width: 962px;
  margin: 0 auto;
  position: relative;
  /*top: -11px;*/
  z-index: 100;
  }
  .home .map-container {
  top: 0;
  }
  .map-container .interactive-map-wrapper {
    background-color: white;
    border: 1px solid gray;
    /* overflow: hidden; */
    position: absolute;
    width: 960px;
    height: 449px;
  display: none; }
    .map-container .interactive-map-wrapper .zoom-controls {
      text-align: center;
      background-color: #e7e7e7;
      background-color: rgba(240, 240, 240, 0.8);
      position: absolute;
      top: 0;
      right: 0;
      z-index: 120;
      width: 45px;
      height: 399px;
      padding-left: 10px;
      padding-top: 50px; }
      .map-container .interactive-map-wrapper .zoom-controls a {
        text-decoration: none;
        color: #777;
        font-weight: 700;
        font-family: sans-serif;
        font-size: 18px; }
        .map-container .interactive-map-wrapper .zoom-controls a:hover {
          color: #555; }
      .map-container .interactive-map-wrapper .zoom-controls .zoom-out,
      .map-container .interactive-map-wrapper .zoom-controls .zoom-in {
        display: block;
        width: 36px;
        height: 36px;
        line-height: 36px;
        font-size: 29px;
        color: white;
        background-color: #777;
        -moz-border-radius: 18px;
        -webkit-border-radius: 18px;
        -khtml-border-radius: 18px;
        border-radius: 18px;
        text-align: center;
        margin: 15px 0;
        cursor: pointer;
        -webkit-user-select: none;
        /* Chrome/Safari */
        -moz-user-select: none;
        /* Firefox */
        -ms-user-select: none;
        /* IE10+ */
        /* Rules below not implemented in browsers yet */
        -o-user-select: none;
        user-select: none; }
        .map-container .interactive-map-wrapper .zoom-controls .zoom-out:hover,
        .map-container .interactive-map-wrapper .zoom-controls .zoom-in:hover {
          background-color: #555; }
      .map-container .interactive-map-wrapper .zoom-controls .zoom-out {
        line-height: 29px;
        font-size: 38px; }
      .map-container .interactive-map-wrapper .zoom-controls .ui-slider-vertical {
        border-right: 1px dotted #333;
        margin-left: 17px;
        width: 0;
        height: 240px;
        position: relative; }
        .map-container .interactive-map-wrapper .zoom-controls .ui-slider-vertical .ui-slider-handle {
          background-color: #777;
          width: 23px;
          height: 23px;
          -moz-border-radius: 11px;
          -webkit-border-radius: 11px;
          -khtml-border-radius: 11px;
          border-radius: 11px;
          position: absolute;
          left: -11px;
          margin-bottom: -11px;
          cursor: default;
          z-index: 122;
          border: none !important; }
          .map-container .interactive-map-wrapper .zoom-controls .ui-slider-vertical .ui-slider-handle:hover {
            background-color: #555; }
        .map-container .interactive-map-wrapper .zoom-controls .ui-slider-vertical .ui-widget-header {
          display: none; }
    .map-container .interactive-map-wrapper .interactive-map {
      width: 100%;
      height: 100%;
      overflow: hidden;
      position: relative; }
      .map-container .interactive-map-wrapper .interactive-map .image-wrap {
        top: -120px;
        position: absolute;
        width: 960px;
        height: 558px; }
        .map-container .interactive-map-wrapper .interactive-map .image-wrap img {
          width: 100%;
          height: auto; }
        .map-container .interactive-map-wrapper .interactive-map .image-wrap .shapes .shape-image {
          position: absolute;
          top: 0;
          left: 0;
          width: 100%;
          height: 100%;
          display: none; }
     /*   .map-container .interactive-map-wrapper .interactive-map .image-wrap .regions,
        .map-container .interactive-map-wrapper .interactive-map .image-wrap .overlays {
          width: 100%;
          height: 100%;
          left: 0;
          top: 0; }*/
        .map-container .interactive-map-wrapper .interactive-map .image-wrap .regions .city-mark {
          position: absolute;
          background: url("../img/city-mark.png") no-repeat 0 1px transparent;
          margin-top: -10px;
          margin-left: -7px;
          padding-left: 16px;
          line-height: 1;
          z-index: 110;
          width: 14px;
          height: 14px;}
        .map-container .interactive-map-wrapper .interactive-map .image-wrap #city_100.city-mark {
          background-image: url("../img/capital-mark.png");}
        .map-container .interactive-map-wrapper .interactive-map .image-wrap .city-mark > span {
          font-weight: bold;
          font-size: 14px;
          color: #444444;
          text-shadow: -1px 0 white, 0 1px white, 1px 0 white, 0 -1px white; }
        .map-container .interactive-map-wrapper .interactive-map .image-wrap .overlays .overlay-mark {
          position: absolute;
          background: url("../img/sugar-small_01.png") no-repeat 0 0 transparent;
          margin-top: -7px;
          margin-left: -10px;
          width: 16px;
          height: 21px;
       /*   margin-top: -9px;
          margin-left: -12px;
          width: 19px;
          height: 25px;*/
      
      -webkit-transition: left 0.5s ease-in-out ,top 0.5s ease-in-out;
      -moz-transition: left 0.5s ease-in-out ,top 0.5s ease-in-out;
      -ms-transition: left 0.5s ease-in-out ,top 0.5s ease-in-out;
      -o-transition: left 0.5s ease-in-out ,top 0.5s ease-in-out;
      transition: left 0.5s ease-in-out ,top 0.5s ease-in-out;
      }
          .map-container .interactive-map-wrapper .interactive-map .image-wrap .overlays .overlay-mark > a {
            display: block;
            width: 100%;
            height: 100%; }
          .map-container .interactive-map-wrapper .interactive-map .image-wrap .overlays .overlay-mark.oil {
            background-image: url("../img/oil-small_01.png");
            margin-top: -7px;
            margin-left: -5px;
            width: 10px;
            height: 15px;
/*            margin-top: -9px;
            margin-left: -6px;
            width: 13px;
            height: 19px;*/ }
          .map-container .interactive-map-wrapper .interactive-map .image-wrap .overlays .overlay-mark.bacon {
            background-image: url("../img/bacon-small_01.png");
            margin-top: -12px;
            margin-left: -6px;
            width: 24px;
            height: 12px;
           /* margin-top: -15px;
            margin-left: -7px;
            width: 31px;
            height: 15px;*/ }
          .map-container .interactive-map-wrapper .interactive-map .image-wrap .overlays .overlay-mark.agro {
            background-image: url("../img/agro-small_01.png");
            margin-top: -12px;
            margin-left: -5px;
            width: 24px;
            height: 17px;
/*  margin-top: -15px;
            margin-left: -7px;
            width: 29px;
            height: 21px;*/ }
          .map-container .interactive-map-wrapper .interactive-map .image-wrap .overlays .overlay-mark.home {
            background-image: url("../img/home_01.png");
            margin-top: 4px;
            margin-left: -8px;
            width: 16px;
            height: 16px;
            /*margin-left: -10px;
            width: 20px;
            height: 20px;*/
      z-index: 20;}
          .map-container .interactive-map-wrapper .interactive-map .image-wrap .overlays .overlay-mark .main-region {
            display: none;
            width: 215px;
            padding: 8px 12px;
            position: absolute;
            bottom: 30px;
            left: -120px;
            background-color: white;
            border: 1px solid #c7cbc3;
            -moz-border-radius: 3px;
            -webkit-border-radius: 3px;
            -khtml-border-radius: 3px;
            border-radius: 3px;
            -moz-box-shadow: 0 0 4px rgba(0, 0, 0, 0.8);
            -webkit-box-shadow: 0 0 4px rgba(0, 0, 0, 0.8);
            box-shadow: 0 0 4px rgba(0, 0, 0, 0.8);
            font-size: 12px;
            text-align: left;
            color: #908f8f;
            word-wrap: break-word; }
            .map-container .interactive-map-wrapper .interactive-map .image-wrap .overlays .overlay-mark .main-region h3 {
              font-size: 14px;
              color: #584a37;
              margin: 0 0 7px; }
            .map-container .interactive-map-wrapper .interactive-map .image-wrap .overlays .overlay-mark .main-region p {
              margin: 0; }
            .map-container .interactive-map-wrapper .interactive-map .image-wrap .overlays .overlay-mark .main-region a {
              color: #584a37;
              text-decoration: underline; }
            .map-container .interactive-map-wrapper .interactive-map .image-wrap .overlays .overlay-mark .main-region .arrow {
              display: block;
              position: absolute;
              height: 0px;
              width: 0px;
              border-width: 20px;
              border-color: white transparent transparent;
              border-style: solid;
              bottom: -30px;
              left: 100px; }
          .map-container .interactive-map-wrapper .interactive-map .image-wrap .overlays .overlay-mark.pos-bottom .main-region {
            top: auto;
            bottom: 20px; }
            .map-container .interactive-map-wrapper .interactive-map .image-wrap .overlays .overlay-mark.pos-bottom .main-region .arrow {
              /* border-width: 0 10px 10px; */
              border-color: transparent transparent white;
              bottom: auto;
              top: -30px; }
    .map-container .interactive-map-wrapper .business-nav {
      position: absolute;
      bottom: 0;
      left: 0;
      z-index: 120;
      width: 905px;
      height: 26px; }
      .map-container .interactive-map-wrapper .business-nav .business-nav-links article {
        float: left;
    position: relative;
        width: 210px;
        margin-left: 15px; }
        .map-container .interactive-map-wrapper .business-nav .business-nav-links article:first-child {
          margin-left: 10px; }
        .map-container .interactive-map-wrapper .business-nav .business-nav-links article h3 {
          background-color: #505050;
          background-color: rgba(80, 80, 80, 0.85);
          cursor: pointer;
          font-size: 14px;
          font-weight: normal;
          margin: 0;
          padding: 5px;
          color: white; }
          .map-container .interactive-map-wrapper .business-nav .business-nav-links article h3:hover, .map-container .interactive-map-wrapper .business-nav .business-nav-links article h3.active {
            background-color: #404040;
            background-color: rgba(70, 70, 70, 0.9); }
          .map-container .interactive-map-wrapper .business-nav .business-nav-links article h3 + div {
            background-color: #f5f5f5;
            background-color: rgba(250, 250, 250, 0.9);
      position: absolute;
      bottom: 27px;
      width: 100%;
            /* padding-left: 12px; */ }
        .map-container .interactive-map-wrapper .business-nav .business-nav-links article a {
          color: #444;
          display: block;
          font-size: 13px;
          padding: 4px 0;
      margin-left: 12px;
          text-decoration: none; }
          .map-container .interactive-map-wrapper .business-nav .business-nav-links article a:hover {
            color: black;
            text-decoration: underline; }

.map-container .interactive-map-wrapper .interactive-map .image-wrap .regions #city_101 span {
  position: absolute;
  top: -13px;
  left: 6px;
}

.map-container .interactive-map-wrapper .interactive-map .image-wrap .regions #city_102 span {
  position: absolute;
  top: -8px;
  left: 13px;
}

.map-container .interactive-map-wrapper .interactive-map .image-wrap .regions #city_103 span {
  position: absolute;
  top: 5px;
}

.map-container .interactive-map-wrapper .interactive-map .image-wrap .regions #city_106 span {
  position: absolute;
  right: 35px;
}



/*
.map-container .interactive-map-wrapper .interactive-map .image-wrap .regions #city_101,
.map-container .interactive-map-wrapper .interactive-map .image-wrap .regions #city_105 {
  padding-left: 0;
  width: 13px;
  height: 14px;
}
.map-container .interactive-map-wrapper .interactive-map .image-wrap .regions #city_101 span {
  display: block;
  position: absolute;
  right: 17px;
}
.map-container .interactive-map-wrapper .interactive-map .image-wrap .regions #city_105 span {
  display: block;
  position: absolute;
  top: 14px;
  left: 16px;
}
*/
.map-container .interactive-map-wrapper .interactive-map .image-wrap .overlays #mark_230.overlay-mark .main-region h3 {
  font-size: 12px;
}

/*
.zoom-0 .map-container .interactive-map-wrapper .interactive-map .image-wrap .overlays #mark_240 {
  left: 28% !important;
  top: 67% !important;
}
.zoom-0 .map-container .interactive-map-wrapper .interactive-map .image-wrap .overlays #mark_230 {
  left: 15.6% !important;
  top: 74.8% !important;
}
.zoom-0 .map-container .interactive-map-wrapper .interactive-map .image-wrap .overlays #mark_320 {
  left: 11% !important;
  top: 67% !important;
}
.zoom-0 .map-container .interactive-map-wrapper .interactive-map .image-wrap .overlays #mark_310 {
  left: 1.9% !important;
  top: 68% !important;
}
.zoom-0 .map-container .interactive-map-wrapper .interactive-map .image-wrap .overlays #mark_420 {
  left: 11% !important;
  top: 71% !important;
}
.zoom-0 .map-container .interactive-map-wrapper .interactive-map .image-wrap .overlays #mark_421 {
  left: 9% !important;
  top: 69.5% !important;
}
.zoom-0 .map-container .interactive-map-wrapper .interactive-map .image-wrap .overlays #mark_422 {
  left: 9.4% !important;
  top: 64.5% !important;
}
.zoom-0 .map-container .interactive-map-wrapper .interactive-map .image-wrap .overlays #mark_410 {
  left: 7% !important;
  top: 71.5% !important;
}
.zoom-0 .map-container .interactive-map-wrapper .interactive-map .image-wrap .overlays #mark_412 {
  left: 5.3% !important;
  top: 64.875% !important;
}
.zoom-0 .map-container .interactive-map-wrapper .interactive-map .image-wrap .overlays #mark_413 {
  left: 7.3% !important;
  top: 66.6% !important;
}
.zoom-0 .map-container .interactive-map-wrapper .interactive-map .image-wrap .overlays #mark_510 {
  left: 3% !important;
  top: 73% !important;
}


.zoom-2 .map-container .interactive-map-wrapper .interactive-map .image-wrap .overlays #mark_510 {
  left: 4.25% !important;
  top: 71.6% !important;
}
.zoom-2 .map-container .interactive-map-wrapper .interactive-map .image-wrap .overlays #mark_310 {
  left: 3.5% !important;
  top: 68.6% !important;
}


.zoom-3 .map-container .interactive-map-wrapper .interactive-map .image-wrap .overlays #mark_510 {
  left: 4.5% !important;
  top: 71% !important;
}
.zoom-3 .map-container .interactive-map-wrapper .interactive-map .image-wrap .overlays #mark_310 {
  left: 4% !important;
  top: 68.3% !important;
}

.zoom-4 .map-container .interactive-map-wrapper .interactive-map .image-wrap .overlays #mark_510 {
  left: 4.85% !important;
  top: 71% !important;
}
.zoom-4 .map-container .interactive-map-wrapper .interactive-map .image-wrap .overlays #mark_412 {
  left: 5.5% !important;
  top: 66.5% !important;
}
.zoom-4 .map-container .interactive-map-wrapper .interactive-map .image-wrap .overlays #mark_413 {
  left: 6.5% !important;
  top: 67.3% !important;
}
.zoom-4 .map-container .interactive-map-wrapper .interactive-map .image-wrap .overlays #mark_310 {
  left: 4.3% !important;
  top: 68.3% !important;
}


.zoom-5 .map-container .interactive-map-wrapper .interactive-map .image-wrap .overlays #mark_310 {
  left: 5% !important;
  top: 68.3% !important;
}
.zoom-5 .map-container .interactive-map-wrapper .interactive-map .image-wrap .overlays #mark_510 {
  left: 5.3% !important;
  top: 70.5% !important;
}
.zoom-5 .map-container .interactive-map-wrapper .interactive-map .image-wrap .overlays #mark_421 {
  left: 9.5% !important;
  top: 69% !important;
}
.zoom-5 .map-container .interactive-map-wrapper .interactive-map .image-wrap .overlays #mark_412 {
  left: 5.5% !important;
  top: 66.5% !important;
}
.zoom-5 .map-container .interactive-map-wrapper .interactive-map .image-wrap .overlays #mark_413 {
  left: 6.5% !important;
  top: 67.3% !important;
}
.zoom-5 .map-container .interactive-map-wrapper .interactive-map .image-wrap .overlays #mark_422 {
  left: 9.7% !important;
  top: 67% !important;
}
*/

.hide {
  display: none; }

.hidden {
  display: none !important;
  visibility: hidden; }

/* Clearfix hack Start*/
.clearfix:after {
  visibility: hidden;
  display: block;
  font-size: 0;
  content: " ";
  clear: both;
  height: 0; }

.clearfix {
  display: inline-block; }

/* start commented backslash hack \*/
* html .clearfix {
  height: 1%; }

.clearfix {
  display: block; }

.business-nav{
  display:none
}
.map-container .interactive-map-wrapper .interactive-map .image-wrap .overlays .overlay-mark.dairy {
            background-image: url("../img/dairy_icon_samll.png");
            margin-top: -7px;
            margin-left: -5px;
            width: 18px;
            height: 18px;
}

/* close commented backslash hack */
/* Clearfix hack End*/