
/* generic and home section*/
/* --------------------------------------------------------------------------------------------------------- */
html, body {
	background-color:#7F1000; /* muddy red */	
	background-image: url(/images/website/Villento_bg_tile.gif);  /* leafy tiled image, added 2006-09-27 */ 
	/*background-repeat: repeat-x;
	background-position: bottom left;
	background-attachment:fixed;  */
	margin: 0px;
	padding: 0px;
}
img, * img {
	border:0px;
}
* form {
	margin:0px;
}

/* main container */
/* --------------------------------------------------------------------------------------------------------- */
#container {
	z-index:2;
	background-image:none;
	border-left:2px solid #E3D095; /* gold */
	border-right:2px solid #E3D095; /* gold */
	left:50%;
	margin-left:-375px;
	position:absolute;
	top:0px;
	width:748px;
	overflow:hidden;
}
/*  header */ 
#mainHeader {
	background-image:url(/images/website/Villento_Header_New.jpg
);
	height:137px;
	
}
#mainHeaderContact {
	display: block;
	float: right;
	background-image:url(/images/website/hp_header_progressives_bg.png);
	background-repeat:no-repeat;
	width:345px;
	margin:6px 3px 2px 2px; 
	height:70px;
	overflow:visible;
	}
	#mainHeaderContact p, #usplayers {
		font-weight: bold;
		font-size: 1em;
		color: #e3d095;
		margin: 24px 2px 0 2px; 
		text-align:center;
		line-height:1em;
	}
	#usplayers {
		margin-top:2px;
		height:29px;
	}
	#mainHeaderContact #usplayerflag {
		margin-bottom:-8px;
	}
/* Main navigation */
/* --------------------------------------------------------------------------------------------------------- */
/*  NB- for IE, all :hover pseudoclasses are handled by /scripts/css-dropdowns.js */
#navBarWrapper {
	background-color:#D3B97A; /*sort of gold */
	width:750px;
	max-width:746px;
}
#mainNav {
	margin:0px;
	height:23px;
	width:750px;	
	list-style:none;
	padding:0px 1px 0px 1px;
	/* overflow:hidden; */
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:10px;
	/* For IE */
	background-image:url(/images/navigation/mainNav-li-bg-over.gif);
}
/* IE ignores [attributes] ! */
#mainNav[class] {
	background-image:none;
}
#mainNav li {
	float:left;
	background-image:url(/images/navigation/mainNav-li-bg.gif);
	background-repeat:repeat-x;
	height:22px;
	line-height:22px;
	border:none; /* to over-ride CSS-dropdown.css class */
	/* background-color:none; /* to over-ride CSS-dropdown.css class */
}
#mainNav li ul {
	background-color:#D3B97A; /*sort of gold */
	text-align:center;
	border:2px solid #7F1000 /* muddy red */
}

