/* CSS Document */
body{
	margin: 0px;
	text-align: center;
	background-color: #20A9ED;
	background-image: url(../images/0508/body_grad.jpg);
	/*background-image: url(../images/0508/body_gradXmas.jpg);*/
	background-repeat: repeat-x;	
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size:12px;
}
#mainWrap{
	width: 936px;
	position: relative;
	margin-left: auto;
	margin-right: auto;
	margin-top: -2px;
}

hr{
	border: dashed 1px #CCCCCC;
	margin: 20px 0 20px 0;
}

/* ----------------------------    HEADER      ----------------------------------
---------------------------------------------------------------------------------*/
#headerholder{
	width: 936px;
	height: 202px;
	background:url(../images/0508/header_CA10-free4.jpg);
	/*background:url(../images/0508/headerxmas.jpg);*/	
}
#headerholderflash{
	width: 600px;
	height: 144px;
	float:left;
	margin:13px 0px 0px 4px;
}
#HeaderMenu{
	position:absolute;
	width: 922px;
	height: 20px;
	left: 8px;
	top: 164px;
}

ul#mainHeader {
	margin: 0px;
	padding: 0 0 0 3px;
	font-weight: bold;
}

ul#mainHeader li{
	float:left;
	display:block;
	list-style:none;
	line-height:20px;
	text-decoration:none;
	text-align:center;
	color: #000000;
	font-size:13px;
	padding: 0 6px 0 7px;
}

