/*=================================================
  Phoenician Casino | CSS Screen Media
  Author:   Lee Hogg
  Updated:  2003-09-29
  -------------------------------------------------*/

@import url("base.css");

body {
	text-align: center;
	background-color: #000;
	font: 70% Verdana, Helvetica, sans-serif;
	color: #EEE;
	}
a {
	color: #D1C666;
	}
a:visited {
	color: #B6B6B6;
	}
a:hover {
	color: #D1CCA6;
	}
a:active {
	color: #E64600;
	}
a.footNav {
	font-weight: bold;
	}
input {
	background-color: #FFF;
	}
blockquote {
	font-family: Georgia;
	color: #D1CCA6;
}
th, h1, h2, h3 {
	font-family: Georgia, "Times New Roman", Times, serif;
	letter-spacing: 1px;
	text-align: left;
	margin-bottom: 0;
	color: #E9C623;
	}
h1, h2 {
	font-size: 150%;
	}
h3 {
	font-size: 140%;
	}
h4, h5 {
	font-size: 120%;
	color: #F4E291;
	margin-bottom: .5em;
	}
h5 {
	color: #F5ECC4;
	font-size: 110%;
	}
h5.specHead {
	clear: both;
	margin-bottom: 0;
	padding: .4em 0 .4em 0;
	background-color: #222;
	}
h6 {
	font-size: 100%;
	margin-bottom: .5em;
	}
p.flush {
	margin-top: 0em;
	}
ul.indent {
	margin-right: 25%;
	list-style-type: square;
	}
th.underlined {
	border-bottom: 1px dashed #8F7923;
	}
td {
	font: 80% Verdana, Helvetica, sans-serif;
	color: #EEE;
	line-height: 1.6em;
	}
object {
	float: left;
	margin:0;padding:0;
	}
img.right {
	float: right;
	border: 1px solid #333;
	margin-left: 1em;
	}
.subPage #container {
	background: #181818 url("images/subPage_header_bg.jpg") repeat-x;	
	}
.subPage #pageHeader, .trimRight, .trimRightPreCap, .center, #footer {
	width: 760px;
	margin: 0 auto;
	}
	

/*=================================================
  Page Header                    
  -------------------------------------------------*/
.subPage #pageHeader {
	height: 96px;
	text-align: center;
	}
.subPage #pageHeader h1 {
	margin: 0 auto;
	width: 348px;
	height: 96px;
	background: transparent url("images/logo_sub.jpg") 0 100% no-repeat;
	cursor: pointer;
	cursor: hand;
	}
.subPage #pageHeader h1 span {
	display: none;
	}
.subPage #pageHeader .trimLeft {
	background: transparent url("images/sideTrim_headerCap.jpg") 0 100% no-repeat;
	}
.subPage #pageHeader .trimRight {
	background: transparent url("images/sideTrim_headerCapCards.jpg") 100% 100% no-repeat;
	}
.trimRight {
	background: transparent url("images/sideTrim_bg.gif") 100% 0 repeat-y;
	}
.trimRightPreCap {
	background: transparent url("images/sideTrim_preCap.jpg") 100% 0 no-repeat;
	}

/*=================================================
  Content
  -------------------------------------------------*/
.center {
	text-align: left;
	background: transparent url("images/sideTrim_bg.gif") repeat-y;
	}
.margin {
	float: left;
	width: 27px;
	height: 342px;
	padding-top: 29px;
	background: transparent url("images/marginTitle_bg.gif") no-repeat;
	}
#marginTitle {
	float: left;
	width: 27px;
	height: 313px;
	}
#preview #marginTitle {
	background: transparent url("images/marginTitle_preview.gif") no-repeat;
	}
#about #marginTitle {
	background: transparent url("images/marginTitle_about.gif") no-repeat;
	}
#vip #marginTitle {
	background: transparent url("images/marginTitle_vip.gif") no-repeat;
	}
#support #marginTitle {
	background: transparent url("images/marginTitle_support.gif") no-repeat;
	}
#faq #marginTitle {
	background: transparent url("images/marginTitle_faq.gif") no-repeat;
	}
#cashier #marginTitle {
	background: transparent url("images/marginTitle_cashier.gif") no-repeat;
	}
#bonuses #marginTitle {
	background: transparent url("images/marginTitle_bonuses.gif") no-repeat;
	}
#fairgaming #marginTitle {
	background: transparent url("images/marginTitle_fair.gif") 0 9px no-repeat;
	}
#download #marginTitle {
	background: transparent url("images/marginTitle_download.gif") no-repeat;
	}
.subPage #main {
	margin-left: 210px;
	width: 470px;
	display: block;
	padding: 2em 0 2em 1em;
	}
	

