@charset "utf-8";
/* CSS Document */

#header #strapline {
	right: 275px;	
}

#sectionHeading {
	float: left;
	margin: 0px;
	width: 100%;
	clear: both;
	background-image: url(/images/general/sectionHeading-bg.png);
	background-repeat: repeat-x;
	background-position: top;
	height: 62px;
	position: relative;
}

#sectionHeading h1 {
	text-transform: uppercase;
	font-size: 1.7em;
	text-indent: 32px;
	line-height: 52px;
}

#sectionHeading div#topCTA {
	position: absolute;
	right: 0px;
	bottom: 0px;
	background-image: url(/images/general/cta/top-cta-bg.png);
	background-repeat: no-repeat;
	background-position: top center;
	height: 127px;
	width: 244px;
}

#contentBox {
	float: left;
	margin: 0px;
	margin-left: 195px;
	width: 556px;
}

#contentBox .borderBox {
	width: 100%;
	margin: 0px;
	margin-bottom:5px;
}

#contentBox .borderBox div#content {
	padding-bottom: 60px;
	padding-top: 1px;
	min-height: 850px;
	position: relative;
}

#content p{
	margin: 20px;	
}


#content h2 {
	margin: 20px;
	padding: 0px;
	padding-top:10px;
	
}

#content h3 {
	margin: 20px;
	margin-top: 40px;
	margin-bottom: -10px;
	padding: 0px;
}

#content ol, #content ul {
	margin: 20px;
	margin-left: 60px;
	padding: 0px;
	font-size: 0.8em;
}

#content ol ul, #content ul ul {
	font-size: 1em;
}

#sidebar {
	background-image:url(/images/general/sidebar/sidebar_sprite.jpg);
	background-repeat:no-repeat;
	float: right;
	margin-right: 5px;
	width: 185px;
	/*padding-top:414px;*/

}

#sidebar .government, #sidebar .lse, #sidebar .ecogra, #sidebar .casinomeister, #sidebar .payouts, #sidebar .secure {
	
	margin-top:6px;
	position:relative;
	width:190px;
	height:60px;

	
}

#sidebar img {
	margin-top: 2px;
	margin-bottom: 0px;
	border: none;
}

#sidebar div#sidebarCTA {
	position: relative;
	right: 19px;
	margin-top: 10px;
	background-image: url(/images/general/cta/sidebar-cta-bg-v2.png);
	background-repeat: no-repeat;
	background-position: top left;
	height: 110px;
	width: 209px;
}

div#sidebarCTA #sidebarFlashCTA {
	margin-left: 4px;	
}

div#inverseCTA
{

}


#rolloverScreenshot
{
margin:auto;
width: 348px;
height: 234px;
display: block;
background: transparent url("/images/getting-started/casinoinstall_sm.png") 0 0 no-repeat;
}

#rolloverScreenshot2
{
margin:auto;
width: 348px;
height: 234px;
display: block;
background: transparent url("/images/getting-started/realplayerclick_sm.jpg") 0 0 no-repeat;

}

#rolloverScreenshot3
{
margin:auto;
width: 348px;
height: 234px;
display: block;
background: transparent url("/images/getting-started/registration_sm.jpg") 0 0 no-repeat;
}

#rolloverScreenshot4
{
margin:auto;
width: 348px;
height: 234px;
display: block;
background: transparent url("/images/getting-started/confirmation_sm.jpg") 0 0 no-repeat;
}

#rolloverScreenshot5
{
margin:auto;
width: 348px;
height: 234px;
display: block;
background: transparent url("/images/banking/screenshot1_sm.jpg") 0 0 no-repeat;
}

#rolloverScreenshot6
{
margin:auto;
width: 348px;
height: 234px;
display: block;
background: transparent url("/images/banking/screenshot2_sm.jpg") 0 0 no-repeat;
}

#rolloverScreenshot7
{
margin:auto;
width: 348px;
height: 234px;
display: block;
background: transparent url("/images/banking/screenshot3_sm.jpg") 0 0 no-repeat;
}

