@charset "utf-8";

/* @override http://foobar.local/styles/home/home2.css */

/* @group Layout */

/* temporary placeholder for language selector while translations are being done */
#pageBody div.placeholder
{	position: relative;
	width: 150px;
	height: 11px;
	margin: 0px 0 6px 0;
	float: left;
	border-top-color: #999999;
	border-top-width: 5px;
	border-top-style: solid;
}

#pageBody div.promos
{
	position: relative;
	height: 120px;
	margin-bottom: 5px;
}

#pageBody div.promos .promo
{
	width: 263px;
	height: 120px;
	position: relative;
	margin-right: 2px;
}

#pageBody div.promos .promo .header
{
	position: absolute;
	width: 100%;
	padding-top: 4px;
}

#pageBody div.promos .mapWrap
{
	position: relative;
	width: 139px; /* 148 - 9 */
	height: 120px;
	padding-left:9px;
}

#pageBody div.promos .map
{
	position: absolute;
	width: 100%;
}

#pageBody div.promos .map div.selector
{
	position: relative;
	/*height: 13px;
	padding-top: 7px;
	padding-left: 10px;*/
	height: 20px;

	margin-bottom: 5px;
}

#pageBody div.promos .map div.selector img
{
	margin: 6px 0 6px 0;
	
}

#pageBody div.promos .map div.selector div.selectorLeft
{
	width: 30px;
	margin: -1px 0 0 0;
	padding: 0 10px 0 0;
	height: 11px;
}

#pageBody div.promos .promo .each
{
	position: absolute;
}

#pageBody div.promos .promo .each p
{
	padding: 25px 15px 0 15px;
}

/* @end */



/* @group Property */

#pageBody div.promos
{
}

#pageBody div.promos .promo
{
	float: left;
	overflow: hidden;
}

#pageBody div.promos .promo .header
{
	cursor: pointer;
	border-top-width: 5px;
	border-top-style: solid;
}

#pageBody div.promos .orange .header
{
	border-top-color: #FF8C39;
}

#pageBody div.promos .blue .header
{
	border-top-color: #0054A6;
}

#pageBody div.promos .green .header
{
	border-top-color: #598527;
}

#pageBody div.promos .gold .header
{
	border-top-color: #E3B706;
}

#pageBody div.promos .purple .header
{
	border-top-color: #492B3E;
}

#pageBody div.promos .green .each
{
	overflow: hidden;
}

#pageBody div.promos .each a
{
	text-decoration: none;
}

#pageBody div.promos .mapWrap
{
	float: left;
}

#pageBody div.promos .map
{
	text-align: center;
	/*background-color: #F00;*/
}

#pageBody div.promos .map div.selector
{
	border: 1px solid #ccc;
	text-align: center;
	line-height: 1;
	cursor: pointer;
}

#pageBody div.promos .map div.selector div.selectorLeft
{
	text-align: right;
	float: right;
	line-height: 1px;
}

/* @end */

/* @group Movable Element */

#pageBody div.promos .promo .header
{
	z-index: 999;
}

#pageBody div.promos .promo .each
{
	top: -120px;
	z-index: 99;
}


/* @end */