/*

Colour Guide:

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

*/

/* 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 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{
	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{
	background: none;
	width: 191px;
	height: 175px;
	margin: 0;
	padding: 30px 0 0 0;
	}
	
#content .home_blocks li .content_slider ul li 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{
	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{
	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;
	}
	
#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;
	}
	
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;
	}