/* CSS Document */
html { height: 100%; margin-bottom: 1px; }  /* Forces vert scrollbar on all pages*/

body 
{
	margin: 0 0 0 0;
	height: 100%;
	min-height: 100%;
	min-width: 1000px;
	font-family:Arial, Helvetica, sans-serif;
	background:url(images/background.jpg) top center repeat-x;
	background-color: #060b11;
}

p, form, h1, h2, table
{
margin: 0;
padding: 0;
}

#container
{
width: 1000px;
height: auto;
margin-left: auto;
margin-right: auto;
}

#mainholder
{
width: 968px;
height: auto;
float: left;
padding: 0 16px 0 16px;
margin: 0px 0px 0px 0px;
}

#header
{
width: 968px;
height: 215px;
float: left;
background: url(images/logo.png) -20px -10px no-repeat;
}

#toplogin
{
width: 400px;
height: 45px;
float: right;
padding: 30px 0 30px 0;
}

/* --------- NAV ---------- */

#nav
{
width: 968px;
height: 64px;
float: left;
overflow: hidden;
margin-bottom:20px;
}



.button-inactive a
{
width:114px;
float: left;
background: url(images/button-off.png) top left no-repeat;
display: block;
text-align: center;
font-size: 12px;
color: #FFFFFF;
margin: 0 1px 0 1px;
padding: 5px 2px 0 2px;
text-decoration: none;
}

.button-active a
{
width:114px;
float: left;
background: url(images/button-on.png) top left no-repeat;
display: block;
text-align: center;
font-size: 12px;
color: #FFFFFF;
margin: 0 1px 0 1px;
padding: 5px 2px 0 2px;
text-decoration: none;
}

.button-inactive a:hover
{
background: url(images/button-on.png) top left no-repeat;
}

.space-one a
{
padding-top:17px;
height:35px;
}

.space-two a
{
padding-top:10px;
height:42px;
}

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



/* --------- FOOTER ---------- */

#footerline
{
width: 928px;
height: 30px;
float: left;
overflow: hidden;
padding: 15px 16px 0 16px;
margin-top:20px;
margin-bottom:30px;
background:url(images/backnav.png) repeat-x;
}

#footerline p
{
margin: 0;
padding: 0;
text-align: center;
color: #FFFFFF;
font-size: 10px
}

#footerline p a
{
margin: 0;
padding: 0;
text-decoration: none;
color: #FFFFFF;
}


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




/* -------------| Content |-------------- */


#maincontent
{
width: 958px;
height: auto;
float: left;
overflow: hidden;
margin: 0px 0px 0px 0px;
}

#leftcontent
{
width: 261px;
height: auto;
float: left;
margin: 0px;
}

#rightcontent
{
width: 673px;
height: auto;
float: right;
margin: 0px;
}

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



#leftcontent h1
{
padding: 0;
margin: 10px 0 10px 10px;
font-size: 22px;
color: #009e9f;
font-weight: normal;
}

#ukcasinos
{
width: 261px;
height: 212px;
float: left;
background: url(images/left-image-1.png) top left no-repeat;
margin-bottom: 15px;
}


#ukcasinos p
{
margin: 0 0 10px 10px;
padding: 0;
color: #FFFFFF;
font-size: 12px;
width: 130px;
text-decoration: none;
}

#ukcasinos p a
{
color: #FFFFFF;
text-decoration: none;
font-weight: bold;
}

#personalised
{
width: 261px;
height: 126px;
float: left;
background: url(images/left-image-2.png) top left no-repeat;
margin-bottom: 15px;
}

#personalised p
{
margin: 0 0 10px 10px;
padding: 0;
color: #FFFFFF;
font-size: 12px;
width: 130px;
text-decoration: none;
}

#personalised p a
{
color: #FFFFFF;
text-decoration: none;
font-weight: bold;
}

#howtoplay
{
width: 261px;
height: 142px;
float: left;
background: url(images/left-image-3.png) top left no-repeat;
}

#howtoplay p
{
margin: 0 0 5px 10px;
padding: 0;
color: #FFFFFF;
font-size: 12px;
width: 140px;
text-decoration: none;
}

#howtoplay p a
{
color: #FFFFFF;
text-decoration: none;
font-weight: bold;
}

.clearall
{
clear: both;
}


