/* Structure */
body { background-image:url(../../images/background.gif);
margin : 0px;
padding : 0px;
text-align : center; }
div#wrapper {
background: url(../../images/wrapperBackground.gif) repeat-y;
margin : 0 auto;
padding : 0;
text-align : left;
overflow : hidden;
width : 780px; }
div#header {
margin : 0 10px;
width : 760px;
height : 130px;
border-bottom : solid 5px #BBB;
position : relative; }
div#topContent {
margin : 0 10px;
padding : 0;
width : 760px;
height : 0px; }
div#centrePage {
overflow : hidden;
margin : 0 10px;
width : 760px; }
div#left {
width : 190px;
float : left; }
div#content {
position : relative;
z-index : 0;
width : 570px;
float : left; }
div#footer {
margin : 0 10px;
width : 760px;
height : 76px;
background : url(../../images/footerBackground.gif) repeat-x;
border-top : solid 2px #BBB; }

/* Flashes */
div#errorFlash {
width : 500px;
margin : 0 auto;
padding : 0 0 10px 0;
background : #f00 url(../../images/errorFlashBottom.gif) repeat-x;
background-position : bottom; }
div#errorFlash p {
margin : 0;
padding : 5px 5px 0px 5px;
text-align : center; }
div#warningFlash {
width : 500px;
margin : 0 auto;
padding : 0 0 10px 0;
background : #ffae00 url(../../images/warningFlashBottom.gif) repeat-x;
background-position : bottom; }
div#warningFlash p {
margin : 0;
padding : 5px 5px 0px 5px;
text-align : center; }
div#successFlash {
width : 500px;
margin : 0 auto;
padding : 0 0 10px 0;
background : #2cbd00 url(../../images/successFlashBottom.gif) repeat-x;
background-position : bottom; }
div#successFlash p {
margin : 0;
padding : 5px 5px 0px 5px;
text-align : center; }
div#infoFlash {
width : 500px;
margin : 0 auto;
padding : 0 0 10px 0;
background : #0012ff url(../../images/infoFlashBottom.gif) repeat-x;
background-position : bottom; }
div#infoFlash p {
margin : 0;
padding : 5px 5px 0px 5px;
text-align : center; }

/* Header */
div#header div#logo {
width : 269px;
height : 73px;
background : url(../../images/logo.gif) repeat-x;
text-indent : -9999px;
position : absolute;
left : 10px;
top : 40px;
z-index : 2; }
div#header div#logo a {
display : block;
width : 269px;
height : 73px; }
div#header div#systems {
width : 265px;
height : 73px;
position : absolute;
left : 280px;
top : 40px;
z-index : 1; }
div#header div#systems ul {
visibility : hidden;
position : relative;
z-index : -10;
list-style-type : none; }
div#header ul#topNav {
margin : 0px;
padding : 0px;
position : absolute;
left : 520px;
top : 20px; }
div#header ul#topNav li {
display : inline;
padding : 0 5px 0 0; }
div#header ul#topNav li#last {
display : inline;
padding : 0 0 0 0; }
div#header ul#topNav li a {
color : #666;
text-decoration : none; }
div#header a#viewAccount {
width : 129px;
height : 21px;
background : url(../../images/buttonViewMyAccount.gif);
text-indent : -9999px;
position : absolute;
left : 615px;
top : 50px; }
div#header div#ukOnly p {
position : absolute;
margin : 0px;
padding : 0px;
left : 555px;
top : 90px; }
div#header div#ukOnly img {
position : absolute;
left : 710px;
top : 80px; }

/* Left Column */
div#left div#contact {
margin : 10px;
padding : 0 0 8px 0;
background : #f9f9f9 url(../../images/smallBoxBottom.gif) repeat-x;
background-position : bottom; }
div#left div#contact h3 {
margin : 0;
padding : 0;
width : 170px;
height : 31px; 
background : url(../../images/contactUs.gif) repeat-x;
text-indent : -9999px; }
div#left div#contact dl {
margin : 0;
padding : 0;
border-right : solid 1px #BBB;
border-left : solid 1px #BBB;
position : relative; }
div#left div#contact dt#mob {
width : 14px;
height : 24px;
background : url(../../images/mobile.gif) repeat-x;
text-indent : -9999px;
position: relative;
left : 10px;
top : 10px; }
div#left div#contact dt#tel {
width : 19px;
height : 19px;
background : url(../../images/landline.gif) repeat-x;
text-indent : -9999px;
position: relative;
left : 10px;
top : 10px; }
div#left div#contact dt#email {
width : 20px;
height : 17px;
background : url(../../images/email.gif) repeat-x;
text-indent : -9999px;
position: relative;
left : 10px;
top : 10px; }
div#left div#contact dd {
position : relative;
top : -10px;
left : 10px; }
div#left div#availableGames {
margin : 10px; }
div#left div#availableGames h2 {
width : 170px;
height : 70px;
background : url(../../images/viewAvailableGames.jpg) repeat-x;
text-indent : -9999px; }
div#left div#availableGames a {
width : 170px;
height : 70px;
display : block; }
div#left div#latestMembers {
margin : 10px;
padding : 0 0 8px 0;
background : #f9f9f9 url(../../images/smallBoxBottom.gif) repeat-x;
background-position : bottom; }
div#left div#latestMembers h3 {
margin : 0;
padding : 0;
width : 170px;
height : 31px; 
background : url(../../images/latestMembers.gif) repeat-x;
text-indent : -9999px; }
div#left div#latestMembers p {
margin : 0;
padding : 5px;
text-align : right;
border-right : solid 1px #BBB;
border-left : solid 1px #BBB; }
div#left div#latestMembers ul {
margin : 0;
padding : 0 0 10px 30px;
list-style-type : square;
border-right : solid 1px #BBB;
border-left : solid 1px #BBB; }
.whiteBox {
display : block;
border : 1px solid #EEEEEC;
background-color: #fff;
padding : 1px;
margin : 0 10px 1px 0; }