/* Vip details --------------------------------------*/

#vipBronzeIcon {
	float: left;
	width: 130px;
	height: 130px;
	background: transparent url("images/vip_bronze.gif") 0 20px no-repeat;
	}
#vipSilverIcon {
	float: left;
	width: 130px;
	height: 130px;
	background: transparent url("images/vip_silver.gif") 0 20px no-repeat;
	}
#vipGoldIcon {
	float: left;
	width: 130px;
	height: 130px;
	background: transparent url("images/vip_gold.gif") 0 20px no-repeat;
	}
#vipGoldIcon {
	float: left;
	width: 130px;
	height: 130px;
	background: transparent url("images/vip_gold.gif") 0 20px no-repeat;
	}
#vipPlatinumIcon {
	float: left;
	width: 130px;
	height: 130px;
	background: transparent url("images/vip_platinum.gif") 0 20px no-repeat;
	}
#vipMonarchIcon {
	float: left;
	width: 130px;
	height: 130px;
	background: transparent url("images/vip_monarch.gif") 0 20px no-repeat;
	}
.vipInfo {
	margin-left: 140px;
	padding-bottom: .2em;
	}
.vipInfo h4 {
	color: #DDD;
	}
.bronze {
	color: #BA8D42;
	}
.silver {
	color: #CCCCCC;
	}
.gold {
	color: #D8BA25;
}
.platinum {
	color: #EEE;
}
.monarch {
	color: #D64D81;
}

/* Game previews ------------------------------------*/
.prvGames {
	float: left;
	width: 220px;
	padding: 34px 0 0 15px;
	}

#prvTableGames {
	background: transparent url("images/hdr_tableGames.gif") 0 0 no-repeat;
	}
#prvSlotMachines {
	background: transparent url("images/hdr_slotMachines.gif") 0 0 no-repeat;
	}
#prvVideoPoker {
	background: transparent url("images/hdr_videoPoker.gif") 0 0 no-repeat;
	}
#prvOtherGames {
	background: transparent url("images/hdr_otherGames.gif") 0 0 no-repeat;
	}

.prvThumbs {
	clear: both;
	}

.prvThumbs div {
	width: 120px;
	float: left;
	margin-right: 32px;
	margin-bottom: 4px;
	margin-top: 16px;
	}
.prvThumbs p a {
	display: block;
	margin-bottom: 1em;
	text-align: center;
	font-size: 120%;
	}
.prvThumbs div p {
	text-align: justify;
	margin: 0;
	padding: 0;
	font-size: 80%;
	}
.prvThumbs img {
	border: 0;
	}
img.cashierLogo, img.tuteSS {
	vertical-align: middle;
	margin-right: 1em;
	float: left;
	}
img.tuteSS {
	border: 1px solid #888;
	}
div.captioned {
	width: 260px;
	float: right;
	text-align: center;
	background: #333;
	margin-top: 2em;
	margin-left: 1em;
	margin-bottom: 1em;
	cursor: pointer;
	cursor: hand;
	}
div.captioned img {
	border: 1px solid #888;
	}	
div.row {
	clear: both;
	border-top: 1px solid #333;
	padding-top: .2em;
	}
.label {
	width: 100px;
	float: left;
	font-weight: bold;
	color: #F5ECC4;
	}
.description {
	float: left;
	width: 300px;
	padding-left: 2em;
	padding-bottom: .5em;
	}
.description ul {
	margin: 0;
	padding: 0 0 0 2em;
	list-style-type: square;
	}
table.gameSpec, table.gameSpecNr {
	font-size: 120%;
	width: 100%;
	border-bottom: 5px solid #222;
	}
table.gameSpecNr {
	text-align: center;
	width: 60%;
	}
table.gameSpec th, table.gameSpecNr th {
	border-top: 1px solid #333;
	font: bold 80% Verdana, Helvetica, sans-serif;
	color: #AAA;
	padding-right: 1em;
	padding-bottom: .2em;
	padding-top: .2em;
	}
table.gameSpecNr th {
	text-align: center;
	background-color: #222;
	}
tr.cream th {
	color: #F5ECC4;
}
tr.bgDark th {
	background-color: #222;
	color: #DDD;
}
table.gameSpec td, table.gameSpecNr td {
	border-top: 1px solid #333;
	padding-right: 1em;
	padding-top: .2em;
	padding-bottom: .2em;
	color: #FFF;
	}
td.rowLabel {
	width: 130px;
	font-weight: bold;
	padding-left: 0;
}
table.gameSpecNr td.rowLabel {
	width: 50%;
}


/* Page beaks ---------------------------------------*/
div.break {
	clear: both;
	}
