@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;
	}

	/** 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;
	}
}