@charset "UTF-8";

 /**
 * Grand Prix Migros Website
 *
 *
 * @author    Mathias Petermann
 * @email    mathias.petermann@unic.com
 * @date    2009-09-25 15:00:00
 */

 @media screen, projection
{

/** Image Map + Wrapper Div's */
  #Image-Maps_3200909250513545{
    border:0; 
    width:820px;
    height:428px;  
  }

  #village{
    text-align:center;
    width:820px;
    position: relative;
    top: -3em;
    float:left;
  }

  .village .page {
    background:url("images/village_keyvisuals.jpg") no-repeat scroll 0 0px;
  }
  #main{
    background:transparent !important;
  }

  .bubble{
    cursor:pointer;
  }

/** Pop Up Div's */
  .PopUp{
    border: 0;
    z-index:999;
    font-size:11px;
  }
  .PopUp h2{
    color:#000;
    width:190px;
    display:block;
    float:left;
  }
  .close{
    position:absolute;
    right:0;
    top:5px;
    z-index:99
  }

  .popup_content {
    line-height:1.45em;
    margin-top:1em;
  }
  .popup_content a{
    white-space:none;
  }

  .popup_content img {
    padding:0 1.1em 0.4em 0;
  }

  #MigrosPopUp{
    position: absolute;
    left: 345px;
    top: 40px;
  }
  #SwissSkiPopUp{
    position: absolute;
    left: 210px;
    top: 85px;
  }
  #MilchPopUp{
    position: absolute;
    left: 210px;
    top: 160px;
  }
  #NordicaPopUp{
    position: absolute;
    left: 320px;
    top: 10px;
  }
  #FleischPopUp{
    position: absolute;
    left: 470px;
    top: 10px;
  }
  #FarmerPopUp{
    position: absolute;
    left: 380px;
    top: 95px;
  }
  #TokoPopUp{
    position: absolute;
    left: 526px;
    top: 145px;
  }

  #SwixBoxPopUp{
    position: absolute;
    left: 549px;
    top: 200px;
  }

  /** Design PopUp Div */
  .cr_tr{
    background: transparent url("images/corner/topright.png") no-repeat 0 0;
    width:16px;
    height:16px;
    display:block;
    position:absolute;
    top:0;
    right:0;
  }
  .cr_tl{
    background: transparent url("images/corner/topleft.png") no-repeat 0 0;
    width:16px;
    height:16px;
    display:block;
    position:absolute;
    top:0;
    left:0;
  }
  .cr_br{
    background: transparent url("images/corner/bottomright.png") no-repeat 0 0;
    width:16px;
    height:16px;
    display:block;
    position:absolute;
    bottom:0;
    right:0;
  }
  .cr_bl{
    background: transparent url("images/corner/bottomleft.png") no-repeat 0 0;
    width:16px;
    height:16px;
    display:block;
    position:absolute;
    bottom:0;
    left:0;
  }
  .br_tp{
    background: url("images/transpi.png");
    border-top:1px solid #999999;
    height:15px;
    width:268px;
    position:absolute;
    top:0;
  }
  .br_rt{
    background: url("images/transpi.png");
    border-right:1px solid #999999;
    width:15px;
    height:215px;
    position:absolute;
    top:16px;
    right:0;
  }
  .br_bt{
    background: url("images/transpi.png");
    border-bottom:1px solid #999999;
    height:15px;
    width:268px;
    position:absolute;
    bottom:0;
  }
  .br_lt{
    background: url("images/transpi.png");
    border-left:1px solid #999999;
    width:15px;
    height:215px;
    position:absolute;
    left:0;
    top:16px;
  }
  .popinner{
    position:relative;
    width: 268px;
    height: 215px;
    padding:16px;
  }
  .popwrapper{
    background: url("images/transpi.png");
    height:100%;
  }
  .topbar{
    position:relative;
    top:-5px;
    overflow:hidden;
  }

  /** Content Styling */
  .PopUp img{
    float:left;
  }
  .spacerLine{
    border-top:solid 1px #dbdbdd;
    height:1px;
    z-index:999;
    position:absolute;
    top:38px;
    width:300px;
    left:0px;
  }
  .PopUp a, .PopUp a:hover, .PopUp a:visited{
    color:#FF3300;
    font-weight:bold;
  }

  /** PopUp Sizes */
  #TokoPopUp .br_lt{
    height:190px;
  }
  #TokoPopUp .br_rt{
    height:190px;
  }
  #TokoPopUp .popinner{
    height:190px;
  }

  /** Speech Bubbles */
  #ElterninfoBubble{
    position:absolute;
    left:228px;
    top:253px;
    width:120px;
    height:100px;
    background: transparent url('images/bubbles/bu_elterninfo.png') no-repeat 0 0;
    z-index:999;
  }
  * html #ElterninfoBubble {
    background: none;
    filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src="../../fileadmin/gpm/screen/images/bubbles/bu_elterninfo.png", sizingMethod="crop") !important;
  }

  #GrandPrixMigrosBubble{
    position:absolute;
    left:37px;
    top:217px;
    width:120px;
    height:100px;
    background: transparent url('images/bubbles/bu_gpm.png') no-repeat 0 0;
    z-index:999;
  }
  * html #GrandPrixMigrosBubble {
    background: none;
    filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src="../../fileadmin/gpm/screen/images/bubbles/bu_gpm.png", sizingMethod="crop") !important;
  }

  #GalleryBubble{
    position:absolute;
    left:696px;
    top:158px;
    width:85px;
    height:100px;
    background: transparent url('images/bubbles/bu_gallery.png') no-repeat 15px 0;
    z-index:999;
  }
  * html #GalleryBubble {
    background: none;
    filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src="../../fileadmin/gpm/screen/images/bubbles/bu_gallery.png", sizingMethod="crop") !important;
  }

  #RenninfoBubble{
    position:absolute;
    left:348px;
    top:33px;
    width:120px;
    height:80px;
    background: transparent url('images/bubbles/bu_renninfo.png') no-repeat 0 0;
    z-index:999;
  }
  * html #RenninfoBubble {
    background: none;
    filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src="../../fileadmin/gpm/screen/images/bubbles/bu_renninfo.png", sizingMethod="crop") !important;
  }

  #ShopBubble{
    position:absolute;
    left:589px;
    top:204px;
    width:80px;
    height:100px;
    background: transparent url('images/bubbles/bu_shop.png') no-repeat 15px 0;
    z-index:999;
  }
  * html #ShopBubble {
    background: none;
    filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src="../../fileadmin/gpm/screen/images/bubbles/bu_shop.png", sizingMethod="crop") !important;
  }
}