li.homeH a:link{     color:#000000;	text-decoration:none;}
li.homeH a:visited{	color:#000000; text-decoration:none;}
li.homeH a:hover{    color:#014B74;	text-decoration:none;}

li.playnowH a:link{     color:#000000;	text-decoration:none;}
li.playnowH a:visited{	color:#000000; text-decoration:none;}
li.playnowH a:hover{    color:#014B74;	text-decoration:none;}

li.gamesH a:link{     color:#000000;	text-decoration:none;}
li.gamesH a:visited{	color:#000000; text-decoration:none;}
li.gamesH a:hover{    color:#014B74;	text-decoration:none;}

li.promotionsH a:link{     color:#000000;	text-decoration:none;}
li.promotionsH a:visited{	color:#000000; text-decoration:none;}
li.promotionsH a:hover{    color:#014B74;	text-decoration:none;}

li.communityH a:link{     color:#000000;	text-decoration:none;}
li.communityH a:visited{	color:#000000; text-decoration:none;}
li.communityH a:hover{    color:#014B74;	text-decoration:none;}

li.gettingstartedH a:link{     color:#000000;	text-decoration:none;}
li.gettingstartedH a:visited{	color:#000000; text-decoration:none;}
li.gettingstartedH a:hover{    color:#014B74;	text-decoration:none;}

li.scheduleH a:link{     color:#000000;	text-decoration:none;}
li.scheduleH a:visited{	color:#000000; text-decoration:none;}
li.scheduleH a:hover{    color:#014B74;	text-decoration:none;}

li.supportH a:link{     color:#000000;	text-decoration:none;}
li.supportH a:visited{	color:#000000; text-decoration:none;}
li.supportH a:hover{    color:#014B74;	text-decoration:none;}

li.faqsH a:link{     color:#000000;	text-decoration:none;}
li.faqsH a:visited{	color:#000000; text-decoration:none;}
li.faqsH a:hover{    color:#014B74;	text-decoration:none;}

li.bankingH a:link{     color:#000000;	text-decoration:none;}
li.bankingH a:visited{	color:#000000; text-decoration:none;}
li.bankingH a:hover{    color:#014B74;	text-decoration:none;}

li.scratchH a:link{     color:#000000;	text-decoration:none;}
li.scratchH a:visited{	color:#000000; text-decoration:none;}
li.scratchH a:hover{    color:#014B74;	text-decoration:none;}



.login
{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	width:95px;
	color: #003399;
	line-height: 14px;
}
.login2
{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #003399;
	line-height: 14px;
}

input
{
	color: #022450;
	background: #FFFF9F;
	border: 1px solid #022450;
}

.submit input
{
	color: #000;
	background: #FFFF9F;
} 


.loginbtn {
    margin:0 auto;
    position:absolute;
    left: 830px;
    top: 86px;
	border: 0px solid #000000;
}

.logintext {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: bold;
	color: #004173;
    margin:0 auto;
    text-align:left;
    width: 205px;
    position:absolute;
    left: 607px;
    top: 45px;
    height: 20px;
}
.loginbox {
    margin:0 auto;
    text-align:left;
    width: 100px;
    position:absolute;
    left: 815px;
    top: 43px;
    height: 26px;
}

.passwordtext {
    font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: bold;
	margin:0 auto;
	color: #004173;
    text-align:left;
    width: 95px;
    position:absolute;
    left: 739px;
    top: 67px;
    height: 17px;
}
.passwordbox{
    margin:0 auto;
    text-align:left;
    width: 100px;
    position:absolute;
    left: 815px;
    top: 65px;
    height: 26px;
}

.forgotpass {
    margin:0 auto;
    text-align:left;
    width: 162px;
    position:absolute;
    left: 673px;
    top: 96px;
    height: 14px;
	color:#022450;
}

.login-link{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	font-weight: bold;
	color: #022450;
}

.newplayer {
    margin:0 auto;
    text-align:left;
    width: 215px;
    position:absolute;
    left: 673px;
    top: 117px;
    height: 14px;
	color:#9900cc;
}

.newplayer-link{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	font-weight: bold;
	color:#9900cc;
}

/* ----------------------------    LEFT SIDE     ----------------------------------
---------------------------------------------------------------------------------*/
#leftSide{
	width: 223px;
	float: left;
}
#iconHolder{
	width: 223px;
}


#menuIcon{
	width:223px;
	float:left;
}
#iconHolderFirst a.srollover_01 {
    display: block;
    width: 223px;
    height: 75px;
    text-decoration: none;
	margin-bottom:2px;
}

#iconHolderFirst a.srollover_01 {background-image: url("../images/0508/icon-rollover01.jpg");}
#iconHolderFirst a.srollover_01:hover {
    background-position: 0px -75px;
}


#iconHolder a {
    display: block;
    width: 223px;
    height: 74px;
    text-decoration: none;
}
 
#iconHolder a:hover {
    background-position: 0px -74px;
}

#iconHolder a.srollover_02 {background-image: url("../images/0508/iconMenu02.jpg");}
#iconHolder a.srollover_03 {background-image: url("../images/0508/iconMenu03.jpg");}
#iconHolder a.srollover_04 {background-image: url("../images/0508/iconMenu04.jpg");}
#iconHolder a.srollover-freebieFridays {background-image: url("../images/0508/iconMenu-freebieFridays.jpg");}
#iconHolder a.srollover-rushHour {background-image: url("../images/0508/iconMenu-rushHour.jpg");}
#iconHolder a.srollover-bogof {background-image: url("../images/0508/iconMenu-bogof.jpg");}
#iconHolder a.srollover-xmas {background-image: url("../images/0508/iconMenu-countDown.jpg");}
#iconHolder a.srollover-newGames {background-image: url("../images/0508/iconMenu-newGames.gif");}
#iconHolder a.srollover-valentines {background-image: url("../images/0508/iconMenu-valentines.jpg");}
#iconHolder a.srollover-scratchCard {background-image: url("../images/0508/iconMenu-scratchCard.gif");}
#iconHolder a.srollover-eighties {background-image: url("../images/0508/iconMenu_featured_games_jul10_ca.jpg");}
#iconHolder a.srollover-premierGames {background-image: url("../images/0508/iconMenu-premierGames.jpg");}
#iconHolder a.srollover-cashblitzCountdown {background-image: url("../images/0508/iconMenu_cashblitz_jul10.jpg");}
#iconHolder a.srollover-superChat {background-image: url("../images/0508/iconMenu-superChat.jpg");}
#iconHolder a.srollover-freeBingo {background-image: url("../images/0508/iconMenu-freebieFridays.jpg");}
#iconHolder a.srollover-gsos {background-image: url("../images/0508/iconMenu-gsos.jpg");}


/* Dream Corner ----------------- */
#box1Holder{
	width: 223px;
	float: left;
}

#box1Holdergames{
	width: 223px;
	float: left;
}
.boxSmallHeader{
    height: 40px;
	width: 223px;
	background-image: url("../images/0508/box_header_s.gif");
}
.boxSmallBody{
	width: 223px;
	background-image:url("../images/0508/box_body_s.gif");
	background-repeat: repeat-y;
}


.bCornerTXT{
	font-size: 11px;
	color: #333333;
}
.signatureImage{
	width: 201px;
	height: 30px;
	margin: 0px 0px 0px 12px;
	background-image: url("../images/0508/FC_signature.gif");
	background-repeat:no-repeat;
	clear:both;
}
.bCornerTXT{
	float:left;
	display:inline;
	font-size: 11px;
	text-align:left;
	color: #333333;
	width: 200px;
	margin: 5px 0px 0px 13px;
	line-height: 15px;
}


.boxSmallFooter{
    height: 65px;
    text-decoration: none;
	background-image: url("../images/0508/box_footer_s.jpg");
}

/*------New Games Pages-----------*/


ul#gamesList {
	margin: 0px 0px 0px 10px;
	padding: 0px;
	display:block;
	text-align:left;
	font-size: 11px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	text-decoration: none;
	list-style: none;
	color:#000000;
}


li.gameList{
	margin: 0px;
	display:block;
	line-height:28px;
	font-size:11px;
	list-style: none;
	list-style-position:outside;
	background:url(../Images/0508/button_new.png) no-repeat;
	padding: 0px 0px 0px 30px;
	background-position:left;
	color:#000000;
}

#gamesList a:link{
	color:#000000;
	font-weight:bold;
	text-decoration:none;
}

#gamesList a:visited{
	color:#000000;
	font-weight:bold;
	text-decoration:none;
}

#gamesList a:hover{
	color:#666666;
	font-weight:bold;
	text-decoration:underline;

}


.boxSmallNBody{
	width: 223px;
	background-image:url("../images/0508/box_newbody.gif");
	background-repeat: repeat-y;
	color:#000000;
}

.boxSmallNHeader{
    height: 45px;
	width: 223px;
	background-image: url("../images/0508/box_Nheader.gif");
}

.nCornerTXT{
	font-size: 11px;
	color:#000000;
}

.nCornerTXT{
	float:left;
	display:inline;
	font-size: 11px;
	text-align:left;
	color: #000000;
	width: 200px;
	margin: 5px 0px 0px 13px;
	line-height: 15px;
}

#cornerNContent{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	width: 223px;
}
#cornerNContent p{
	margin: 0px;
	padding: 16px 15px 0 15px;
	color: #000000;
	
}

.boxSmallNFooter{
    height: 65px;
    text-decoration: none;
	background-image: url("../images/0508/box_Nfooter.jpg");
}



/* ----------------------------    MAIN CONTENT  ----------------------------------
---------------------------------------------------------------------------------*/
#contentWrap{
	width: 713px;
	float: right;
	text-align: left;
	background-image: url("../images/0508/contentMid.gif");
	background-repeat: repeat-y;
	position: relative;
}
#contentWrap h1{
	margin: 0px;
	display: block;
	width: 492px; 
	height: 60px;
	float: left;
	background-image: url("../images/0508/h1.gif");
	font-size: 20px;
	color: #333300;
	padding: 27px 0 0 35px;
}
#btnPlayNow{
	display: block;
	width: 186px;
	height: 87px;
	background-image: url("../images/0508/btnPlayNow.gif");
	float: right;
}
#btnPlayNow:hover{background-position: 0 -87px;}

#btnDownload{
	display: block;
	width: 186px;
	height: 87px;
	background-image: url("../images/0508/btnDownloadNow.gif");
	float: right;
}
#btnDownload:hover{background-position: 0 -87px;}

#btnDontPlayNow{
	display: block;
	width: 186px;
	height: 87px;
	background-image: url("../images/0508/btnPlayNow2.gif");
	float: right;
}

#contentWrap h2{
	margin: 0px; 
	font-size: 14px;
	color: #003366;
}
#mainContent{
	width: 633px;
	padding: 0 40px 15px 40px;
}
#mainContent p{
	font-size: 11px;
	padding: 15px 0 0 0;
	margin: 0px;
}

#mainContent span, ul{
	font-size: 11px;
}

#mainContent ol{
	font-size: 11px;
}

/* dream corner content --------------*/
#cornerContent{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	width: 223px;
}
#cornerContent p{
	margin: 0px;
	padding: 16px 15px 0 15px;
	color: #333333;
	font-size: 11px;
}

#mainContent a{color: #0066FF;}
#mainContent a:hover{color: #0099FF;}

#contentBot{
	width: 713px;
	height: 18px;
	background-image: url("../images/0508/contentBot.gif");
}

/* Promotions --------------------- */
.weekprofile{
	background-color: #EBFDFD;
	color: #3C3399;
	max-width: 616px;
	text-align: left; 
	padding: 10px 5px 10px 5px;
	margin: 0px;
	border: #A5E0F2 1px solid;
}
.weekHeader{
	font-size: 14px;
}

ul.menuWeekly{
	font-size:0.9em;
	margin:20px 0 0 0;
	list-style-position:inside;
}

ul.menuWeekly li{
	margin:15px 0 0 0;
}

/* pageNavigation ------------- */
#pageNav{
	height: 15px;
	margin: 0 0 20px 0;
	padding: 0 0 10px 0;
	border-bottom: solid 1px #E8E8E8;
}
#pageNav p{
	float: left;
	margin: 0 5px 0 0;
	padding: 0;
}
#pageNav ul{
	list-style: none;
	margin: 0;
	padding: 0;
}
#pageNav ul li{float: left;}
#pageNav ul li a{padding: 0 5px 0 5px;}
#pageNav ul li a.selected{color: #000000; cursor: default; text-decoration: none;}

/* FAQ's ---------------------- */
.faqbox{
	font-size: 11px;
}

/* Banking -------------------- */
.bankprofile{
	float:left;
	display:inline;
	width:510px;
	border: #53B4D4 0px solid;
	padding: 0px 8px 0px 8px;
	margin: 25px 0 0 55px;

}
.bankprofileleft{
	background-color: #FFFFCC;
	float:left;
	width:230px;
	height:240px;
	text-align:left;
	border: #999933 1px solid;
	padding: 8px 8px 8px 8px;

}
.bankprofileright{
	background-color:#FFFFCC;
	width:230px;
	height:240px;
	float:right;
	text-align:left;
	border: #999933 1px solid;
	padding: 8px 8px 8px 8px;
}

/* Winners Stories -------------- */
#winnersPageNav ul{
	margin: 15px 0 0 0;
	padding: 0px;
	font-size: 11px;
}
#winnersPageNav ul li{
	margin: 0px;
	padding: 0px;
	display: inline;
}
#winnersPageNav ul li a{
	text-decoration: none;
}
#winnersPageNav ul li a.selected{
	font-weight: bold;
	text-decoration: underline;
}
.winnerDiv{
	background-color: #FFFFCC;
	padding: 10px;
	margin: 15px 0 0 0;
	width: 607px;
}
.winnerDiv img{
	float: left;
	margin: 0 10px 0 0;
}
.winnerDiv .winnerText{
	width: 485px;
	float: left;
}