/*-------| Lower adverts |-------*/

.leftad
{
width: 125px;
height: 125px;
float: left;
overflow: hidden;
margin: 10px 0 0 0;
}

.rightad
{
width: 125px;
height: 125px;
float: right;
overflow: hidden;
margin: 10px 0 0 0;
}

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



.rightadone
{
width: 125px;
height: auto;
float: right;
overflow: hidden;
margin: 0px 0 0 0;
}

.rightadtwo
{
width: 125px;
height: 125px;
float: right;
overflow: hidden;
margin: 10px 0 0 0;
}

.splitone
{
width: 259px;
height: auto;
float: left;
margin: 0px;
}

.splittwo
{
width: 259px;
height: auto;
float: right;
margin: 0px;
}


.splitthree
{
width: 315px;
height: auto;
float: left;
margin: 0px 0px 0px 0px;
}

.splitfour
{
width: 315px;
height: auto;
float: right;
margin: 0px 7px 0px 0px;
}



#cards
{
width: 673px;
height: 50px;
float: left;
margin-bottom: 10px;
}

#cards h1
{
font-size: 20px;
color: #FFFFFF;
line-height: 50px;
margin: 0px 0 0 20px;
padding: 0;
}

.mainpara
{
width: 673px;
height: auto;
float: left;
margin-bottom: 10px;
}

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

.mainpara-top
{
width: 534px;
height: auto;
float: left;
background: url(images/top-1.png) top left no-repeat;
padding-top: 15px;
}

.mainpara-mid
{
width: 534px;
height: auto;
float: left;
background:url(images/middle-1.png) repeat-y top left;
}

.mainpara-bottm
{
width: 534px;
height: 15px;
float: left;
background: url(images/bottom.png) bottom no-repeat;
}


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

.mainpara-toptwo
{
width: 673px;
height: auto;
float: left;
background:url(images/top-line-2.png) top left no-repeat;
padding-top: 15px;
margin-bottom:15px;
}

.mainpara-midtwo
{
width: 657px;
height: auto;
float: left;
padding: 0px 8px 0px 8px;
background:url(images/mid-line-2.png) repeat-y top left;
}

.mainpara-bottmtwo
{
width: 673px;
height: 15px;
float: left;
background: url(images/bottom-line-2.png) bottom no-repeat;
}

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

.mainpara-topthree
{
width: 443px;
height: auto;
float: left;
background:url(images/top-line-3.png) top left no-repeat;
padding-top: 15px;
margin-bottom:15px;
}

.mainpara-midthree
{
width: 427px;
height: auto;
float: left;
padding: 0px 8px 0px 8px;
background:url(images/mid-line-3.png) repeat-y top left;
}

.mainpara-bottmthree
{
width: 443px;
height: 15px;
float: left;
background: url(images/bottom-line-3.png) bottom no-repeat;
}


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

.mainpara-topfour
{
width: 216px;
height: auto;
float: right;
background:url(images/top-line-4.png) top left no-repeat;
padding-top: 15px;
margin-bottom:15px;
}

.mainpara-midfour
{
width: 200px;
height: auto;
float: right;
padding: 0px 8px 0px 8px;
background:url(images/mid-line-4.png) repeat-y top left;
}

.mainpara-bottmfour
{
width: 216px;
height: 15px;
float: right;
background: url(images/bottom-line-4.png) bottom no-repeat;
}


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

.mainpara p
{
margin: 10px 10px 10px 10px;
padding: 0;
line-height:17px;
font-size: 12px;
color: #FFFFFF;
}

.mainpara h1
{
margin: 10px 0 10px 10px;
padding: 0;
font-size: 16px;
color: #FFFFFF;
text-decoration: none;
}



.mainpara h2
{
padding: 0px;
margin: 10px 0px 10px 0px;
font-size: 20px;
color: #009e9f;
font-weight: normal;
text-decoration: none;
}


.mainpara p a
{
font-size: 12px;
color: #FFFFFF;
text-decoration: none;
}

.mainpara ul
{
margin: 0px;
padding: 0px;
text-decoration: none;
}

.mainpara li
{
margin: 0px 0px 0px 45px;
padding: 0px 0px 0px 10px;
font-size: 12px;
color: #FFFFFF;
text-decoration: none;
}