#mainNav li div {
	background-image:url(/images/navigation/mainNav-li-spacer-l-off.gif);
	background-repeat:no-repeat;
	background-position:left top;
	text-align:center;
}
#mainNav li:hover, #mainNav li.sfhover {
	background-image:url(/images/navigation/mainNav-li-bg-over.gif);
}
#mainNav li:hover div, #mainNav li.sfhover div {
	background-image:url(/images/navigation/mainNav-li-spacer-l-over.gif);
}
#mainNav li a {
	padding:0; 
	color:#50361D;
	text-decoration:none;
	font-weight:bold;
	display:block;
	width:100%;
	height:22px;
	/* background-image:url(/images/navigation/mainNav-li-spacer-r-off.gif); */
	background-position:right top;
	background-repeat:no-repeat;
}
#mainNav li:hover a, #mainNav li.sfhover a {
	color:#660000;
	background-image:none;
}
#mainNav li li, #mainNav li:hover li, #mainNav li.sfhover li {
	background-image:none;
	border:1px solid #B28944; /* dark gold */
	border-left:none;
	border-right:none;
}
 #mainNav li li:hover , #mainNav li li.sfhover {
	background-color:#B28944; /* dark gold */
	border:1px solid #7F1000; /* muddy red */
	border-left:none;
	border-right:none;
}
/* Set up the widths... should be in em's but we dont have a good enough layout for that  */
/* NB, some jiggling going on for IE vs Firefox widths */
#mainNav #mainNavHome {
	width:55px;
}
#mainNav #mainNavAbout {
	width:90px;
}
#mainNav #mainNavStart {
	width:180px;

}
#mainNav #mainNavPromo {
	width:120px;
}
#mainNav #mainNavLoyalty {
	width:90px;
}
#mainNav #mainNavCashier {
	width:79px;
}
#mainNav #mainNavGames {
	width:110px;
}
#mainNav #mainNavSecurity {
	width:82px;
}
#mainNav #mainNavContact {
	width:100px;
}
/* End main navigation ------------------------------------------------------------ */
/* Start sub navigation ------------------------------------------------------------ */
.subNav {
	display:block;
	margin:10px 0 20px 0;
	padding:0px;
}
.subNav li {
	float:left;
	list-style:none;
	margin-left:0px;
	padding-left:0px;
}
.subNav li .button02 {
	border: 1px solid rgb(178,137,68);
}
/* End sub navigation ------------------------------------------------------------ */
#home_ticker {
	width:100%;
	overflow:hidden;
}
/* Home central content */
/* --------------------------------------------------------------------------------------------------------- */
#home_main {
	width:750px;
	overflow:hidden;
	background-image:url(/images/website/hp_main_bg.jpg);  
	/* background-color:#FFFF00; /* yellow */
	background-position:top;
	height:100%;
}
.home_main_layout {
	float:left;  
	width:242px;
	display: inline;
	margin:2px 3px 3px 2px;
	/* background-color:#0033CC; /* blue */
}
#home_main .col1 {
	width:242px;
	/* add more margin.. */
	margin-left:4px 
} 
#home_main .col2 {
	width:243px;
	overflow:hidden;
} 
#home_main .col3 {
	width:243px;
	overflow:hidden;
	margin-right:0px;
} 
#home_main h1 {
	background-position:top left;
	background-repeat:no-repeat;
	width:100%;
	height:33px;
	margin:0px;
	/* color:#E2CF95; */
	cursor:pointer;
	/* Move text off image */
	overflow:hidden;
	font-size:10px;
	line-height:300%;  /* needs both line-height and text-indent */
	text-indent:100%;
}
#home_main h1 a{
	width:99%;
	height:99%;
	color:#33FF99;
}
#home_main_bonus h1 {
	background-image:url(/images/website/hp_newbonus_head.jpg);
}
#home_main_promo h1 {
	background-image:url(/images/website/hp_promo_head.jpg);
}
#home_main_loyalty h1 {
	background-image:url(/images/website/hp_loyalty_head.jpg);
}
#home_main_support h1 {
	background-image:url(/images/website/hp_support_head.jpg);
}
#home_main_winners h1 {
	background-image:url(/images/website/hp_winners_head.jpg);
}
#home_main_games h1 {
	background-image:url(/images/website/hp_game_head.jpg);
}
#home_main_instantplay h1 {
	background-image:url(/images/website/hp_instant_head.jpg);
}
.home_main_thumb {
	border-left:2px solid #E1CE93; /* gold borders */
	border-right:2px solid #E1CE93;
	border-bottom:2px solid #E1CE93;
	width:239px;
	overflow:hidden; 
}
/* hack to keep the gold bars showing- col1 is 1 px less width */
.col1 .home_main_thumb {
	 width:238px;
}
.home_main_thumb .crop {
	width:100%;
	height:102px;
	min-height:102px;
	overflow:hidden; 
}
/* and the "crop" must have default bg images.. */
#home_main_bonus .crop {
	background-image:url(/images/placeholder/hp_newbonus_img.jpg);
}
#home_main_promo .crop {
	background-image:url(/images/placeholder/hp_promo_img.jpg);
}
#home_main_loyalty .crop {
	background-image:url(/images/placeholder/hp_loyalty_img.jpg);
}
#home_main_winners .crop {
	background-image:url(/images/website/hp_winners_img.jpg);
}

.home_main_text {
	border-left:2px solid #E1CE93;  /* gold borders */
	border-right:2px solid #E1CE93;
	background-image:url(/images/website/hp_redfade.jpg);
	background-position:bottom left;
	background-repeat:repeat-x;
	background-color:#580A00; /* dark red */
	height:100%;
	min-height:85px;
}
.home_main_text .inner {
	padding:4px;
	height:60px;
	max-height:53px;
}

#home_main_support_image {
	/* have to fiddle with margins for IE */
	margin:4px 4px 0 -2px;
	float:left;
	display: inline;
}
/* IE specific */
* html #home_main_support_image 	{
	margin:11px 0 0 -2px;
	}