#rolloverScreenshot:hover, #rolloverScreenshot2:hover, #rolloverScreenshot3:hover, #rolloverScreenshot4:hover, #rolloverScreenshot5:hover, #rolloverScreenshot6:hover, #rolloverScreenshot7:hover
{
background-position:0 -234px;
}

#rollover
{
	margin:auto;
	width: 348px;
	height: 234px;
	display: block;
}

blockquote 
{
	margin-left:30px;
	color: #ffffff;
	padding-left: 30px;
	background: transparent url('/images/news/feedback.png') no-repeat;
	font-style:italic;
}

blockquote p:first-child:first-letter 
{
	float: left;
	font-family: "Trebuchet MS";
	padding: 2px 5px 0px 2px; 
	margin:0px;
	font-size: 260%;
	font-weight: bold; 
	line-height:28px;
} 

blockquote p.quoteSource 
{
	font-weight: bold;
	font-style:normal;
}

#content h3.pledge:first-letter 
{
	float: left;
	font-family: "Trebuchet MS";
	padding: 0px 5px 0px 2px; 
	margin:0px;
	margin-left:40px;
	font-size: 200%;
	font-weight: bold;
	font-style:italic;
	line-height:28px;	
}

#content h3.pledge 
{
	font-size:1em;
	padding:0 0 10px 0;
	font-style:italic;
	background: transparent url('/images/news/feedback.png') no-repeat;
}

div.archive p 
{
	text-align: center
}

.borderBox #content .meetPeople
{
	border:1px solid #880105;
	position:relative; 
	width:520px; 
	margin-left:12px; 
	margin-bottom:20px; 
	background: url(/images/about-us/meet-people-gradient.png) 0px 0px repeat-x; 
	display:block;
}

.borderBox #content .meetPeople h3
{
	margin:0px;
	padding-top:10px;
	margin-left:40px;
	float:left;
	font-size:1em;
}

.borderBox #content .meetPeople h3.title
{
	margin:0px;
	padding-top:13px;
	margin-left:6px;
	float:left;
	font-size:0.8em;
}

.borderBox #content .meetPeople .buddy
{
	position:absolute;
	left:5px;
	top:-4px;
}

.borderBox #content .meetPeople h4
{
	padding:30px 0px 0px 60px;
	font-size:0.8em;
	height:30px;
	border:0px solid white;
	margin:0px;
	margin-left:15px;
}

.borderBox #content .meetPeople h4.email
{
	background:url('/images/about-us/meet-people-email.png') 10px 15px no-repeat;
	float:left;
	width:150px;
}

.borderBox #content .meetPeople h4.telephone
{
	background:url('/images/about-us/meet-people-tel.png') 10px 15px no-repeat;
	float:left;
	width:150px;
}

.borderBox #content .meetPeople p.moreLink
{
	padding:5px 0px 0px 0px;	
	background-color:transparent;
	bottom: 2px;
	right: 2px;
	left:2px;
	margin: 0px;
}

.borderBox #content .meetPeople p.moreLink a
{
	height:14px;
}

.borderBox #content .meetPeople p
{
	margin:5px 15px 25px 15px;
	padding-bottom:20px;
}

/*------------------------ breadcrumb styles ---------------------*/

#content p#breadcrumb {
	margin-top: 10px;
	margin-bottom: 10px;
	font-size: 0.6em;
}

#content p#breadcrumb a {
	color: #cccccc;	
}

/*------------------- promotion page styles -------------------------*/

#content .promoBox, #content .bankingBox {
	float: left;
	margin: 0px;
	margin-top: 20px;
	margin-bottom: 20px;
	clear:both;
	width: 100%;
}

#content .rubyTuesBox {
	width: 262px;
	margin: 0px;
	padding: 0px;
	margin-left: 146px;
	margin-top: 40px;
}

#content .promoBox img, .bankingBox img {
	width: 225px;
	height: 125px;
	background-color: #500101;
	border: 1px solid #c90202;
	padding: 5px;
	float: left;
	margin-left: 20px;
}

#content .rubyTuesBox img {
	background-color: #500101;
	border: 1px solid #c90202;
	padding: 5px;	
}

#content .promoBox img:hover, #content .bankingBox img:hover, #content .rubyTuesBox img:hover {
	background-color: #c90202;
	border: 1px solid #450101;
}



