/* CSS Document */

body {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10pt;
	color: #FFFFFF;
	background-color: #08086b;
}
a, a:visited, a:link {
	color: #FFFFFF;
	text-decoration: underline;
}
a:hover {
	color: #FF0000;
}
a img {
	text-decoration: none;
	border: none;
}
.center {
	text-align: center;
}
#logo {
	background: url(images/casinos_british.jpg) no-repeat left top;
	width: 600px;
	min-height: 200px;
	display: block;
	margin: 0 auto;
	text-align: center;
}
#logo h1 {
	font-size: 12pt;
	font-weight: bold;
	text-align: center;
	width: 350px;
	padding: 80px 20px 0px 220px;
}
#logo p {
	width: 350px;
	padding: 0px 20px 20px 220px;
	
}
#main {
	margin: 10px auto;
	width: 90%;
}
#top {
	width: 90%;
	margin: 5px auto;
	text-align: center;
	padding: 5px;
	border-bottom: 1px groove #FFFFFF;
	border-top: 1px groove #FFFFFF;
	font-style: italic;
	font-size: 11pt;
}
#left, #right {
	width: 20%;
	display: block;
	text-align: center;
	padding-top: 5px;
}
#left {
	float: left;
}
#right {
	float: right;
	text-align: justify;
}
#mid {
	width: 59%;
	min-width: 659px;
	float: left;
	text-align: justify;
}
#mid div {
	border: 2px solid #FF0000;
	padding: 5px;
	margin: 5px 0px;
}
#mid h2 {
	font-size: 11pt;
	text-align: center;
	text-decoration: underline;
}
#mid li.leven, li.leven {
	list-style-type: none;
	background: url(images/list.gif) 0px -20px no-repeat;
	height: 20px;
	padding-left: 20px;
}
#mid li.lodd, li.lodd {	
	list-style-type: none;
	background: url(images/list.gif) 0px 0px no-repeat;
	height: 20px;
	padding-left: 20px;
}
#mid img {
	margin: 5px;
}
#footer {
	clear: both;
	width: 100%;
	display: block;
	text-align: center;
}
#footer img {
	margin-top: 10px;
	margin-bottom: 10px;
}
#nav {
	margin: 0px auto;
	padding: 10px 0px;
}
#nav ul li {
	list-style-type: none;
	vertical-align: middle;
	margin: 5px 0px;
}
#nav ul li a, #mailerform p input  {
	display: block;
	width: 125px;
	height: 29px;
	line-height: 28px;
	background: url(images/button_background.jpg) center top no-repeat;
	color: #ffffff;
	text-decoration: none;
	font-size: 8pt;
}
#nav ul li a:hover, #mailerform p input:hover  {
	background: url(images/button_background.jpg) center bottom no-repeat;
}
#mailerform p input { border: none; }
.games { width: 100%; display: block;}
.games td {	vertical-align: middle;}

.games td.gamesl { width: 200px; }
.games td ul li { }
.games .gdesc { min-width: 430px; }
#mailerform p.required { 
	background: url(http://www.casinosbritish.co.uk/images/list.gif) 0px 0px no-repeat;
	height: 20px;
	padding-left: 20px;
	font-size: 9px;
	text-align: left;
	font-style: italic;
}
#mailerform div.required {
	background: url(http://www.casinosbritish.co.uk/images/list.gif) top right no-repeat;
	height: 20px;
	padding-right: 20px;
}
#mailerform p { text-align: right; }

.playwhere {
	margin: 0px;
	padding: 0px;
}
.playwhere li {
	width: 25%;
	display: block;
	float: left;
	height: 30px;
	text-align: center;
	font-weight: bold;
}
.clear { clear; both; }
.hrshort { color: #ffffff; height: 1px; width: 60%; margin: 5px auto; }
.ulli {list-style-type: none;margin: 0px; padding:0px;}
.ulli li {margin: 5px 0px; padding:0px;}

#mailerContainer {width: 118px; height: 200px; position: absolute; top: -3px; left: 0px;padding: 0px 3px !important;display: block; background: #08086b !important;}
#mailerContainer p.required {display: none;}
#mailerContainer div {font-size: 10px;}
#mailerContainer div.attributeinput input { width: 90% !important;margin: 0px auto; font-size: 10px}
#mailerContainer div.attributeinput select { width: 90% !important;margin: 0px auto; font-size: 10px}
#mailerContainer div { text-align: center; color: #ffffff !important; }
#mailerContainer p input {width: 50%;margin: 0px auto !important;height: 32px;color:#000000;font-weight: bold; }
#mailerContainer p {color: #ffffff !important;  text-align: center; font-weight: bold; }