/*

Colour Guide:

Background Colour: #173166
Text Colour: #fff
Secondary Text Colour: #173166
Main Link Colour: #b8d4ef

*/

@font-face {
  font-family: 'Dosis';
  font-style: normal;
  font-weight: 800;
  src: local('Terminal Dosis ExtraBold'), local('TerminalDosis-ExtraBold'), url('http://themes.googleusercontent.com/static/fonts/terminaldosis/v3/SwfduKDlxm7-vFPpKzhxuXjN-niREbousw5cpN4TnD0.woff') format('woff');
}



/* CSS Reset
-------------------------------------------------------------------*/

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-size: 100%;
	vertical-align: baseline;
	background: transparent;
}
ul {
	list-style: none;
}

table {
	border-collapse: collapse;
	border-spacing: 0;
}


/* Layout
-------------------------------------------------------------------*/

html{
	background: #3C6796;
	margin-left: -1px;
	overflow-Y: scroll;

	}

body{
	background: url(../images/body_bg.png) no-repeat center top #173166;
	font-size: 0.75em;
	line-height: 1.5;
	color: #fff;
	font-family: "Arial", Helvetica, sans-serif;
	}
	
a{
	color: #b8d4ef;
	text-decoration: underline;
	}
	
a:hover{
	text-decoration: none;
	}
	
.block{
	width: 225px;
	height: 232px;
	background: url(../images/block_bg.png) no-repeat top left transparent;
	}
	
#wrapper{
	width: 960px;
	margin: 0 auto;
	}
	
#header{
	position: relative;
	width: 960px;
	height: 135px;
	margin: 0 0 10px 0;
	z-index: 500;
	}
	
#header ul.mainNavigation{
	background: url(../images/main_nav_bg.png) no-repeat top left transparent;
	width: 655px;
	height: 42px;
	position: absolute;
	bottom: 0;
	right: 0;
	padding: 0 0 0 30px;
	}
	
#header ul.mainNavigation li{
	float: left;
	text-indent: -9999px;
	position: relative;
	display: inline;
	}
	
#header ul.mainNavigation li a, #header ul.mainNavigation li span{
	display: block;
	margin: 13px 25px 0 0;
	}
	
#header ul.mainNavigation li.Bingo a, #header ul.mainNavigation li.Bingo span{
	background: url(../images/nav/bingo.png) no-repeat top left transparent;
	width: 53px;
	height: 18px;
	}
	
#header ul.mainNavigation li.MiniGames a, #header ul.mainNavigation li.MiniGames span{
	background: url(../images/nav/minigames.png) no-repeat top left transparent;
	width: 102px;
	height: 18px;
	}
	
#header ul.mainNavigation li.Community a, #header ul.mainNavigation li.Community span{
	background: url(../images/nav/community.png) no-repeat top left transparent;
	width: 106px;
	height: 18px;
	}
	
#header ul.mainNavigation li.YourSecurity a, #header ul.mainNavigation li.YourSecurity span{
	background: url(../images/nav/yoursecurity.png) no-repeat top left transparent;
	width: 134px;
	height: 18px;
	}
	
#header ul.mainNavigation li.CarltonClubs a, #header ul.mainNavigation li.CarltonClubs span{
	background: url(../images/nav/carltonclubs.png) no-repeat top left transparent;
	width: 133px;
	height: 18px;
	}
	
#header ul.mainNavigation li a span{
	background: none !important;
	width: auto;
	height: auto;
	}
	
#header ul li ul.subMenu{
	display: none;
	position: absolute;
	top: 40px;
	left: 0;
	background: #052d6a;
	border: 2px solid #d8e2e8;
	width: 300px;
	height: auto;
	z-index: 100;
	-moz-border-radius: 6px;
	-webkit-border-radius: 6px;
	padding: 10px 0 10px 10px;
	}
	
#header ul li.CarltonClubs ul.subMenu{
	right:0;
	left: auto;
	}
	
#header ul li.Bingo ul.subMenu img.top_arrow{
	position: absolute;
	top: -10px;
	left: 13px;
	z-index: 10;
	}
	