#content .promoBox div, #content .bankingBox div {
	float: right;
	width: 267px;
	margin-right: 20px;
	position: relative;
	height: 135px;
}

#content .promoBox div p.moreLink, .bankingBox div p.moreLink  {
	bottom: 0px;
	left: 0px;
}


#content .promoBox div h3, #content .promoBox div h4, #content .promoBox div p, #content .bankingBox div h3, #content .bankingBox div h4, #content .bankingBox div p, #content .rubyTuesBox div h3, #content .rubyTuesBox div p{
	margin: 0px;
	padding: 0px;
}

#content .rubyTuesBox div h4 {
	margin-top: 5px;
}

#content .promoBox div h4, .bankingBox div h4 {
	font-size: 0.9em;
}

.rubyTuesBox div h3 {
	font-size:1em;	
}



#content #contentBase {
	clear: both;
}

#content #contentBase p {
	
}

#contentBase p.topLink {
	position:absolute;
	bottom: 20px;
	float: left;
	margin: 0px;
	width: 70px;
	left: 50%;
	margin-left: -35px;
	padding-right: 15px;
	background-image: url(/images/general/top-link.gif);
	background-repeat: no-repeat;
	background-position: center right;	
}


img#pageHeader, #flashHeader {
	margin:0px;
	margin-left: 1px;	
	float:left;
	margin-bottom:1px;
}

img.rightImage
{
	margin-right:20px;	
	margin-left:20px;
	margin-top:5px;
	margin-bottom:5px;
	float:right;
	background-color: #500101;
	border: 1px solid #c90202;
	padding: 5px;
}

img.leftImage
{
	margin-top:5px;
	margin-bottom:5px;
	margin-left:20px;
	margin-right:20px;	
	float:left;
	background-color: #500101;
	border: 1px solid #c90202;
	padding: 5px;
}

img.meetPeopleImage
{
	margin-top:20px;
	margin-bottom:5px;
	margin-left:20px;
	margin-right:10px;	
	float:left;
	background-color: #500101;
	border: 1px solid #c90202;
	padding: 2px;
	width:25%;
}

img.leftImageNoBorder
{
	margin-top:0px;
	margin-bottom:0px;
	margin-left:20px;
	margin-right:20px;	
}

img.centerImage
{
	margin-top:5px;
	margin-bottom:5px;
	display:block;
	margin-left:auto;
	margin-right:auto;
	background-color: #500101;
	border: 1px solid #c90202;
	padding: 5px;
}

#content div.centerButton
{
	width:312px;
    margin:auto;
	margin-left:auto;
	margin-right:auto;
	display:block;
}

#content #multiPromoContainer #multiPromo div.centerButton, #content #multiPromoContainer #multiPromo div.centerButtonInactive
{
	position:relative;
	width:200px;
	margin:10px 0px 0px 0px;
	padding:0;
    margin-left:245px;
	display:block;
}

#content #multiPromoContainer #multiPromo div.centerButtonInactive
{
	margin-bottom:20px;
}

img.centerButton
{
	
    margin:auto;
	margin-left:auto;
	margin-right:auto;
	display:block;
}

#centerFlashButton
{
	width:312px;
    margin:auto;
	margin-left:auto;
	margin-right:auto;
	border:1px solid white;
	display:block;
}

#content .bankingTable { 
	margin-left:30px; 
	margin-right:10px; 
	text-align:center; 
	width:220px; 
	float:left;
}

#content .centerNarrowTable { 
	margin:0; 
	margin-left:auto; 
	margin-right:auto; 
	display:block; 
	text-align:center; 
	width:260px;
}

#content .centerTable { 
	margin:0; 
	margin-left:auto; 
	margin-right:auto; 
	display:block; 
	text-align:center; 
	width:85%;
}

table.mainTable
{
	margin-left:auto; 
	margin-right:auto;
	text-align:center;
	width:100%;
}

table.gradientTable
{
	background:#b8090e url('/images/general/tablebg.jpg') repeat-x; 
	text-align:left;
	margin-left:auto;
	margin-right:auto;
	color:white; 
	font-family:'Trebuchet MS'; 
	font-size:9pt;
	width:100%;
	text-indent:0px;
}