.tick
{
list-style:url(images/tick.png);
}











/* --------- HOMEBOTTOM ---------- */

.homebottom
{
width: 213px;
height: auto;
float: left;
padding-right: 10px;
font-size: 12px;
color: #FFFFFF;
}

.homebottom h1
{
padding: 0;
margin: 10px 0 10px 0;
font-size: 22px;
color: #009e9f;
font-weight: normal;
}

.homebottom p
{
padding: 0;
margin: 10px 0 10px 0;
font-size: 12px;
color: #ffffff;
font-weight: normal;
}

.searchbox
{
width: 135px;
height: 12px;
float: left;
font-size: 11px;
padding: 0;
margin: 0;
}

/* --------- REGISTER ---------- */

.registertab
{
font-size: 12px;
color: #FFFFFF;
}

.registertab a
{
text-decoration: none;
color: #FFFFFF;
font-size: 10px;
font-weight: bold;
}

.mylinks
{
font-size: 12px;
color: #FFFFFF;
}

.mylinks a
{
text-decoration: underline;
color: #FFFFFF;
font-size: 12px;
font-weight: bold;
}

.textbox
{
width: 200px;
height: 18px;
}

.textareas
{
width: 200px;
height: 70px;
}

.blogbox
{
width: 300px;
height: 15px;
}

.blogtext
{
width: 300px;
height: 150px;
}

.redtext
{
color: #FF0000;
font-size: 16px;
}

/* --------- PROFILE ---------- */

.profilecont
{
width: 673px;
height: auto;
float: left;
padding-bottom: 10px;
}

#profileimage
{
width: 212px;
height: auto;
float: left;
overflow: hidden;
padding:6px;

}

#profilename
{
width: 400px;
height: auto;
float: left;
padding-left: 20px;
}

#profilename h1
{
font-size: 22px;
color: #FFFFFF;
margin: 0 0 0 0;
padding: 0;
}

#profilename h2
{
font-size: 18px;
color: #FFFFFF;
margin: 10px 0 0 0;
padding: 0;
}

.profilecont p
{
margin: 0;
padding: 0;
font-size: 12px;
color: #FFFFFF;
}


#profileleft
{
width: 443px;
height: auto;
float: left;
}

.leftheading
{
width: 400px;
height: 25px;
float: left;
background-color: #000000;
line-height: 23px;
margin: 10px 0 10px 0;
}

.leftheading h2
{
margin: 0 0 0 10px;
padding: 0;
font-size: 14px;
color: #FFFFFF;
}

#profileleft h3
{
margin: 10px 0 10px 0;
padding: 0;
font-size: 12px;
color: #FFFFFF;
}

#profileright
{
width: 226px;
height: auto;
float: right;
margin: 0px;
}

.rightheading
{
width: 260px;
height: 25px;
float: left;
background-color: #000000;
line-height: 23px;
margin: 10px 0 10px 0;
}

.rightheading h2
{
margin: 0 0 0 10px;
padding: 0;
font-size: 14px;
color: #FFFFFF;
}





/* --------- Top Search ---------- */

.topsearchopoption
{
width: 213px;
height: auto;
float: right;
padding-right: 10px;
font-size: 12px;
color: #FFFFFF;
margin: 25px 60px 0px 0px;
}

.topsearchopoption h1
{
padding: 0;
margin: 10px 0 10px 0;
font-size: 14px;
color: #009e9f;
font-weight: normal;
}

.topsearchopoption p
{
padding: 0;
margin: 10px 0 10px 0;
font-size: 12px;
color: #ffffff;
font-weight: normal;
}

.topsearchbox
{
width: 140px;
height: 12px;
float: left;
font-size: 11px;
padding: 0;
margin: 0;
}


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



/*Text inputs*/
.textinput, .textinputHovered {
	width:149px;
	height:15px;
	background:url(images/back-reg-image.jpg) no-repeat left top;
	border:none;
	padding:2px 4px;
}
.textinputHovered {
	background-position:left bottom;
}

/*Text areas*/
.textarea, .textareaHovered {
	width:149px;
	height:146px;
	max-height:149px;
	max-width:149px;
	overflow:auto;
	background:url(images/back-reg-image-add.jpg) no-repeat left top;
	border:none;
	padding:2px 4px;
}