#header ul li.MiniGames ul.subMenu img.top_arrow{
	position: absolute;
	top: -10px;
	left: 33px;
	}
	
#header ul li.Community ul.subMenu img.top_arrow{
	position: absolute;
	top: -10px;
	left: 40px;
	}
	
#header ul li.YourSecurity ul.subMenu img.top_arrow{
	position: absolute;
	top: -10px;
	left: 55px;
	}
	
#header ul li.CarltonClubs ul.subMenu img.top_arrow{
	position: absolute;
	top: -10px;
	right: 75px;
	}
	
#header ul li ul.subMenu li{
	text-indent: 0;
	float: left;
	width: 140px;
	margin: 0 10px 0 0;
	}
	
#header ul li ul.subMenu li ul{
	display: block;
	background: none;
	border: none;
	}
	
#header ul li ul.subMenu li ul li{
	float: none;
	width: auto;
	margin: 0;
	}
	
#header ul.mainNavigation li ul.subMenu li ul li a, #header ul.mainNavigation li ul.subMenu li ul li span{
	background: none;
	margin: 0;
	height: auto;
	width: auto;
	text-decoration: none;
	border-bottom: 1px solid #204883;
	}
	
#header ul.mainNavigation li ul.subMenu li ul li a:hover{
	border-bottom: 1px solid #b8d4ef;
	}
	
#header .logo{
	position: absolute;
	top: 5px;
	left: 13px;
	}
	
#header .play_bingo{
	position: absolute;
	top: 0;
	right: 160px;
	}
	
#header .join_now{
	position: absolute;
	top: 0;
	right: -5px;
	}
	
#content{
	overflow: hidden;
	margin: 0 0 10px 0;
	}
	
#content p{
	margin: 0 0 5px 0;
	}
	
#footer{
	width: 100%;
	background: url(../images/footer_bg.png) repeat-x top #3c6796;
	min-height: 145px;
	}
	
#footer .inner{
	width: 912px;
	min-height: 145px;
	margin: 0 auto;
	padding: 0 0 0 48px;
	position: relative;
	}
	
#footer .inner h3{
	width: 100%;
	height: 39px;
	background: url(../images/headers/explorecarltonbingo.png) no-repeat top left transparent;
	text-indent: -9999px;
	margin: 10px 0;
	display: inline-block;
	}
	
#footer .inner img.gambling{
	position: absolute;
	top: 36px;
	right: 0;
	}
	
#footer .inner ul{
	float: left;
	margin: 0 40px 0 0;
	}
	
#footer .inner ul li{
	margin: 0 0 5px 0;
	}
	
#footer .inner ul li a{
	text-decoration: none;
	}
	
#footer .inner ul li a:hover{
	color: #193044;
	}
	
/* Second Level
-------------------------------------------------------------------*/

.left_col{
	float: left;
	margin: 0 0 10px 48px;
	width: 675px;
	display: inline
	}
	
.left_col h1{
	font-size: 1.5em;
	margin: 0 0 10px 0;
	}
	
.left_col h2{
	font-size: 1.3em;
	margin: 0 0 10px 0;
	}
	
.left_col table{
	width: 100% !important;
	border: 1px solid #a0b9da;
	border-collapse: collapse;
	}
	
.left_col table td{
	border: 1px solid #a0b9da;
	padding: 5px
	}
	
.left_col table td.PrizeMoneyItem.Total{
	text-align: right;
	}
	
.PrizeMoneyTotal{
	float: right;
	padding: 5px 6px 5px 5px;
	font-weight: bold;
	}
	