#home_main_support .home_main_text {
	background-image:url(/images/website/hp_support_bg.jpg);  
	background-color:#801203; /* red */
	background-position:bottom;
	background-repeat:repeat-x;  
	height:195px;
	min-height:188px;
	max-height:188px;

}
.paddedText {
	display:inline;
	padding:2px 2px 0px 0px; 
}
#home_main_support .home_main_button {
	padding-top:47px; 
}
/* IE specific */
* html #home_main_support .home_main_button {
	padding-top:54px; 
}
#home_main_instantplay {
	/* larger top margin than everything else */
	margin-top:10px;
}

.linkImage {
	float:right;
	margin:3px 3px 0px 3px;
	display: inline;
} 
.home_main_bottom {
	clear:both;
	height:6px;
	background-image:url(/images/website/hp_base002.jpg);
	background-position:top left;
	background-repeat:repeat-x;
	overflow:hidden;
}
/* col 1 is slightly thinner.. */
.col1 .home_main_bottom {
	background-image:url(/images/website/hp_base001.jpg);
}
/* special footer bg for support */
#home_main_support .home_main_bottom {
	background-image:url(/images/website/hp_base003.jpg);
}

/* Footer */
/* --------------------------------------------------------------------------------------------------------- */
#footerWrapper {
	width:748px;
	background-color:#2A0200;
	overflow:hidden;
}

#footerTop {
	float:left;
	margin:2px 0 0 4px; 
	display: inline;
	
}
#footerContent {
	float:left;
	display: inline;
	margin:0 0 0 4px;
	width:740px;
	background-image:url(/images/website/footerfade.jpg);
	background-repeat:repeat-y;
	text-align:center;
	font-weight:bold;
	
}
#footerExternalLinks {
	margin-top:10px;
}
#footerExternalLinks img {
	margin:1px;
}

#footerBottom {
	float:left;
	display: inline;
	margin:0 0 5px 4px; 
}


/* Forms  ------------------------------------------------------------------------------------------------------ */
.formLayout {
	margin: 0 0 0 20px
}
.formLayout label, .formLayout input  {
	float:left;
	width:150px;
	margin:5px;
}
.formLayout label {
	clear:both;
}
.formLayout .clearAll {
	clear:both;
	height:1px;
}

/* Inline tables  ----------------------------------------------------------------------------------------------- */
.borderedTable {
	margin-left:20px;
	display:inline;
	height:100%;
	padding:4px;
	border-collapse:collapse;	
}

.borderedTable td, .borderedTable th {
	border: 1px solid #efd580; /* dark tan */
	margin:0px;
	padding:4px;
	border-collapse:collapse;	
}

.borderedTable th {
	background-color:#D3B97A; /* tan/gold */
	color: rgb(114,11,12); /* dark red/maroon */
	
}
.borderedTable .trA {
	background-color:#FFFF80;
}
.borderedTable .trB {
	background-color:#FFFFC6;
}


/* non-bordered table */
.nonborderedTable {
	margin-left:20px;
	display:inline;
	height:100%;
	padding:4px;
	border-collapse:collapse;	
}

.nonborderedTable td {
	border: 0px;
	margin:0px;
	padding:4px;
	border-collapse:collapse;	
}

 /*  A fucking nightmare ------------------------------------------------------------------------------------ */
#RightClickMenu { 
  	position: absolute; 
  	left:10px;
  	top:10px;
  	display:none;
  	width: 174px; 
  	height:203px;
 	background-image:url(/images/navigation/rightClick/rightclick-BG.gif);
  	background-position:top left;
  	background-repeat:no-repeat;
	background-color:#D4D0C8;
  	z-index:100; 
} 
#RightClickMenu div {
	background-color:#0A246A;
	margin:3px;
}
.a:Menu { 
   	color: black; 
   	text-decoration: none; 
   	cursor: default; 
   	width: 100%; 
  } 

.a:MenuOn { 
   color: white; 
   text-decoration: none; 
   background-color: darkblue; 
  	cursor: default; 
   width: 100% 
  } 

/* --------------------------------------------------------------------------------------------------------- */


/* Homepage Progressives ticker --*/
#progressivesTicker {
	float: left;
	width: 339px;
	margin: 23px 2px 0 1px;
	text-align: center;}

	#progressivesTicker h1  {
		padding: 1px;
		margin: 1px;
		font-family: Tahoma, Helvetica, sans-serif;
		font-size: 12px;
		font-weight: bold;
		color: #e3d095; }

#hideJavascriptTicker {
	position:absolute;
	visibility: hidden;
	left:-200px;
	top:0px;
}