#content .gradientTable td {
	padding-left:6px;
	text-indent:0px;
}

tr.gradientTableRow
{
	text-align:left;
	color:white; 
	font-family:'Trebuchet MS'; 
	font-size:9pt;
	text-indent:5px;
	height:25px;
}

tr.redGradientHeader
{
	color:white; 
	font-family:'Trebuchet MS'; 
	font-size:10pt; 
	text-align:center;
	background-image:url('/images/banking/tablebg2.jpg');
	height:30px;
}

td.tableFooter
{
	color:white; 
	font-family:'Trebuchet MS'; 
	font-size:10pt; 
	text-align:left;
	background-image:url('/images/general/tablebg.jpg');
	padding: 5px 5px 5px 5px;
	
}

td.darkTableHeader
{
	color:white; 
	font-family:'Trebuchet MS'; 
	font-size:10pt; 
	text-align:center;
	background:#380203;
	height:30px;
	width:100%;
}

tr.darkTableHeader
{
	color:white; 
	font-family:'Trebuchet MS'; 
	font-size:10pt; 
	text-align:center;
	background:#380203;
	height:30px;
	width:100%;
}

table td a 
{ 
color: #ffffff;
}

#contentBox #content #multiPromoContainer
{
	position:relative; 
	width:520px; 
	margin:0 auto; 
	padding:2px; 
	background:url('/images/general/borderBox-bg-fade.png') top repeat-x black;
}

#contentBox #content #multiPromoContainer #multiPromo
{
	position:relative;
	width:520px;
	background:#000000;
}

#contentBox #content #multiPromoContainer #multiPromo h3
{
	color:#e20002;
	font-size:0.8em;
	margin:0;
	padding:10px 0px 10px 0px;
	text-align:center;
	font-weight:bold;
	text-transform:uppercase;
}

#contentBox #content #multiPromoContainer #multiPromo .promoBonus, #contentBox #content #multiPromoContainer #multiPromo .promoBonusAlt
{
	position:relative;
	min-height:195px;
	padding:10px 10px 10px 0px;
	/*background:url('/images/general/promoBonusAlt-bg.png') right repeat-y;*/
}

#contentBox #content #multiPromoContainer #multiPromo .promoBonusAlt
{
	/*background:url('/images/general/promoBonusAlt-bg2.png') left repeat-y;*/
}

#contentBox #content #multiPromoContainer #multiPromo .promoBonus img, #contentBox #content #multiPromoContainer #multiPromo .promoBonusAlt img
{
	float:left;
	margin:10px 40px 10px 10px;
	padding:3px;
	border:1px solid #e20002;
}

/*---------- Large number list -------------- */

#content ol.promoSteps {
	margin: 40px;
	margin-left: 80px;
	font-size: 1.2em;
	font-weight: bold;
	list-style-position: outside;
	font-style: oblique;
	color: #c90202;
}

#content #multiPromoContainer #multiPromo .promoBonus ol.promoSteps, #content #multiPromoContainer #multiPromo .promoBonusAlt ol.promoSteps
{
	margin:0px;
	padding:10px 0px 0px 0px;
}

#content #multiPromoContainer #multiPromo .promoBonus ol.promoSteps li, #content #multiPromoContainer #multiPromo .promoBonusAlt ol.promoSteps li
{
	margin: 0px;
	padding: 0px;
	padding-top: 0px;
	padding-bottom: 2px;
	margin-top: 0px;
	margin-bottom: 2px;
	margin-left:220px;
}

#content #multiPromoContainer #multiPromo .promoBonus ol.promoSteps li p, #content #multiPromoContainer #multiPromo .promoBonusAlt ol.promoSteps li p 
{
	margin: 0px;
	padding: 0px;
}

#content ol.promoSteps li {
	margin: 0px;
	padding: 0px;
	padding-top: 5px;
	padding-bottom: 5px;
	margin-top: 5px;
	margin-bottom: 5px;
}

#content ol.promoSteps li p {
	margin: 0px;
	padding: 0px;
	font-size: 0.7em;
	font-weight: bold;
	font-style: normal;
}