.left_col table tr.odd td{
	background: #173166;
	background: -webkit-gradient(linear, left top, left bottom, from(#19437c), to(#173166));
	background: -moz-linear-gradient(top,  #19437c,  #173166);
	}
	
.left_col table th{
	color: #173166;
	background: #a0b9da;
	background: -webkit-gradient(linear, left top, left bottom, from(#e5ebf4), to(#a0b9da));
	background: -moz-linear-gradient(top,  #e5ebf4,  #a0b9da);
	padding: 5px;
	}
	
#content .left_col p{
	margin: 0 0 10px 0;
	}

.left_col.small{
	width: 510px;
	margin: 0 0 10px 0;
	}
	
.right_col{
	float: right;
	width: 225px;
	margin: 0 0 10px 0;
	display: inline;
	}
	
.right_col .block{
	float: right;
	position: relative;
	margin: 0 0 10px 0;
	}
	
.right_col img{
	width: 225px;
	}
	
.right_col .block img{
	width: auto;
	}
	
.left_nav{
	float: left;
	width: 150px;
	margin: 0 15px 0 48px;
	display: inline;
	font-size: 1.1em;
	}
	
.left_nav ul li a, .left_nav ul li span{
	display: inline-block;
	width: 100%;
	border-bottom: 1px solid #204883;
	text-decoration: none;
	}
	
.left_nav ul li a:hover{
	border-bottom: 1px solid #b8d4ef;
	}
	
.left_nav ul li li a, .left_nav ul li li span{
	width: 90%;
	padding: 0 0 0 10%;
	}
	
/* Home Page
-------------------------------------------------------------------*/

#content .home_blocks{
	margin: 0 0 0 48px;
	overflow: hidden;
	width: 100%;
	}
	
#content .home_blocks li{
	width: 225px;
	height: 232px;
	background: url(../images/block_bg.png) no-repeat top left transparent;
	float: left;
	margin: 0 4px 0 0;
	position: relative;
	}
#content .home_blocks p{
    clear: both;
    margin: 0 15px 5px;
}
#content .home_blocks h1{
    float: left;
    margin: 50px 15px 5px;
    position: relative;
}	
#content .home_blocks li a.inner{
	display: block;
	margin: 14px 0 0 17px;
	}
	
#content .home_blocks li a.bigwinner_inner{
	display: block;
	margin: 10px 0 0 10px;
	}
	
#content .home_blocks li.last{
	margin: 0;
	}
	
#content .home_blocks li.last img.join_now{
	position: absolute;
	bottom: -9px;
	right: -9px;
	}
	
#content .home_blocks li h2{
	text-indent: -9999px;
	position: absolute;
	top: 10px;
	left: 10px;
	}
	
#content .home_blocks li h2.jackpots{
	background: url(../images/blocks/jackpots.png) no-repeat top left transparent;
	width: 138px;
	height: 32px;
	z-index: 3;
	}
	
#content .home_blocks li h2.promotions{
	background: url(../images/blocks/promotions.png) no-repeat top left transparent;
	width: 177px;
	height: 33px;
	}
	
#content .home_blocks li h2.bigwinner{
	background: url(../images/blocks/bigwinner.png) no-repeat top left transparent;
	width: 162px;
	height: 32px;
	}
	
#content .home_blocks li h2.whycarlton{
	background: url(../images/blocks/whycarlton.png) no-repeat top left transparent;
	width: 202px;
	height: 33px;
	}
	
#content .home_blocks li .content_slider, .recentWinnerList{
	background: url(../images/blocks/jackpot_inner.png) no-repeat top left transparent;
	width: 191px;
	height: 205px;
	overflow: hidden;
	margin: 14px 0 0 18px;
	position: relative;
	float: left;
	display: inline;
	}
	
#content .home_blocks li .content_slider ul li, .recentWinnerList li{
	background: none;
	width: 191px;
	height: 175px;
	margin: 0;
	padding: 30px 0 0 0;
	}
	
#content .home_blocks li .content_slider ul li img, .winners img{
	width: 181px;
	margin: 15px 0 0 5px;
	}
	
#content .home_blocks li .content_slider ul li a{
	text-decoration: none;
	}
	
#content .home_blocks li .content_slider a.next_button, .winners a.winner_next_button{
	position: absolute;
	top: 4px;
	right: 4px;
	background: url(../images/blocks/next_arrow.png) no-repeat top left transparent;
	width: 13px;
	height: 20px;
	text-indent: -9999px;
	cursor: pointer;
	z-index: 3;
	}
	