/* Buttons -------------------- */
.btnBack{
	display: block;
	width: 92px;
	height: 34px;
	background-image: url(../Images/0508/btnBack.gif);
}
.btnBack:hover{background-position: 0 -34px;}

/* Scratch Cards -------------- */

.scratchDiv{

	/*background:url(../Images/0508/scratchcardbkg.jpg);*/

	background-color:#ffe76f;

	padding: 5px 0 0 0;

	margin: 15px 1px 10px 0;

	width: 210px;

	float:left;

	text-align:center;

}

.scratchDiv img{

	margin: 0;

}

#mainContent .scratchDiv a{

	line-height:20px;

	width:105px;

	height:22px;

	display:block;

	background-image:url(../Images/playfreeBtn.jpg);

	background-position:left;

	color:#FFFFFF;

	font-weight:bold;

}

#mainContent .scratchDiv .real a{

	line-height:20px;

	width:105px;

	height:22px;

	display:block;

	background-image:url(../Images/playrealBtn.jpg);

	background-position:left;

	color:#FFFFFF;

	font-weight:bold;

}

.join a{

	line-height:20px;

	width:105px;

	height:22px;

	display:block;

	background-image:url(../Images/joinnowBtn.jpg);

	background-position:left;

	color:#FFFFFF;

	font-weight:bold;

}