.hr1 {
	clear: both;
	border-bottom: 1px dashed #666;
	margin: 0;
	margin-bottom: 1em;
	margin-top: 2em;
	}
.hr2 {
	clear: both;
	border-bottom: 5px solid #222;
	}

.subPage #footer {
	background: transparent url("images/sideTrim_foot.gif") 100% 0 no-repeat;
	}
#footer .content {
	padding: 0 0 1em;
	font-size: 80%;
	color: #888;
	}
.subPage #footer .content {
	background: transparent url("images/sideTrim_foot.gif") 0 0 no-repeat;
	}

/* Popup window -------------------------------------*/

.popup #container {
	text-align: left;
	background-color: #191919;
	padding: 1em 1.5em;
	}
.popup #footer {
	width: auto;
	font-size: 120%;
	}


/*=================================================
  Instructions
  -------------------------------------------------*/
.step1_label, .step2_label, .step3_label, .step4_label, .step5_label {
	float: left;
	width: 45px;
	height: 39px;
	margin-bottom: .5em;
	}
.step1_label {
	background: transparent url("images/lst_01.gif");
	}
.step2_label {
	background: transparent url("images/lst_02.gif");
	}
.step3_label {
	background: transparent url("images/lst_03.gif");
	}
.step4_label {
	background: transparent url("images/lst_04.gif");
	}
.step5_label {
	background: transparent url("images/lst_05.gif");
	}
.step1_pic, .step2_pic, .step3_pic, .step4_pic, .step5_pic {
	margin-top: 1em;
	margin-bottom: 1em;
	/*margin-left: 34px;*/
	padding-bottom: 2em;
	clear: left;
	border-bottom: 2px dashed #333;
	}




/*=================================================
  Side Menu - Home and Sub Pages
  -------------------------------------------------*/

/* Title and graphic trim -------------------------*/
#menu div {
	float: left;
	text-align: left;
	}
#menuTrim {
	margin:0;padding:0;
	padding-top: 53px;
	width: 53px;
	background: transparent url("images/sideTrim_preCap.jpg") no-repeat;
	}
#menuTrim div {
	width: 53px;
	height: 30px;
	background: transparent url("images/sideTrim_coinB.jpg") no-repeat;
	}
#menuTrim div.first {
	background: transparent url("images/sideTrim_coinA.jpg");
	}
#menu h2 {
	margin: 0;
	width: 121px;
	height: 53px;
	background: transparent url("images/menuHeader.gif");
	}
#mnMenu h2 {
	margin: 0;
	width: 116px;
	height: 50px;
	background: transparent url("images/mn_mnuHeader.gif") 0 25px no-repeat;
	}
#menu h2 span {
	display: none;
	}

/* Menu list --------------------------------------*/
#menu ul {
	float: left;
	list-style-type: none;
	}
#menu ul, #menu li {
	margin:0;padding:0;
	}
#menu li, #menu a {
	display: block;
	width: 121px;
	height: 30px;
	}
#menu li {
	overflow: hidden;
	}
#menu a {
	text-decoration: none;
	}
#menu a span {
	overflow: hidden;
/* display: none = "mysterious" gaps in IE (?) */
	visibility: hidden;
}

/* Sub Page Menu Items ----------------------------*/

#menu .item1 a {
	background: url("images/mnuBtn_home.gif");
	}
#menu .item2 a {
	background: url("images/mnuBtn_preview.gif");
	}
#menu .item3 a {
	background: url("images/mnuBtn_about.gif");
	}
#menu .item4 a {
	background: url("images/mnuBtn_vip.gif");
	}
#menu .item5 a {
	background: url("images/mnuBtn_support.gif");
	}
#menu .item6 a {
	background: url("images/mnuBtn_faq.gif");
	}
#menu .item7 a {
	background: url("images/mnuBtn_cashier.gif");
	}
/* Menu item 8 height exception -------------------*/
.subPage #menu li.item8, #menu .item8 a {
	height: 49px;
	}
.subPage #menu .item8 a {
	background: url("images/mnuBtn_bonuses.gif");
	}
.subPage #menu .item8 a:hover {
	background-position: 0 -49px;
	}
.subPage #menu .item8 a:active {
	background-position: 0 -98px;
	}
.subPage #menu .item9 a {
	background: url("images/mnuBtn_fair.gif");
	}

#menu .footer {
	clear: left;
	background: transparent url("images/diceSilver.gif") no-repeat;
	width: 105px;
	height: 79px;
	margin-top: 1em;
	cursor: pointer;
	cursor: hand;
	}

#menu a {
	background-repeat: no-repeat;
	background-color: transparent;
	}
#menu a:hover {
	background-position: 0 -30px;
	}
#menu a:active {
	background-position: 0 -60px;
	}

/*=================================================*/