#content .home_blocks li .content_slider a.previous_button, .winners a.winner_prev_button{
	position: absolute;
	top: 4px;
	right: 21px;
	background: url(../images/blocks/previous_arrow.png) no-repeat top left transparent;
	width: 13px;
	height: 20px;
	text-indent: -9999px;
	cursor: pointer;
	z-index: 3;
	}
/*
.winners a.winner_next_button{
	right: 24px;
}

.winners a.winner_prev_button{
	right : 41px;
}
*/

h2.recentwinners{
	background: url(../images/blocks/bigwinner.png) no-repeat;
	height: 34px;
	width: 164px;
	z-index: 500;
}
.recentWinnerList{
	background: none !important;
	margin: 0;
	padding: 0;
}
.winners{
	position: relative;
	width: 215px;
	height: 225px;
	top:16px !important;
	left: 16px !important;
}
	#content .home_blocks .recentWinnerList li{
    background: none repeat scroll 0 0 #FFFFFF;
    border-radius: 0.5em 0.5em 0.5em 0.5em;
    color: #A90A0A;
    font-weight: bold;
    height: 175px;
    text-align: center;
    width: 191px;
	}
	#content .home_blocks .recentWinnerList h2{
		background: none repeat scroll 0 0 #CE0C0C;
		border-bottom: 1px solid #A90A0A;
		border-top: 1px solid #A90A0A;
		color: #FFFFFF;
		font-family: 'Dosis',"Arial",Helvetica,sans-serif;
		font-size: 2em;
		left: 0;
		margin: 0.5em 0 0;
		position: inherit;
		text-align: center;
		text-indent: 0;
		text-shadow: 2px 2px 1px #951D2F;
		padding: 0 0 4px;
		top: 0;
	}
	.recentWinnerList span{
    display: block;
    font-size: 2em;
    text-indent: 0 !important;
	}
	.recentWinnerList .amount{
    background: url("../images/block_bg.png") no-repeat scroll -11px -58px transparent;
    border: 2px solid #51698D;
    border-radius: 0.5em 0.5em 0.5em 0.5em;
    box-shadow: 0 0 0.5em #5892C7 inset;
    color: #FFFFFF;
    margin: 0 1.5em;
    padding: 0.25em;
    text-indent: 0 !important;
	}
	
#content .home_blocks li .content_slider ul li .Jackpot{
	position: absolute;
	bottom: 16px;
	width: 191px;
	text-align: center;
	font-weight: bold;
	font-size: 1.2em;
	color: white;
	left: 0;
	border-bottom: none;
	}
	
#content .flash_section{
	position: relative;
	height: 265px;
	}
	
#content .flash_section .get_started{
	position: absolute;
	top: 3px;
	right: 0;
	width: 224px;
	height: 252px;
	background: url(../images/long_block_bg.png) no-repeat top left transparent;
	}
	
#content .flash_section .get_started .inner{
	width: 191px;
	height: 225px;
	background: url(../images/blocks/getstarted_inner.png) no-repeat top left transparent;
	margin: 14px 0 0 16px;
	position: relative;
	float: left;
	display: inline;
	}
	
#content .flash_section .get_started .inner .join_now{
	position: absolute;
	bottom: 0;
	left: 10px;
	}
	
#content .flash_section .get_started h2{
	text-indent: -9999px;
	background: url(../images/blocks/getstarted.png) no-repeat top left transparent;
	width: 173px;
	height: 33px;
	position: absolute;
	top: 10px;
	right: 41px;
	z-index: 2;
	}
	
#content .bottom_section{
	margin: 10px 0 0 48px;
	}
	
#content .bottom_section h1{
	width: 386px;
	height: 34px;
	background: url(../images/headers/welcometocarltonbingo.png) no-repeat top left;
	text-indent: -9999px;
	margin: 10px 0;
	display: inline-block;
	}
	
#content .bottom_section a.join_now{
	float: right;
	}
	
#content .bottom_section .block{
	float: right;
	margin: 0 0 0 10px;
	position: relative;
	}
	
