/* the overlayed element */
div.overlay {
  /* growing background image */
  background-image:url(img/overlay/white.png);

  /* dimensions after the growing animation finishes  */
  width:450px;
  /* initially overlay is hidden */
  display:none;

  /* some padding to layout nested elements nicely  */
  z-index: 9999;
}
.xsc {
  display: none !important;
}
div.overlay_vv {
  /* dimensions after the growing animation finishes  */
  max-width:100%;
  background:#eee;
  box-shadow:0 0 15px 5px rgba(0,0,0,0.4), 0 0 150px 10px rgba(0,0,0,.5);
  text-align: center;
  height:auto;
  /* initially overlay is hidden */
  display:none;
  /* some padding to layout nested elements nicely  */
  z-index: 9999;
  position:absolute!important;
  opacity:1.0;
  left:50%!important;
  top:50%!important;
  -webkit-transform:translate(-50%,-50%);
  transform:translate(-50%,-50%);
  margin:0 auto;
}
.overlay_vv.positioned {
  opacity:1.0;
}
div.overlay_vv img.overlay_prev_img, div#overlay img
{
  width:100%;
  /*max-width:100%;*/
  height:auto!important;
}
div.overlay_vv img.overlay_prev_img, div#overlay div#ajax_loading img
{
  width:auto;
}
/* Hack IE7 */
*+html div.overlay_vv  {border: 2px outset #000;}

/* Hack IE8 */
@media \0screen {
  div.overlay_vv  {border: 2px outset #000;}
}

/* default close button positioned on upper right corner */
div.overlay .close, div.overlay_vv .close {
  background-image:url(img/overlay/close.png);
  position:absolute;
  right:-15px;
  top:-15px;
  cursor:pointer;
  height:35px;
  width:35px;
}

/* black */
div.overlay.black {
  background:url(img/overlay/transparent.png) no-repeat !important;
  color:#fff;
}

/* petrol */
div.overlay.petrol {
  background:url(img/overlay/petrol.png) no-repeat !important;
  color:#fff;
}

div.black h2, div.petrol h2 {
  color:#ddd;
}





/*********** navigator ***********/


/* position and dimensions of the navigator */
div.navi {
  margin-left:328px;
  width:200px;
  height:20px;
}


/* items inside navigator */
div.navi a {
  width:8px;
  height:8px;
  float:left;
  margin:3px;
  background:url(img/overlay/navigator.png) 0 0 no-repeat;
  cursor:pointer;
}

/* mouseover state */
div.navi a:hover {
  background-position:0 -8px;
}

/* active state (current page state) */
div.navi a.active {
  background-position:0 -16px;
}