#mainContent .scratchDiv a:hover{

	color: #FFFF99;

}

/* Buttons -------------------- */

.btnBack{

	display: block;

	width: 92px;

	height: 34px;

	background-image: url(../Images/0508/btnBack.gif);

}

.btnBack:hover{background-position: 0 -34px;}



/* ----------------------------    TABS ------------------------------------------
---------------------------------------------------------------------------------*/
#tabsWrap{
	width: 713px;
	height: 50px;
	clear: both;
}
#tabs{
	width: 713px;
	height: 41px;
	background-image: url("../images/0508/tabsBg.gif");
	position: absolute;
	top: 73px;
	left: 0px;
	clear: both;
}
#tabs ul{
	margin: 0px;
	padding: 0px;
	list-style: none;
	display: block;
	margin: 0 0 0 20px;
}
#tabs ul li{
	display: inline;
	float: left;
}
#tabs ul li a{
	display: block; 
	float: left; 
	height: 41px; 
	line-height: 35px; 
	color: #006699; 
	text-decoration: none; 
	font-size: 10px; 
	font-weight: bold; 
	text-align: center;  
	cursor: pointer;
	padding: 0 0 0 8px;
	background: url(../images/0508/tab.gif);
}
#tabs ul li a b{
	float: left; 
	display: block; 
	padding: 3px 9px 0 1px;
	background: url(../images/0508/tab.gif) no-repeat right top;
}
#tabs ul li a:hover{background: url(../images/0508/tabHover.gif);}
#tabs ul li a:hover b{background: url(../images/0508/tabHover.gif) no-repeat right top;}
#tabs ul li.selected a{background: url(../images/0508/tabSelected.gif);color: #FFFFFF;}
#tabs ul li.selected a b{background: url(../images/0508/tabSelected.gif) no-repeat right top;}