/*---------- content CTA ---------------*/

#content div#contentCTA {
	width: 514px;
	height: 79px;
	margin: 0px;
	margin-top: 10px;
	margin-left: 20px;
	background-image: url(/images/general/cta/content-cta-bg.png);
	background-repeat: no-repeat;
	background-position: top left;
	float: left;
	clear:both;
	margin-bottom: 10px;
}


/*-------------- content feature box -------------*/

#content .featureBox {
	margin-left: 20px;
	margin-right: 20px;
	margin-top: 10px;
	margin-bottom: 20px;
	padding: 0px;
	float: left;
	clear: both;
}

#content .featureBox div {
	background-image: url(/images/general/content-feature-bg.png);
	background-repeat: no-repeat;
	background-position: top center;	
}

#content .featureBox div div {
	background-image: none;	
}

/*-------------- navigation within content ----------------*/

#content div.innerNavBox {
	width: 200px;
	float: right;
	margin-right: 20px;
	background-image: url(/images/general/innerNavBox-bg-bottom.png);
	background-repeat: no-repeat;
	background-position: bottom center;
	padding-bottom: 30px;
	margin-top: 25px;
	margin-left: 20px;
	margin-bottom: 5px;
}

#content div.innerNavBox p.listTitle {
	margin: 0px;
	padding: 0px;
	padding-top: 15px;
	padding-bottom: 100px;
	background-image: url(/images/general/innerNavBox-bg-top.png);
	background-repeat: no-repeat;
	background-position: top center;
	margin-top: -15px;
	font-weight: bold;
	font-size: 0.7em;
	clear:both;
	float: left;
	width: 170px;
	padding-left: 15px;
	padding-right: 15px;
}

#content div.innerNavBox div.feature {
	margin: 0px;
	margin-top: -85px;
	padding: 0px;
	width: 170px;
	margin-left: 15px;
	margin-right: 15px;
	padding-bottom: 100px;
	float: left;
	clear:both;
}

#content div.innerNavBox div.feature img {
	float: left;
	border: 1px solid #000000;
}

#content div.innerNavBox div.feature p {
	float: left;
	margin: 0px;
	margin-left: 5px;
	width: 72px;
}

#content div.innerNavBox ul {
	margin: 0px;
	margin-top: -85px;
	padding: 0px;
	font-size: 0.8em;
	clear: both;
	float: left;
	width: 170px;
	margin-left: 15px;
	margin-right: 15px;
}

/*------------ feature game box ----------------*/

#content .featureGameBox, #content .mpvTournamentBox {
	margin: 0px;
	padding: 0px;
	margin-top: 10px;
	margin-left: 20px;
	float: left;
	clear: both;
	background-image: url(/images/general/borderBox-bg-fade.png);
	background-repeat: repeat-x;
	background-position: top;
	background-color: #000000;
	padding: 1px;
}

#content .featureGameBox div, #content .mpvTournamentBox div {
	width: 512px;
	margin: 0px;
	padding: 0px;
	background-color: #000000;
	float: left;
	padding-bottom: 10px;
}

#content .featureGameBox div div {
	background: none;
	padding: 0px;
}

#content .featureGameBox h4, #content .mpvTournamentBox h4 {
	margin: 0px;
	padding: 10px;
}

#content .featureGameBox #blackContainerBox h4 {
	margin: 0px;
	padding: 10px 0px 10px 16px;
	text-transform:none;
	font-size:1.0em;
}
#content .featureGameBox form img {
	width: 208px;
	height: 84px;
	margin-left:152px;
	margin-bottom:15px;

}
#content .featureGameBox img {
	float: left;
	margin: 0px;
	padding: 0px;
	margin-left: 10px;
	width: 250px;
	height: 188px;
}
#content .mpvTournamentBox img {
	float: left;
	margin: 0px;
	padding: 0px;
	margin-left: 10px;
	width: 225px;
	height: 125px;
}


#content .featureGameBox div.gameDescription {
	float: left;
	width: 234px;
}

#content .featureGameBox div.gameDescription p {
	margin: 0px;
	margin-top: 10px;
	margin-left: 10px;
}

