html, body {
height:100%;
}
body 
{ background: url(/images/2010_ukwins_bg.png) repeat-x #000000; color: #FFFFFF; }

a {color: #FFFFFF; text-decoration: none; }
a:visited {color: #FFFFFF; text-decoration: none;}
a:hover {color: #FE4E00; text-decoration: none;}
a:active { color: #FE4E00; text-decoration: none;}

#page {width:1140px; text-align:justify; margin:auto; }

#container {
height:auto !important;
min-height:100%;
position:relative;
width:100%;
/* z-index:1; */
}

#site {
height:auto;
margin:auto;
padding-bottom:20px;
position:relative;
width:940px;
/* z-index:2; */
}

#site:after {
clear:both;
content:".";
display:block;
font:1px/0px serif;
height:0;
visibility:hidden;
}

#banner {
float:left;
height:115px;
margin-bottom:4px;
margin-top: 3px;
position:relative;
width:940px;
border-top: 4px solid #FE4E00;
}
#logo {
height:60px;
left:5px;
position:absolute;
top:5px;
width:480px;
}

#logo img {
height:60px;
left:0;
position:absolute;
top:0;
width:480px;
}

#topnav {
color:#FFFFFF;
font:11px/10px Arial,Helvetica,sans-serif;
height:60px;
position:absolute;
right:10px;
text-align:right;
top:10px;
width:440px;
}

#topnav a.login {
color:#FFFFFF;
font-size:120%;
font-weight:bold;
}
#topnav a.logout {
color:#FFFFFF;
font-weight:bold;
}
#topnav em {
color:#FFFFFF;
font-style:normal;
margin-right:4px;
}
#topnav a {
color:#FFFFFF;
font:11px/10px Arial,Helvetica,sans-serif;
padding:0 6px 8px 6px;
}
#topnav a:hover {
background: url(/css/underline.png) repeat-x bottom left;
}
#ukwins {
height:70px;
position:absolute;
right:550px;
top:63px;
width:245px;
}
#ukwins h1 {
margin:5px 0 0 10px;
}
#ukwins p {
color:#FFFFFF;
text-align: center;
font:11px/18px Arial,Helvetica,sans-serif;
margin:8px 0 0 20px;
}

#ukwins2 {
height:70px;
position:absolute;
right:1px;
top:90px;
width:550px;
}
#bettabs {
background: url(/css/blackorangeheader.gif) repeat-x left bottom;
float:left;
height:100px;
position:relative;
width:940px;
}

#searchnav {
color:#FFFFFF;
font:11px/10px Arial,Helvetica,sans-serif;
height:30px;
position:absolute;
right:10px;
text-align:right;
top:65px;
width:420px;
}

#signupnav {
color:#FFFFFF;
font:11px/10px Arial,Helvetica,sans-serif;
height:30px;
float: left;
margin-left:10px;
text-align:left;
margin-top:15px;
width:560px;
}
#newsbox {
width:550px;
}

#header { width: 1140px; margin: 0 auto;	padding: 5px 0 0 0px; height: 100px; background: url(/css/blackorangeheader.gif) repeat-x left bottom; }
#headersmall { width: 125px; margin: 0 auto; height: 20px; background: url(/css/blackorangeheader_small.gif) repeat-x left bottom; }   

