/* HTML Elements ==============================*/
html, body {
margin:0; padding:0;
}
body {
font: 62.5%/1em Verdana, Arial, Helvetica, sans-serif;
text-align: center; /*IE<=6*/
background:#fff url(../img/body_bg_v2.jpg) repeat-x top;
}
h1, h2, h3, h4, h5, h6 {
font-family: Verdana, Arial, Helvetica, sans-serif;
font-weight: normal;
margin:0; padding:0;
color:#0000c6;
}
h1 {font-size: 2em; line-height:1.3em; margin-bottom:3px;}
h2 {font-size: 1.7em; line-height:1.5em; font-weight: bold;}
h3 {font-size: 1.3em; line-height:1.5em; font-weight: bold; color:#0088ff;}
h4 {font-size: 1.3em; line-height:1.5em; font-weight:bold;}
h2 img {margin:10px 0 5px 0;}
h1 span, h2 span {display:block; position:absolute; margin-top: -999em;}
p {font-size:1.2em; line-height:1.5em; margin:0; padding:0 0 1em 0; color:#0000c6;}
pre {font-size:1.2em; line-height:1.2em; margin:0; padding:0 0 1em 0;}
a {text-decoration:none; outline:none;}
p a {text-decoration:underline;}
a:visited,a:active {color:#0000C6;}
table,tr {font-size:1em;}
td {font-size:1.2em; line-height:1.5em; color:#0000c6;}
td p {font-size:1em;}
img {border:0;}
ul {margin:0; padding:0 0 1em 0;}
ol {margin:0; padding:0 0 1em 1.4em;}
li {font-size:1.2em; line-height:1.5em; margin:0 0 0 1.5em; color:#0000c6;}
/* Header ==============================*/
#header {
position:relative;
width:770px; height:140px;
margin:0 auto;
text-align: left;
}
#logo {
position:absolute;
top:0; left:0; z-index:1;
width:156px; height:134px;
}
#logo a {display: block;}
#logo a:hover {background-color:#fff;}
#logo a:hover span{
display:block;
position:absolute; top:50px; left:-3px;
width:145px;
padding:5px;
font-weight:bold; color:#ffd200; text-align:center;
background:#0034C4; border:1px solid #ffd200;
}
#logo a span{display:none;}
#extraContainer {
position:absolute; top:42px; left:167px;
width:286px; height:53px;
}
#login {
position:absolute; top:42px; right:0;
width:250px; height:40px;
}
#LoginForm {
position:absolute; top:12px; left:0px;
width:250px;
}
#LoginForm .username, #LoginForm .password {
width:106px; height:24px;
padding:3px 5px;
font-weight:bold; color:#0000c6;
background:url(../img/loginform_bg_v2.gif) no-repeat; _background-attachment:fixed; /*IE*/ border:none;
}
#LoginForm .username {position:absolute; top:0px; left:0px;}
#LoginForm .password {position:absolute; top:0px; left:110px;}
#LoginForm .submit {position:absolute; top:-1px; left:216px;}
#LoginForm p {position:absolute; top:23px; left:0px; font-size:9px;}
#LoginForm a {color:#fff;}
/*when logged in*/
#ddmenu {position:absolute; top:48px; right:0px;}
#ddmenu select {background-color:#F2FAFF; color:#0000c6; font-weight:bold; border:2px solid #99ccff;
font-size:1.3em;/*old css fix for lotto*/}
#userDetails {position:absolute; top:77px; right:0px; font-size:1.3em; font-weight:bold; color:#ffd200;}
#userDetails .name {margin-right:10px; color:#fff;}
#userDetails .name span{color:#ffd200;}
#userDetails .balance {margin-right:10px; color:#fff;}
#userDetails .balance a {margin-right:2px; color:#ffd200; text-decoration:underline;}
#menu {
position:absolute;
width:770px; height:16px;
top:100px; right:0;
margin:0; padding:1px 0 3px;
text-align:right;
}
#menu li {
display:inline; list-style:none;
font-size:13px;
margin:0 0 0 10px;
line-height:16px;
}
#menu li a {
font-weight:bold;
color:#0f208a;
text-decoration:underline;
}
/*NavTabs begin-----*/
#topNavigation {
position:absolute;
width:544px; height:40px;
top:4px; left:230px;
margin:0; padding:0;
}
#topNavigation div {
float:left;
width:76px; height:40px;
margin:0 0 0 1px;
}
#topNavigation a {
display:block; overflow:hidden;
width:76px; height:40px;
}
#topNavigation a span {visibility:hidden;}
/*IE5 MAC*/
/*\*//*/
#topNavigation a{overflow:inherit;}
/**/
/*Active (bottom layer)*/
#topNavBingo {background:url(../img/nav_tabs/act/bingo.gif) top left no-repeat;}
#topNavSlots {background:url(../img/nav_tabs/act/slots.gif) top left no-repeat;}
#topNavGames {background:url(../img/nav_tabs/act/games.gif) top left no-repeat;}
#topNavRoulette {background:url(../img/nav_tabs/act/roulette.gif) top left no-repeat;}
#topNavLotto {background:url(../img/nav_tabs/act/lotto.gif) top left no-repeat;}
#topNavTv {background:url(../img/nav_tabs/act/tv.gif) top left no-repeat;}
#topNavSports {background:url(../img/nav_tabs/act/sports.gif) top left no-repeat;}
#topNavClubs {background:url(../img/nav_tabs/act/ourclubs.gif) top right no-repeat;padding-left:3px;}
/* #topNavClubs are at the end */
/*Passive (top layer)*/
#topNavBingo a {background:url(../img/nav_tabs/pas/bingo.gif) top left no-repeat;}
#topNavSlots a {background:url(../img/nav_tabs/pas/slots.gif) top left no-repeat;}
#topNavGames a {background:url(../img/nav_tabs/pas/games.gif) top left no-repeat;}
#topNavRoulette a {background:url(../img/nav_tabs/pas/roulette.gif) top left no-repeat;}
#topNavLotto a {background:url(../img/nav_tabs/pas/lotto.gif) top left no-repeat;}
#topNavTv a {background:url(../img/nav_tabs/pas/tv.gif) top left no-repeat;}
#topNavSports a {background:url(../img/nav_tabs/pas/sports.gif) top left no-repeat;}
#topNavClubs a {background: url(../img/nav_tabs/pas/ourclubs.gif) top right no-repeat;}
/*rollover*/
#topNavigation div a:hover, #topNavigation div a.active {background-image:none;}
/* MainBody ==============================*/
#mainBody {
position:relative;
z-index:2;
width:770px;
margin:-10px auto 0;
text-align:left;
}
#bingoHomePage #mainBody, #bingoInnerPage #mainBody {width:775px;}
/*BingoTabLeftNavigation*/
#bingoNavigation {
list-style:none; /*IE*/
margin:0; padding:0;
}
#bingoNavigation li {
width:150px;
list-style:none;
margin:0; padding:0;
}
#bingoNavigation li a{
display: block; overflow:hidden;
margin:0; padding:0;
width:100%; height:100%;
}
#bingoNavigation li a span {visibility:hidden;}
/*IE5 MAC*/
/*\*//*/
#bingoNavigation li a{overflow:inherit;}
/**/
/*Active (bottom layer)*/
#bingoNavHome {background:url(../img/nav_left_v2/act/home.gif) top left no-repeat; height:29px;}
#bingoNavAbout {background:url(../img/nav_left_v2/act/about_us.gif) top left no-repeat; height:29px;}
#bingoNavAboutNoStar {background:url(../img/nav_left_v2/act/about_us_nostar.gif) top left no-repeat; height:29px;}
#bingoNavJoin {background:url(../img/nav_left_v2/act/join_us.gif) top left no-repeat; height:29px;}
#bingoNavPlayBingo {background:url(../img/nav_left_v2/act/play_bingo.gif) top left no-repeat; height:29px;}
#bingoNavGettingStarted {background:url(../img/nav_left_v2/act/getting_started.gif) top left no-repeat; height:29px;}
#bingoNavGames {background:url(../img/nav_left_v2/act/games.gif) top left no-repeat; height:29px;}
#bingoNavSchedule {background:url(../img/nav_left_v2/act/schedule.gif) top left no-repeat; height:29px;}
#bingoNavWinners {display:none; background:url(../img/nav_left_v2/act/winners.gif) top left no-repeat; height:29px;}
#bingoNavCelebrity {background:url(../img/nav_left_v2/act/celebrity.gif) top left no-repeat; height:29px;}
#bingoNavPromotions {background:url(../img/nav_left_v2/act/promotions.gif) top left no-repeat; height:29px;}
#bingoNavContact {background:url(../img/nav_left_v2/act/contact_us.gif) top left no-repeat; height:29px;}
#bingoNavHelp {background:url(../img/nav_left_v2/act/help.gif) top left no-repeat; height:29px;}
#bingoNavNectar {background:url(../img/nav_left_v2/act/nectar.gif) top left no-repeat; height:29px;}
/*Passive (top layer)*/
#bingoNavHome a {background:url(../img/nav_left_v2/pas/home.gif) top left no-repeat;}
#bingoNavAbout a {background:url(../img/nav_left_v2/pas/about_us.gif) top left no-repeat;}
#bingoNavAboutNoStar a {background:url(../img/nav_left_v2/pas/about_us_nostar.gif) top left no-repeat;}
#bingoNavJoin a {background:url(../img/nav_left_v2/pas/join_us.gif) top left no-repeat;}
#bingoNavPlayBingo a {background:url(../img/nav_left_v2/pas/play_bingo.gif) top left no-repeat;}
#bingoNavGettingStarted a {background:url(../img/nav_left_v2/pas/getting_started.gif) top left no-repeat;}
#bingoNavGames a {background:url(../img/nav_left_v2/pas/games.gif) top left no-repeat;}
#bingoNavSchedule a {background:url(../img/nav_left_v2/pas/schedule.gif) top left no-repeat;}
#bingoNavWinners a {background:url(../img/nav_left_v2/pas/winners.gif) top left no-repeat;}
#bingoNavCelebrity a {background:url(../img/nav_left_v2/pas/celebrity.gif) top left no-repeat;}
#bingoNavPromotions a {background:url(../img/nav_left_v2/pas/promotions.gif) top left no-repeat;}
#bingoNavContact a {background:url(../img/nav_left_v2/pas/contact_us.gif) top left no-repeat;}
#bingoNavHelp a {background:url(../img/nav_left_v2/pas/help.gif) top left no-repeat;}
#bingoNavNectar a {background:url(../img/nav_left_v2/pas/nectar.gif) top left no-repeat;}
/*rollover*/
#bingoNavigation li a:hover, #bingoNavigation li a.active {background-image:none;}
#containerLeftColumn1 {margin:0; _margin-top:-1px; width:142px;}
#containerLeftColumn2 {margin:0 0 10px 0; _margin-top:10px;/*IE*/ width:142px;}
#containerLeftColumn3 {margin:15px 0 0 0; width:142px;}
/* Footer ==============================*/
#footer {
position:relative;
padding-top: 5px;
width:775px;
margin:10px auto 20px;
text-align:center;
border-top: 1px solid #ffaa00;
}
#iconGroup {
/* position:absolute;*/
/* top:70px; left:7px;*/
margin: 0px auto 18px;
width:770px;
}
#iconGroup img {margin-right:5px; vertical-align:middle;}
#breadCrumb {
/* position:absolute;*/
width:770px;
/* bottom:76px; left:140px; z-index:1;*/
display:block; list-style:none; /*duplicated for IE*/
margin:0 auto 6px; padding:0;
text-align:center;
}
#breadCrumb li {
display:inline; list-style:none;
margin:0 4px;
font-size:1.0em; line-height:1.2em;
}
#breadCrumb a {
font-weight:bold;
color:#0f208a;
font-size:1.1em;
text-decoration:underline;
}
#copyright {
width:760px;
margin:0; padding:0;
font-size:1.1em;
text-align:center;
color:#052391;
}
#copyright a{color:#666; text-decoration:underline;}
.copyright {
font-size:0.9em;
text-align:center;
color:#666;
}
p#gambleaware {
font-weight:bold;
color:#052391;
margin-bottom: 12px;
font-size:12px;
text-align:center;
line-height:1.5em;
padding:0;
}
p#gambleaware a {
color:#052391;
}
/* Utility Classes ==============================*/
.twoColumn, .threeColumn {overflow:hidden; width:100%;}
.minimalheight {
float:right;
width:1px;
}
.eight {height:8em;}
.twelve {height:12em;}
.fifteen {height:15em;}
.comment {font-size:0.9em; font-style:italic;}
.cleaner {
clear:both;
height:1px; line-height:1px; font-size:1px;
margin:-1px 0 0 0; padding:0;
border:none; visibility: hidden;
}
.floatLeft {float:left; margin:0 10px 0px 0;}
.floatRight {float:right; margin:0 0 10px 10px;}
.textAlignCenter {text-align:center;}
.hidden {display:none;}
.important {color:red; font-weight:bold;}
.orange {color:#FF4D00;}
/* Website Sections ==============================*/
/*HomePage*/
#bingoHomePage .twoColumn1 {float:left; width:223px;}
#bingoHomePage .twoColumn2 {float:left; width:223px; margin-left:3px;}
#bingoHomePage .threeColumn1 {width:150px;}
#bingoHomePage .threeColumn2 {float:right; width:449px; margin:0 12px 0 0px;}
#bingoHomePage .threeColumn3 {float:right; width:152px; }
#bingoHomePage h1 {margin:0 0 3px 0; text-align:center;}
#bingoHomePage #containerMiddle1 {height:18px;}
#bingoHomePage #containerMiddle1 h2 img {padding:0; margin:3px 0;}
#containerMiddle1 {margin:0; text-align:center; height:24px;}
#containerMiddle1 h2 img {padding:0; margin:6px 0;}
#containerBottom {height:130px; width: 775px; margin:5px 0 0 0;}
#containerRightColumn1 {z-index:1; margin:0;}
#containerRightColumn2 {margin:385px 0 10px 0;}
.rightColumnBox152 {background: url(../img/box_152x125_bg.gif) no-repeat; width:152px; height:125px; border:none; margin-bottom: 4px; position:relative;}
.rightColumnBox152 .rightColumnBox-image {width:152x; height:62px;}
.rightColumnBox152 .rightColumnBox-text {padding:3px 6px 0; line-height: 1.2em; font-size:10px; text-align:center; width:140px; color:#002d80; height:40px;}
.rightColumnBox152 .rightColumnBox-text a {color:#0078ff;text-decoration:underline; font-weight:bold; font-size:10px; line-height:1.6em;}
.rightColumnBox152 .rightColumnBox-text a:hover {color:#002D80;}
.rightColumnBox152 .rightColumnBox-text h3 {padding:0;}
.rightColumnBox152 .box-arrows {position:absolute; top:107px; left:0; width:152px;}
.box-arrows {height: 18px; padding:0; margin:0; width:100%;}
.box-arrows a {display:block; width:16px; height:18px;}
.box-arrows a.arrow-left {background:url(../img/box_arrow_left_bg.gif) top left no-repeat; float:left;}
.box-arrows a.arrow-left:hover {background-position: top right;}
.box-arrows a.arrow-right {background:url(../img/box_arrow_right_bg.gif) top left no-repeat; float:right;}
.box-arrows a.arrow-right:hover {background-position: top right;}
.centerColumnBox223 {background: url(../img/box_223x174_bg.gif) no-repeat; width:223px; height:174px; position:relative; margin-bottom: 5px;}
.centerColumnBox223 .centerColumnBox-flash {position:absolute; top:0; left:-3px;width:229x; height:83px;z-index:10;}
.centerColumnBox223 .centerColumnBox-text {padding:86px 6px 0; line-height: 1.3em; font-size:11px; text-align:center; width:211px; color:#002d80; height:68px;position:relative;}
.centerColumnBox223 .centerColumnBox-text a {color:#0078ff;text-decoration:underline; font-weight:bold;}
.centerColumnBox223 .centerColumnBox-text a:hover {color:#002D80;}
.centerColumnBox223 .centerColumnBox-text h3 {padding:0 0 2px; font-size:12px; line-height:1.6em;}
.centerColumnBox223 .box-arrows {position:absolute; top:156px; left:0; width:223px;}
.centerColumnBox449 {background: url(../img/box_449x190_bg.jpg) no-repeat; width:449px; height:191px; position:relative;}
.centerColumnBox449-container {position:absolute; top:0; left:0; width:449px; height:170px;z-index:1;}
#centerColumnBox449-tabs {position:absolute; top:170px; left:0; width:449px; height:21px;overflow:hidden;z-index:1;}
#centerColumnBox449-tabs a {display:block; float:left; text-align:center; text-decoration:underline; font-size:10px; font-weight:bold; color:#97caff; height:17px; line-height:14px; padding-top:4px;}
#centerColumnBox449-tabs a:hover {color:white;}
#centerColumnBox449-tabs a.tab-left {width:149px; background:url(../img/box_449x190_tab_left_bg.gif) no-repeat;}
#centerColumnBox449-tabs a.tab-cent {width:147px;border-left: 2px #000 solid; border-right: 2px #000 solid; background:url(../img/box_449x190_tab_cent_bg.gif) no-repeat;}
#centerColumnBox449-tabs a.tab-right {width:149px; background:url(../img/box_449x190_tab_right_bg.gif) no-repeat;}
#centerColumnBox449-tabs a.act {text-decoration:none; color:#fff; background:none;}
#centerColumnBox449-bg {z-index:0;width:449px; height:191px;}
.centerColumnBox449-container a.button {width: 140px; height:40px; display:block; float:left; margin: 0px; text-align:center; font-size:14px; color:#052391;}
.centerColumnBox449-container a.button span {display:block; margin-top:-999em;}
.centerColumnBox449-container a.button:hover {background-position: right top;}
.centerColumnBox449-container a.yellow {background: url(../img/box_449x190_button_yellow_joinus.png) left top no-repeat;}
.centerColumnBox449-container a.green-join{background: url(../img/box_449x190_button_green_joinus.png) left top no-repeat;}
.centerColumnBox449-container a.stf{background: url(../img/button_STF.png) left top no-repeat;}
.centerColumnBox449-container a.red {background: url(../img/box_449x190_button_red_playbingo.png) left top no-repeat; color: white;}
.centerColumnBox449-container a.playnow {background: url(../img/box_449x190_button_red_playnow.png) left top no-repeat; color: white;}
.centerColumnBox449-container a.everyone {background: url(../img/box_449x190_button_green_bg3.png) left top no-repeat; color: white;}
.centerColumnBox449-container a.summer {background: url(../img/big-summer-btn.png) left top no-repeat; color: white; width:280px;}
.centerColumnBox449-container a.green {background: url(../img/box_449x190_button_cyf_10_now.png) left top no-repeat; width:280px; height:38px;}
.centerColumnBox449-container a.extra {background: url(../img/box_449x190_button_extra_bg3.png) left top no-repeat; color: white;}
.centerColumnBox449-container a.promoButton {background: url(../img/promoButton.png) left top no-repeat; position:}
.centerColumnBox449-container a.promoButton-winner {background: url(../img/promoButton-winner.png) left top no-repeat;}
.centerColumnBox449-container a.redpromoButton {background: url(../img/box_449x190_button_red_bg3.png) left top no-repeat; color: white; position: absolute; left: 172px;}
.centerColumnBox449-container a.yellowpromoButton {background: url(../img/box_449x190_button_goto-games.png) left top no-repeat; color: white; position: absolute; left: 125px; top: 112px;}
.centerColumnBox449-container a.watchnow {background: url(../img/box_449x190_button_green_watchnow.png) left top no-repeat; position:}
.centerColumnBox449-container a.changes {background: url(../img/box_152X125_new_look_bttn.png) left top no-repeat; position:}
.centerColumnBox449-container a.queenshand {background: url(../img/box_560x38_button_claim5bonus.png) left top no-repeat; width:280px; height:38px; position: absolute; left: 85px; top: 120px;}
.centerColumnBox449 .frame {
background:transparent url(http://img0.eurobet.com/adyngb/20/img/trans_bkgrd_449x191.png) no-repeat scroll 0 0;
height:171px;
margin:0 0 170px 0;
padding:10px;
width:429px;
}
.centerColumnBox449 h2 {font-size:1.3em; color:#fff;}
.centerColumnBox449 p {font-size:1em; color:#cae3fd;}
.smallprint {font-size:.9em;}
/*BingoInnerPages*/
.bingoInnerPage .twoColumn1 {width:145px;}
.bingoInnerPage .twoColumn2 {position:relative; z-index:1; float:right; width:615px;}
.bingoInnerPage h2 {font-family:Arial, Helvetica, sans-serif; font-weight: bold;}
#tab-left-content h1 {margin:0 auto; text-align:left;}
#tab-left-content h1 img {margin:1em 1em 0;}
#tab-left-content div.tab-left-content-text {text-align:left; margin:1em 0 1em 1em;}
#tab-left-content div.tab-left-content-buttons {width: 285px; margin: 0 auto; overflow:hidden; text-align:center;}
#tab-left-content, #tab-cent-content, #tab-right-content {position:absolute; top:-999em; left:0; width:449px; height:170px;}
#tab-cent-content, #tab-right-content {width:390px;}
.centerColumnBox449 p {line-height:1.4em;}
/*Errors and ErrorPages*/
body.pageNotFound #mainBody {}
div.errorBody {margin:5px 50px 30px 50px; text-align:center;}
div.errorMessage {
position:relative;
margin:5px 0px; padding:20px;
background:#fff3bb url(../img/error/ico-error_cross_yellow.gif) no-repeat 10px center;
border:1px solid #ffd200;
}
/*Popups*/
body.popupPage {
text-align:left;
background-image:none;
}
body.popupPage h1{
text-align:center;
font-size: 1.7em; line-height:1.5em; font-weight: bold;
}
/* Affiliate table */
.affiliate-table {border-collapse: collapse;}
.affiliate-table th {font-weight:bold; border: 1px solid #FEAF00; text-align:center; padding:5px; background-color:#ffca00; color:#ff4d00; line-height:1.3em;}
.affiliate-table td {padding:5px; border: 1px solid #FEAF00; vertical-align:top;}
.affiliate-table td.subHeader {background-color:#fdeb97;}
.affiliate-table .odd {}
.affiliate-table .even {background-color:#002c56;}
.affiliate-table a {text-decoration:underline;}
/*buttons ammendments*/
/*.centerColumnBox449-container a.red {display:none;}*/
/*.centerColumnBox449-container a.yellow {position:absolute;left:120px;}*/
.centerColumnBox449-container a.nectar {background: url(../img/box_449x190_button_purple_bg3.png) left top no-repeat; color: white;}
.centerColumnBox449-container a.everyones-winner {background: url(../img/box_449x190_button_green_bg3.png) left top no-repeat; color: white;}
/*.centerColumnBox449-container a.nectar {display:none;}*/
.website-switcher {width:100%; background:url(../img/body_bg_v2.jpg) repeat-x bottom left; padding-bottom:131px;margin-bottom:-131px;}
.website-switcher .canvas {width:770px;margin:0 auto;text-align:left;}
.website-switcher .bar {background: #0537ca url(../img/bg-website-switcher.gif) left top repeat-x; padding:8px 0;margin-bottom:5px;}
.website-switcher .bar p {color:#fff; padding:0;font-family:Arial, Helvetica, sans-serif;line-height:1em;}
.website-switcher .bar p a {color:#fff; font-weight:bold;}
.website-switcher .bar p a:hover {color:#e0f4ff;}