#content .featureGameBox div.gameDescription p.gameName {
	font-weight: bold;
	margin-top: 0px;
}

#gameBoxContainer {
	margin-left: 9px;
	width: 530px;
	float: left;
	clear: both;
}

#gameBoxContainer div.gameBox {
	float: left;
	margin-left: 11px;
	width: 164px;
	height: 210px;
	padding-bottom: 10px;
	margin-bottom: 10px;
	background-image: url(/images/games/game-base.png);
	background-position: top left;
	background-repeat: no-repeat;
}

#gameBoxContainer div.gameBox h3 {
	text-align: center;
	font-weight: bold;
	font-size: 0.7em;
	text-transform: uppercase;
	margin:0px;
	padding-top: 10px;
	padding-bottom: 7px;
	margin-left: 10px;
	margin-right: 10px;
}

#gameBoxContainer div.gameBox img.gameScreen {
	margin: 0px;
	margin-left: 10px;
	border: 1px solid #e00202;
}

#gameBoxContainer div.gameBox img.gameButton {
	margin-top: 5px;
	margin-left: 10px;
}

/*---------------------- NEWS PAGE -----------------------*/

#content #contentNews p {
	margin-top: 10px;
	margin-bottom: 40px;
}

#content #contentNews p.newsDate {
	float: left;
	margin: 0px;
	margin-right: 5px;
	margin-left: 20px;
}

#content #contentNews h3 {
	margin:0px 0px 0px 20px;
}


#content .featureGameBox #blackContainerBox table {
	font-weight: bold;
	font-size: 0.7em;
	width: 232px;
	margin-left: auto;
	margin-right: auto;
	border: none;
	margin-bottom: 15px;
}

#content .featureGameBox #blackContainerBox table {
	font-weight: bold;
	font-size: 0.7em;
	width: 480px;
	margin-left: auto;
	margin-right: auto;
	border: none;
	margin-bottom: 15px;
}

#content .featureGameBox #blackContainerBox table tr.even {
	background-color:#222;
}

#content .featureGameBox #blackContainerBox table tr.odd {
	background-color: #444;
}

#content .featureGameBox #blackContainerBox table td {
	border: none;
	padding: 2px;
	margin: 0px;
	padding-top: 4px;
	padding-bottom: 4px;
}

#content .featureGameBox #blackContainerBox table td.name {
	text-transform: capitalize;
}

#content #blackContainerBox 
{
	position:relative;
}

#content #blackContainerBox p
{
	margin-top: 0px;
	margin-bottom: 0px;
}

#content #blackContainerBox img
{
	padding:0px 10px 10px 10px;
}

#content #blackContainerBox p.newsDate
{
	float: left;
	margin: 0px;
	margin-right: 5px;
	margin-left: 35px;
	margin-top: 10px;
	font-size:0.8em;
}

#content #blackContainerBox h3
{
	margin: 0px;
	margin-top: 10px;
	margin-right:5px;
	font-size:0.8em;
	text-transform:none;
}

#content #blackContainerBox h4
{
	margin-left:10px;
}

#content .mpvTournamentBox .promoBox img
{
	padding:5px 5px 5px 5px;
	margin:10px 0px 0px 10px;
	float:left;
}

#content .mpvTournamentBox .promoBox div
{
	float:left;
}

#content .mpvTournamentBox .promoBox div h3
{
	float:left;
}

#content .winnersBox {
	float: left;
	clear: both;
	width: 100%;
	margin-top: 20px;
}

#content .winnersBox img {
	float: left;
	margin-left: 20px;
}

#content .winnersBox h3 {
	float: left;
	margin-left: 20px;
	margin-top: 10px;
}

#content .winnersBox table {
	width: 400px;
	/*float: left;
	margin-left: 20px;*/
	margin-top: 40px;
}

#content .winnersBox table .playerCol {
	width: 100px;
}

#content .winnersBox table .gameCol {
	width: 217px;
}

#content .winnersBox table .winningsCol {
	width: 75px;
}

.featureWinner {
	height:120px;
	position:relative;
}

#rubyTuesdayBox
{
position:relative;
margin:0 auto;
display:block;
}

/*------------------------------------------------------*/