#content .bottom_section .block .inner, .block.social .inner{
	width: 191px;
	height: 205px;
	background: url(../images/blocks/keepuptodate_inner.png) no-repeat top left transparent;
	margin: 14px 0 0 17px;
	float: left;
	display: inline;
	}
	
#content .bottom_section .block .inner #twitter_update_list, .block.social .inner #twitter_update_list{
	color:#173166;
	font-size:0.9em;
	left:37px;
	position:absolute;
	top:87px;
	width:150px;
	}
	
#content .bottom_section .block .inner #twitter_update_list a, .block.social .inner #twitter_update_list a{
	display: none;
	}
	
#content .bottom_section .block .inner #twitter_update_list span a, .block.social .inner #twitter_update_list span a{
	color: #667aa5;
	display: inline;
	}
	
#content .bottom_section .block h2, .block.social h2{
	text-indent: -9999px;
	background: url(../images/blocks/keepuptodate.png) no-repeat top left transparent;
	width: 211px;
	height: 31px;
	position: absolute;
	top: 10px;
	left: 10px;
	}
	
#content .bottom_section .block a.facebook, .block.social a.facebook{
	position: absolute;
	top: 44px;
	left: 28px;
	}
	
#content .bottom_section .block a.twitter, .block.social a.twitter{
	position: absolute;
	bottom: 18px;
	left: 28px;
	}
	
/* Games
-------------------------------------------------------------------*/

.MiniGame{
	display: inline-block;
	width: 220px;
	float: left;
	}
	
a.MiniGameLink{
	background: #042356;
	background: -webkit-gradient(linear, left top, left bottom, from(#0e2e66), to(#042356));
	background: -moz-linear-gradient(top,  #0e2e66,  #042356);
	border: 1px solid #506991;
	color: white;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	text-decoration: none;
	padding: 3px 5px;
	margin: 5px 0;
	display: inline-block;
	}
	
.clear{
	clear: both;
}	

.game-links{
    overflow: hidden;
    margin-bottom: 1em;
}
.game-links li{
    float: left;
    height: 109px;
    overflow: hidden;
    text-indent: -500px;
    width: 225px;
}
.game-links li a{
    display: block;
    height: 109px;
    width: 225px;
}
.game-links .number{
    background: url("../images/link-number.png") no-repeat scroll 0 0 transparent;
}
.game-links .scratch{
    background: url("../images/link-scratch.png") no-repeat scroll 0 0 transparent;
}
.game-links .slots{
    background: url("../images/link-slots.png") no-repeat scroll 0 0 transparent;
}


/*
 * free bingo box
 *
 */
#content .home_blocks .Promotion{

}
#content .home_blocks .Promotion h2{
    background: url("../images/blocks/freebingo.png") no-repeat scroll 0 0 transparent;
    height: 30px;
    margin: 10px 0 0 10px;
    position: inherit;
    width: 156px;
    left:0;
    top:0;
}
#content .home_blocks .Promotion h3{
    font-size: 1.16667em;
    margin: 0 0 0 13px;
}
#content .home_blocks .Promotion ul{

}
#content .home_blocks .Promotion li{
	background: none;
    float: left;
    height: 130px;
    margin: 10px 0px 60px;
    width: 197px;
	
	padding: .5em 8px 0;
    font-size: 1.875em;
    text-align: center; 
	font-family: 'Dosis',"Arial",Helvetica,sans-serif;
	text-shadow: 1px 1px 0 #A90A0A;
}
#content .home_blocks .Promotion a{
    background: url("../images/blocks/jackpot_inner.png") no-repeat scroll left -165px transparent;
    border: 2px solid #51698D;
    border-radius: 0.5em 0.5em 0.5em 0.5em;
    box-shadow: 0 0 0.5em #5892C7 inset;
    color: #FFFFFF;
    font-size: 1.25em;
    margin: 0 1.5em;
    padding: 1px 0.5em;
    position: absolute;
    right: -20px;
    text-align: center;
    text-decoration: none;
    text-indent: 0 !important;
    top: 190px;
    text-transform: capitalize;
	font-family: 'Dosis',"Arial",Helvetica,sans-serif;
	z-index: 9658;
    
}