#menuleft 		{ position: relative; text-align: left;  padding-bottom:10px; padding-top:5px; width: 250px; float: left; }
li.menuleft							{ list-style-image: url(/images/list_image.gif); border-bottom: 1px solid #353535; width: 230px; }
li.headers 			{ text-align: left; color: #FE4E00; }
ul.menuleft						{ list-style-image: url(/images/list_image.gif); margin-left: -16% !important; margin-left: 18px; margin-top: 5px; line-height: 25px;text-decoration: none; }
li.smaller				{ text-align: left; color: #FE4E00; list-style-image: url(/images/list_image.gif); border-bottom: 1px solid #353535; width: 220px; }
li.menusmaller 	{ list-style-image: url(/images/list_image.gif); border-bottom: 1px solid #353535; width: 230px;}

#main 				{ margin-top:10px; width:680px; float:left; text-align:left; padding:1px; }
#alphabet {background: url(/images/small-blank.png) no-repeat center;}

#menuright 		{ float:right; text-align: left; padding-bottom:10px; padding-top:5px; width: 125px; }

h1 	{ font-size: 11px; text-transform:uppercase; background-color: #000000; border-top:1px solid #FE4E00; border-bottom:1px solid #FE4E00; padding:5px 15px; margin:0px }
h2 	{ font-size: 20px; font-weight: normal; padding: 5px 10px; margin:0px; }

.menu 				{ font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 9pt; color: #FFFFFF; font-weight:bold;}
a.menu:link 		{font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 9pt; color: #FFFFFF; font-weight:bold; text-decoration: none;}
a.menu:visited 	{font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 9pt; color: #FFFFFF; font-weight:bold; text-decoration: none; }
a.menu:hover 	{font-family: Verdana, Arial, Helvetica, sans-serif;font-size: 9pt;  color: #FE4E00; font-weight:bold;}
a.menu:active 	{font-family: Verdana, Arial, Helvetica, sans-serif;font-size: 9pt; color: #FE4E00; font-weight:bold; text-decoration: none;}



.userentered { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 8pt; 
background: url(/images/you-added-this-comp.png) no-repeat top right;
background-color: #000000;}
.menuitem { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 8pt; color: #FE4E00}
a.menuitem:link { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 8pt; color: #FE4E00; text-decoration: none}
a.menuitem:visited { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 8pt; color: #FE4E00; text-decoration: none}
a.menuitem:hover { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 8pt; color: #FE4E00; text-decoration: underline}
a.menuitem:active { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 8pt; color: #FE4E00; text-decoration: underline}

.menusmaller { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 8pt; color: #FFFFFF; }
a.menusmaller:link {font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 8pt; color: #FFFFFF; text-decoration: none}
a.menusmaller:visited {font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 8pt; color: #FFFFFF; text-decoration: none}
a.menusmaller:hover {font-family: Verdana, Arial, Helvetica, sans-serif;font-size: 8pt;  color: #FE4E00; text-decoration: underline}
a.menusmaller:active {font-family: Verdana, Arial, Helvetica, sans-serif;font-size: 8pt; color: #FE4E00; text-decoration: underline}

.menulink {  font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 10pt; color: #FE4E00}
a.menulink:link { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 10pt; color: #FE4E00; text-decoration: none}
a.menulink:visited { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 10pt; color: #FE4E00; text-decoration: none}
a.menulink:hover { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 11pt; color: #FE4E00; text-decoration: underline}
a.menulink:active { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 11pt; color: #FE4E00; text-decoration: underline}

.subtitle { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 10pt; color: #FFFFFF; font-weight:bold; text-decoration: underline}
a.subtitle:link { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 10pt; color: #FFFFFF; text-decoration: none}
a.subtitle:visited { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 10pt; color: #FFFFFF; text-decoration: none}
a.subtitle:hover { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 10pt; color: #FE4E00; text-decoration: underline}
a.subtitle:active { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 10pt; color: #FE4E00; text-decoration: underline}

.description {font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 10pt; color: #FFFFFF }
.description a {color: #FFFFFF; text-decoration: none;}
.description a:visited {color: #FFFFFF; text-decoration: underline;}
.description a:hover {color: #FE4E00; text-decoration: underline;}
.description a:active {color: #FE4E00; text-decoration: underline;}

#footer { padding:0px; margin:0px; text-align: right; } 

#list {float:left; border-right:1px solid #c0c0c0;margin:auto; width:279px;text-align:justify;background:#eaf4ff;padding:2px;}      
#list a {text-decoration:none;font-size:12px;color:#e88e00;}
#list a:hover {text-decoration:underline; color:#e88e00;}

#listsw {float:left;border-right:1px solid #FE4E00; border-left:1px solid #FE4E00; margin:auto;height:220px; width:167px; margin-top: 1px; font-size:10px; text-align:justify;background:#000;}      
#listsw a {text-decoration:none;font-size:10px;color:#FE4E00;}
#listsw a:hover {text-decoration:underline; color:#FE4E00;}

#list5 {float:left;border-bottom:1px solid #FE4E00; border-top:1px solid #FE4E00; margin:auto;height:100px; width:680px; margin-top: 1px; font-size:10px; text-align:justify;background:#000;}      
#list5 a {text-decoration:none;font-size:10px;color:#FE4E00;}
#list5 a:hover {text-decoration:underline; color:#FE4E00;}

#list4 {float:left;border-right:1px solid #FE4E00; border-left:1px solid #FE4E00; margin:auto;height:290px; width:167px; margin-top: 1px; font-size:10px; text-align:justify;background:#000;}      
#list4 a {text-decoration:none;font-size:10px;color:#FE4E00;}
#list4 a:hover {text-decoration:underline; color:#FE4E00;}

#list6 {float:left;border-right:1px solid #FE4E00; border-left:1px solid #FE4E00; margin:auto;height:290px; width:334px; margin-top: 1px;margin-left: 1px; font-size:10px; text-align:justify;background:#000;}      
#list6 a {text-decoration:none;font-size:10px;color:#FE4E00;}
#list6 a:hover {text-decoration:underline; color:#FE4E00;}

/* ------------------getting the columns to work in Bonusball - Thunderball etc ----------------------------- */ 


ul.none {
 	margin: 0;
	padding: 0;
	list-style-type: none; list-style-image: none;} 
 
li.col1 {list-style-image: none; margin: 0; padding: 0; line-height: 18px; margin-left: 12em; border-bottom: 1px solid #353535; width: 125px;}
li.col2 {list-style-image: none; margin: 0; padding: 0; line-height: 18px; margin-left: 22em; border-bottom: 1px solid #353535; width: 178px;}
li.col3 {list-style-image: none; margin: 0; padding: 0; line-height: 18px; margin-left: 37em; border-bottom: 1px solid #353535; width: 125px;}
li.coltopper {margin-top: -950px;}
li.TBcoltop {margin-top: -285px;}

.exp
{
color: #FE4E00;
}

#box1 
{
width:300px;
margin:0px auto;
text-align:center;
padding:0px;
background: url(../images/logos/blank.jpg) repeat-x left bottom;
font-size:10px;
}

.box2L
{
width:200px;
text-align:left;
padding:2px;
background-color: #000000;
border: 0.5px solid #FE4E00;
font-size:10px;
}

.box2R
{
width:200px;
margin-left:380px;
margin-top:-132px;
text-align:right;
padding:2px;
background-color: #000000;
border: 0.5px solid #FE4E00;
font-size:10px;
}

.box125
{
width:125px;
margin-left:230px;
margin-top:-64px;
text-align:left;
padding:2px;
background-color: #000000;
border: 0.5px solid #FE4E00;
font-size:10px;
}

.box400
{
width:400px;
margin: 0px auto;
text-align:left;
padding:2px;
background-color: #000000;

font-size:10px;
}

div.info {
background: url(../images/featured.jpg);
color:white;
margin: 0px auto;
width:480px;
height: 240px;
}
div.info h2 {font-size:46px;
font-weight:bold;
letter-spacing:-3px;
}
div.ad480 {
background: url(../images/480ad.jpg) no-repeat;
color:white;
margin: 10px auto;
padding-top: 7px;  
width:500px;
height: 73px;
}
textarea { font-size: 120%; }

.slider-wrapper { 
	width: 80%; 
	margin: 1px auto;
}