/* ---------------------------- BREADCRUMBS --------------------------------------
---------------------------------------------------------------------------------*/
#breadcrumbs{
	margin: 0 0 20px 0;
}
#breadcrumbs ul{
	margin: 0px;
	padding: 0px;
	display: inline;
	list-style: none;
	font-size: 10px;
	color: #6699CC;
}
#breadcrumbs li{
	display: inline;
}
#mainContent #breadcrumbs ul li a{
	text-decoration: none;
	color: #6699CC;
}
#mainContent #breadcrumbs ul li a:hover{text-decoration: underline;}
#mainContent #breadcrumbs ul li a.selected{font-weight: bold;}

/* ---------------------------- SUB TABS -----------------------------------------
---------------------------------------------------------------------------------*/
.subTabs{
	list-style: none;
	margin: 0 0 15px 0;
	padding: 0px;
}
.subTabs li{
	display: inline;
}
.subTabs li.selected{
	font-weight: bold;
}

/* ----------------------------    FOOTER      ----------------------------------
---------------------------------------------------------------------------------*/

#buttonFooter{
	width: 928px;
	height: 36px;
	margin: 0 0 0 1px;
	padding-left: 8px;
	background-image: url("../images/0508/page_footer.gif");
	clear: both;
}
ul#main {
	font-weight: bold;
	margin: 0px;
	padding: 0px;
}

ul#main li{ 
    float:left;
	display:block;
	list-style:none;
	line-height:36px;
	text-align:center;
	color: #000000;
	font-size:11px;
	padding: 0 6px 0 6px;
}

li.home a:link{     color:#333333;	text-decoration:none;}
li.home a:visited{	color:#666666; text-decoration:none;}
li.home a:hover{    color:#000000;	text-decoration:underline;}

li.play a:link{     color:#333333;	text-decoration:none;}
li.play a:visited{	color:#666666; text-decoration:none;}
li.play a:hover{    color:#000000;	text-decoration:underline;}

li.game a:link{     color:#333333;	text-decoration:none;}
li.game a:visited{	color:#666666; text-decoration:none;}
li.game a:hover{    color:#000000;	text-decoration:underline;}

li.promo a:link{     color:#333333;	text-decoration:none;}
li.promo a:visited{	color:#666666; text-decoration:none;}
li.promo a:hover{    color:#000000;	text-decoration:underline;}

li.community a:link{     color:#333333;	text-decoration:none;}
li.community a:visited{	color:#666666; text-decoration:none;}
li.community a:hover{    color:#000000;	text-decoration:underline;}

li.started a:link{     color:#333333;	text-decoration:none;}
li.started a:visited{	color:#666666; text-decoration:none;}
li.started a:hover{    color:#000000;	text-decoration:underline;}

li.schedule a:link{     color:#333333;	text-decoration:none;}
li.schedule a:visited{	color:#666666; text-decoration:none;}
li.schedule a:hover{    color:#000000;	text-decoration:underline;}

li.affiliates a:link{     color:#333333;	text-decoration:none;}
li.affiliates a:visited{	color:#666666; text-decoration:none;}
li.affiliates a:hover{    color:#000000;	text-decoration:underline;}

li.support a:link{     color:#333333;	text-decoration:none;}
li.support a:visited{	color:#666666; text-decoration:none;}
li.support a:hover{    color:#000000;	text-decoration:underline;}