/* LeftUnauthenticatedUser */
div#left div#memberLogin {
margin : 10px;
padding : 0 0 8px 0;
background : #f9f9f9 url(../../images/smallBoxBottom.gif) repeat-x;
background-position : bottom; }
div#left div#memberLogin h3 {
margin : 0;
padding : 0;
width : 170px;
height : 31px; 
background : url(../../images/memberLogin.gif) repeat-x;
text-indent : -9999px; }
div#left div#memberLogin form {
margin : 0;
padding : 0;
height : 150px;
border-right : solid 1px #BBB;
border-left : solid 1px #BBB;
position : relative; }
div#left div#memberLogin label#userNameLabel {
position : absolute;
left : 10px;
top : 10px; }
div#left div#memberLogin input#userName {
position : absolute;
width : 82px;
height : 15px;
top : 10px;
left : 70px; }
div#left div#memberLogin label#passwordLabel {
position : absolute;
left : 10px;
top : 40px; }
div#left div#memberLogin input#password {
position : absolute;
width : 82px;
height : 15px;
top : 40px;
left : 70px; }
div#left div#memberLogin label#rememberMeLabel {
position : absolute;
left : 50px;
top : 65px; }
div#left div#memberLogin div#rememberMe {
position : absolute;
top : 65px;
left : 140px; }
div#left div#memberLogin a#forgotPassword {
position : absolute;
left : 60px;
top : 90px; }
div#left div#memberLogin input#submit {
position : absolute;
top : 120px;
left : 110px; }
div#left div#memberRegister {
margin : 10px; }
div#left div#memberRegister h2 {
width : 170px;
height : 71px;
background : url(../../images/register.gif) repeat-x;
text-indent : -9999px; }
div#left div#memberRegister a {
width : 170px;
height : 71px;
display : block; }

/* LeftAuthenticatedUser */
div#left div#myAccount {
margin : 10px;
padding : 0 0 8px 0;
background : #f9f9f9 url(../../images/smallBoxBottom.gif) repeat-x;
background-position : bottom; }
div#left div#myAccount h3 {
margin : 0;
padding : 0;
width : 170px;
height : 31px; 
background : url(../../images/myAccount.gif) repeat-x;
text-indent : -9999px; }
div#left div#myAccount ul {
margin : 0;
padding : 0 0 0 30px;
list-style-type : square;
border-right : solid 1px #BBB;
border-left : solid 1px #BBB; }
div#left div#myAccount li {
padding : 1px; }

/* Footer */
div#footer {
position : relative; }
div#footer ul {
margin : 0px;
padding : 10px 0 0 20px;
}
div#footer li {
padding-right : 5px;
display : inline;
}
div#footer div#paypalLogo {
position : absolute;
left : 465px;
top : 10px; }
div#footer p {
padding-left : 20px;
}

/* Text Styles */
.normalText {
font-family: Arial, Helvetica, sans-serif;
font-size: 9pt;
color : #666; }
.smallText {
font-family: Arial, Helvetica, sans-serif;
font-size: 9pt;
color : #666; }
.greenColour {
color : #73a802; }
.orangeColour {
color : #e27308; }
.grayColour {
color : #888; }
.darkGrayBold {
font-family: Arial, Helvetica, sans-serif;
font-size: 9pt;
font-weight : bold;
color : #666; }
.darkRedBold {
font-family: Arial, Helvetica, sans-serif;
font-size: 9pt;
font-weight : bold;
color : Red; }
.greenBold {
font-family: Arial, Helvetica, sans-serif;
font-size: 9pt;
font-weight : bold;
color : #73a802; }
.orangeBold {
font-family: Arial, Helvetica, sans-serif;
font-size: 9pt;
font-weight : bold;
color : #e27308; }
.whiteBold {
font-family: Arial, Helvetica, sans-serif;
font-size: 9pt;
font-weight : bold;
color : #fff; }
.back {
display : block;
text-align : right;
padding : 3px; }

.swapprice {
font-family: Arial, Helvetica, sans-serif;
font-size: 9pt;
font-weight : bold;
color : #0070C0; }

.subprice {
font-family: Arial, Helvetica, sans-serif;
font-size: 9pt;
font-weight : bold;
color : #943634; }