/*Promotions: begin*/
.promotions {margin-bottom:1em;}
.promotions .twoColumn1 {float:left; width:300px;}
.promotions .twoColumn2 {float:left; width:300px; margin-left:10px;}

.promotionItem {position:relative;}
.promotionItem .info {
	display:none;
	position:absolute; top:20px; left:10px; width:280px;
	background:#fff; border:1px solid red;
	}
.promotionItem:hover .info {
	background-color:#F2FAFF;
	border:2px solid #99cdff;
	display:block;
	}
	
#promotionOne a.termsConditions {position:absolute; top:220px; left:50px; color:#fff; font-weight:bold; border-bottom:1px solid #fff; /*fix the underline*/}
#promotionTwo a.termsConditions {position:absolute; top:220px; left:50px; color:#fff; font-weight:bold; border-bottom:1px solid #fff; /*fix the underline*/}
#promotionThree a.termsConditions {position:absolute; top:210px; left:50px; color:#fff; font-weight:bold; border-bottom:1px solid #fff;}
#promotionFour a.termsConditions {position:absolute; top:220px; left:50px; color:#fff; font-weight:bold; border-bottom:1px solid #fff; background-color:#2f540a;/*fix the underline*/}
/*Promotions: end*/

/*wc06 promo page*/
#wc06Promo {text-align:center; font-weight:bold;}
#wc06Promo a {display:block; position:relative; z-index:1; width:100%; height:3em; font-size:1.1em; text-decoration:underline; color:#0000c6;}
#wc06Promo a:hover, .statsSummaryInsideRoulette a.active:hover {background-color:#cce6ff; text-decoration:none;z-index:1;}
#wc06Promo a span {display:none;}
#wc06Promo a:hover span {
	display:block;
	position:absolute;
	top:20px; left:-5px; z-index:1;
	width:180px;
	padding:10px;
	text-align:left; font-weight:normal; line-height:1.2em;
	background-color:#F2FAFF;
	border:1px solid #0000c6;
	}