*{margin:0px; padding:0px;} body{font-family:Arial, Helvetica, sans-serif; font-size:12px; background:url(../images/top-bg.jpg) center top repeat-x #e6e6e6; color:#5c5c5c; line-height:20px; } img{border:none;} a:active, a:focus{outline:none;} h1, h2, h3 ,h4, h5, h6{color:#003a4f; font-size:20px; margin:20px 0px; } p{margin:20px 0px;} .clear:after{clear:both; display:block; content:" "; height:0px; font-size:0px; visibility:hidden;} .indent{padding-left:20px;} .content-left-indent{padding-right:20px;} @font-face { font-family: 'raleigh_btroman'; src: url('../fonts/raleighn/raleighn-webfont.eot'); src: url('../fonts/raleighn/raleighn-webfont.eot?#iefix') format('embedded-opentype'), url('../fonts/raleighn/raleighn-webfont.woff') format('woff'), url('../fonts/raleighn/raleighn-webfont.ttf') format('truetype'); font-weight: normal; font-style: normal; } #top, #content, #footer{max-width:960px; margin:0 auto;} #top-outer{height:150px;} #content{background:url(../images/content-bg.png) left top repeat-y;} #content img{max-width:100%; height:auto;} #content-left{float:left; width:75%; box-shadow:-10px 0px 10px -10px #999; -webkit-box-shadow:-10px 0px 10px -10px #999; -moz-box-shadow:-10px 0px 10px -10px #999;} #content-right{float:right; width:25%;} #content-inner{background:#fff;} #content-left #logo{position:relative; margin-top:-130px; left:-50px;} #content-right #sidebar {line-height:16px;} #content-right #sidebar #nav{background:#fff; position:relative; margin-top:-100px; margin-left:auto; margin-right:auto; max-width:245px; box-shadow:10px 15px 10px -10px; -moz-box-shadow:10px 15px 10px -10px; -webkit-box-shadow:10px 15px 10px -10px;} #content-right #sidebar #advert{text-align:center; margin-top:20px;} #content-right #sidebar a{text-decoration:none; color:#fff; font-size:14px;} #content-right #sidebar a:hover{text-decoration:underline;} #content-right #sidebar #nav ul{margin:0px; padding:0px; list-style:none;} #content-right #sidebar #nav ul li{padding-top:5px;} #content-right #sidebar #nav ul li:first-child{padding-top:0px;} #content-right #sidebar #nav h2{text-align:center; color:#fefefe; padding:10px; font-family:raleigh_btroman; text-transform:uppercase; font-weight:normal; margin:0px;} #content-right #sidebar #nav h2 a{font-size:20px;} #content-right #sidebar #nav #main, #content-right #sidebar #nav #casino-games{background:#c61f27;} #content-right #sidebar #nav #mobile{background:#213f7a;} #content-right #sidebar #nav #deposits{background:#537874;} #content-right #sidebar #nav #reviews{background:#666666;} #content-right #sidebar #nav ul.main-navi {background:#e14146;} #content-right #sidebar #nav ul.main-navi li{background:url(../images/arrow1.png) 10px center no-repeat; padding:5px 10px 5px 28px; border-top: 1px solid #c61f27; border-bottom:1px solid #c61f27;} #content-right #sidebar #nav ul.mobile-navi {background:#466fc1;} #content-right #sidebar #nav ul.mobile-navi li{background:url(../images/arrow2.png) 10px center no-repeat; padding:5px 10px 5px 28px; border-top: 1px solid #213f7a; border-bottom:1px solid #213f7a;} #content-right #sidebar #nav ul.deposits-navi {background:#769995;} #content-right #sidebar #nav ul.deposits-navi li{background:url(../images/arrow3.png) 10px center no-repeat; padding:5px 10px 5px 28px; border-top: 1px solid #537874; border-bottom:1px solid #537874;} #content-right #sidebar #nav ul.reviews-navi {background:#999999;} #content-right #sidebar #nav ul.reviews-navi li{background:url(../images/arrow4.png) 10px center no-repeat; padding:5px 10px 5px 28px; border-top: 1px solid #666666; border-bottom:1px solid #666666;} #footer-outer{ color: #fff; padding: 10px 0px; background-color: #7a5d21; text-align:center; } #footer{text-align:center;} #footer a{color:#fff; text-decoration:none;} #footer a:hover{text-decoration:underline;} #footer ul{display:table; margin:0 auto; list-style:none; padding:5px 0px;} #footer ul li{float:left; padding:0px 10px; border-right:1px solid #fff; line-height:12px;} #footer ul li:last-child{border:none;} #footer-inner > div {padding-top:20px;} #footer-inner {padding:0px 10px;} div.table{ margin-top: 10px; overflow: hidden; } div.casino-table{} div.table-indent{padding:10px; position:relative;} div.casino-table .offer{line-height:20px;} div.casino-table .offer div.table-indent > div{padding:2px 0px;} div.casino-table .links div.table-indent > div{padding:5px 0px;} div.casino-table .links div.table-indent > div:first-child{padding-top:0px;} div.casino-table .logo{text-align:center; width:25%;} div.casino-table .offer{} div.casino-table .rating{width:43px;} div.casino-table .links{text-align:center;} div.casino-table .arrows{width:55px; background:#fff;} .casino{position:relative; margin-top:-0px; margin-right:-1px; color:#fff; line-height:0px;} .mobile-table{margin-top:18px;} .casino > div{padding-left:30px; height:131px; overflow:hidden;} .casino a{color:#fff; text-decoration:none;} .casino table{width:100%; height:130px; border:0px; border-collapse:collapse; line-height:0px;} .casino1{background:url(../images/table/bg1.png)left top no-repeat; height:131px; z-index:10;} .casino1 .links{background:#711316;} .casino1 .offer1, .casino1m .offer1{color:#711316;} .casino1m .link1{background:#711316;} .casino2{background:url(../images/table/bg2.png)left top no-repeat; height:130px; z-index:9;} .casino2 .links{background:#0f1c37;} .casino2 .offer1, .casino2m .offer1{color:#0f1c37;} .casino2m .link1{background:#0f1c37;} .casino3{background:url(../images/table/bg3.png)left top no-repeat; height:130px; z-index:8;} .casino3 .links{background:#537874;} .casino3 .offer1, .casino3m .offer1{color:#537874;} .casino3m .link1{background:#537874;} .casino4{background:url(../images/table/bg4.png)left top no-repeat; height:150px; z-index:7;} .casino4 .links{background:#666666;} .casino4 .offer1, .casino4m .offer1{color:#666666;} .casino4m .link1{background:#666666;} .casino4 table .table-indent{margin-top:-25px;} .casino1m{background:url(../images/table/bg1-m.png)left top repeat-x #e14146; z-index:10;} .casino2m{background:url(../images/table/bg2-m.png)left top repeat-x #466fc1; z-index:9;} .casino3m{background:url(../images/table/bg3-m.png)left top repeat-x #769995; z-index:8;} .casino4m{background:url(../images/table/bg4-m.png)left top repeat-x #999999; z-index:7;} .offer1{font-family:'raleigh_btroman'; font-weight:bold; font-size:46px; text-transform:uppercase; font-weight:bold; letter-spacing:2px; line-height:46px;} .offer2{font-family:'raleigh_btroman'; text-transform:uppercase; font-size:24px; letter-spacing:2px; line-height:24px;} .offer3{} .link2 a{text-transform:uppercase; font-size:20px; letter-spacing:2px;} .link1 a{font-family: 'raleigh_btroman'; text-transform:uppercase; font-size:24px; font-weight:bold; font-size:46px; line-height:46px;} .mobile-casino table{width:100%; text-align:center; color:#fff; border-collapse:collapse; border:0px;} .mobile-casino table a{color:#fff; text-decoration:none;} .mobile-casino .offer .left{float:right; position:relative; left:-50%;} .mobile-casino .offer .right{float:left; position:relative; right:-50%;} .left-label{position:absolute; top:-1px; left:0px;} .right-label{position:absolute; top:-1px; right:0px;} .mobile-casino .link2, .mobile-casino .link1{padding:10px 0px;} /******************************************************************************************** MEDIA QUERIES ********************************************************************************************/ #mobile-nav-wrapper{display:none; background:#bf4f00; text-align:center;} #mobile-nav-wrapper h2{font-family:serifa_btroman; text-transform:uppercase; color:#fff; margin:0px; padding:10px 0px;} #mobile-nav-wrapper a{color:#fff; text-decoration:none;} #mobile-nav-wrapper h2.menu-toggle { margin:0px; padding:15px 0px;} #mobile-nav-wrapper .menu-wrapper{display:none;} #mobile-nav-wrapper .menu-toggle:hover{cursor:pointer;} #mobile-nav-wrapper .sub-menu ul{display:none;} #mobile-nav-wrapper .sub-menu:hover ul{display:block;} #mobile-nav-wrapper .sub-menu h3:hover, .content-toggle{cursor:pointer;} .mobile-casino-table{display:none;} @media screen and (max-width:1070px){ #content-left #logo{left:0px;} } @media screen and (max-width:810px){ .link1 a, .offer1{font-size:30px; line-height:30px;} .offer2{font-size:18px; line-height:18px;} } @media screen and (max-width:800px){ } @media screen and (max-width:768px){ #mobile-nav-wrapper{display:block;} } @media screen and (max-width:720px){ #content-right{width:25%;} #content-left{width:75%;} } @media screen and (max-width:700px){ #content-right{width:24%;} #content-left{width:76%;} div.casino-table .logo{width:22%;} } @media screen and (max-width:640px){ #content-right{float:none; width:100%;} #content-left{float:none; width:100%;} #advert{display:none;} #content-right #sidebar #nav{box-shadow:none; -moz-box-shadow:none; -webkit-box-shadow:none; margin:0px; max-width:100%;} .casino-table{display:none;} .content-left-indent{padding-right:0px;} .mobile-casino-table{display:block;} .indent{padding:0px 20px;} .content-toggle{} .link1 a, .offer1{font-size:46px; line-height:46px;} .offer2{font-size:24px; line-height:24px;} #content-left #logo{left:0px; right:0px; text-align:left; position:absolute; margin-top:-227px; text-align:center;} #content-inner{padding-top:77px;} } @media screen and (min-width:641px){ #the-content{display:block !important;} } .videoWrapper { position: relative; padding-bottom: 56.25%; /* 16:9 */ padding-top: 25px; height: 0; } .videoWrapper iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; } /*fix chrome scaling problem*/ img{ transform: translateZ(0) scale(0.999999); } /* SEO editorial updates: 2026-10-01. Existing Play button styles are retained. */ #the-content .author-byline { margin:0 0 20px; font-size:14px; line-height:1.6; } #the-content .updated-date { color:#646464; font-size:13px; } #the-content .editorial-section, #the-content > .indent > p { font-size:16px; line-height:1.65; } #the-content .editorial-section { margin:26px 0; } #the-content .editorial-section h2 { font-size:24px; line-height:1.3; margin:24px 0 14px; } #the-content .editorial-section p { margin:14px 0; } #the-content .editorial-section a, #the-content > .indent > p a, .author-byline a { color:#003a4f; text-underline-offset:3px; } #the-content .page-jump-links { display:flex; flex-wrap:wrap; gap:8px 16px; margin:18px 0; font-size:14px; line-height:1.6; } #the-content .page-jump-links a { color:#003a4f; } #the-content .game-comparison-wrap { overflow-x:auto; margin:18px 0; } #the-content .game-comparison { width:100%; border-collapse:collapse; table-layout:fixed; font-size:14px; line-height:1.5; } #the-content .game-comparison caption { text-align:left; padding:0 0 10px; font-weight:bold; color:#003a4f; } #the-content .game-comparison th, #the-content .game-comparison td { border:1px solid #d1d9dd; padding:12px 10px; text-align:left; vertical-align:top; overflow-wrap:anywhere; } #the-content .game-comparison thead th { background:#003a4f; color:#fff; } #the-content .game-comparison tbody th { background:#f2f6f7; width:17%; } #the-content .source-note { font-size:13px; line-height:1.6; } #the-content .commercial-note { padding:12px 14px; border-left:3px solid #769995; background:#f2f6f7; font-size:13px; line-height:1.6; } #the-content .play-safely { padding:16px 18px; background:#f2f6f7; border-left:3px solid #003a4f; } #the-content .play-safely h2 { margin-top:0; } #the-content .faq-item { border:1px solid #d1d9dd; border-radius:3px; margin:10px 0; background:#fff; } #the-content .faq-item summary { cursor:pointer; padding:15px 16px; font-weight:bold; color:#003a4f; line-height:1.5; } #the-content .faq-item[open] summary { border-bottom:1px solid #d1d9dd; background:#f2f6f7; } #the-content .faq-answer { padding:0 16px 3px; } #the-content .casino-table .offer1, #the-content .mobile-casino-table .offer1 { font-family:Arial,Helvetica,sans-serif; font-size:18px; line-height:1.4; letter-spacing:0; text-transform:none; } #the-content .casino-table .offer2, #the-content .mobile-casino-table .offer2 { font-family:Arial,Helvetica,sans-serif; font-size:16px; line-height:1.4; letter-spacing:0; text-transform:none; } #the-content .casino-review-link { text-decoration:underline; font-size:13px; line-height:1.5; text-underline-offset:2px; } #footer-outer #footer { padding:0 20px; box-sizing:border-box; font-size:13px; line-height:1.65; } #footer-outer #footer p { margin:10px 0; } #footer-outer #footer .footer-nav a { text-decoration:underline; display:inline-block; padding:3px 4px; } a:focus-visible, summary:focus-visible, [tabindex]:focus-visible { outline:3px solid #1471a2; outline-offset:3px; } #content h1 { cursor:default; } .author-role { font-size:18px; font-weight:bold; color:#003a4f; } @media screen and (max-width:640px) { #the-content .editorial-section h2 { font-size:22px; } #the-content .game-comparison { min-width:560px; } #the-content .faq-item summary { padding:14px 12px; } #the-content .faq-answer { padding:0 12px 3px; } } /* Trust pages and shared footer: 2026-10-01. Play button styles are unchanged. */ #footer-outer #footer { text-align:left; padding:22px 24px 16px; } #footer .footer-trust-nav { display:grid; grid-template-columns:1.1fr 1fr 1fr; gap:24px; } #footer .footer-group h2 { color:#fff; font-family:Arial,Helvetica,sans-serif; font-size:16px; line-height:1.4; margin:0 0 10px; } #footer .footer-group ul { display:block; list-style:none; margin:0; padding:0; } #footer .footer-group li { float:none; border:0; padding:0; line-height:1.55; } #footer .footer-group a { display:inline-block; padding:6px 0; text-decoration:underline; text-underline-offset:3px; } #footer .footer-notices { border-top:1px solid rgba(255,255,255,.4); margin-top:22px; padding-top:10px; max-width:900px; font-size:13px; line-height:1.65; } #footer .footer-notices a { text-decoration:underline; text-underline-offset:3px; } #footer a[aria-current="page"] { font-weight:bold; } #footer a:focus-visible { outline-color:#fff; } #the-content .trust-date { color:#626262; font-size:13px; margin:12px 0 20px; } #the-content .trust-breadcrumb { font-size:13px; line-height:1.65; margin:0 0 10px; } #the-content .trust-breadcrumb span { margin-left:7px; } #the-content .trust-content { overflow-wrap:anywhere; } #the-content .trust-content code { font-size:.92em; overflow-wrap:anywhere; } #the-content .trust-callout, #the-content .trust-draft { padding:2px 16px; margin:20px 0; border-left:4px solid #003a4f; background:#f2f6f7; } #the-content .trust-draft { border-color:#866100; background:#fff6dc; } #content-right #sidebar .trust-sidebar { background:#f2f6f7; color:#003a4f; margin:-65px 12px 25px 0; padding:16px 18px; border-top:4px solid #003a4f; } #content-right #sidebar .trust-sidebar h2 { font-family:Arial,Helvetica,sans-serif; color:#003a4f; font-size:18px; line-height:1.4; margin:0 0 12px; } #content-right #sidebar .trust-sidebar ul { list-style:none; margin:0; padding:0; } #content-right #sidebar .trust-sidebar li { border-top:1px solid #d1d9dd; } #content-right #sidebar .trust-sidebar a { color:#003a4f; display:block; padding:10px 0; font-size:14px; line-height:1.45; text-decoration:underline; text-underline-offset:3px; overflow-wrap:anywhere; } #content-right #sidebar .trust-sidebar a[aria-current="page"] { font-weight:bold; } #content-right #sidebar .trust-sidebar p { margin:12px 0 0; } @media screen and (max-width:640px) { #footer-outer #footer { padding:22px 20px 16px; } #footer .footer-trust-nav { grid-template-columns:1fr 1fr; gap:24px 16px; } #footer .footer-group:last-child { grid-column:1 / -1; } #content-right #sidebar .trust-sidebar { margin:20px; } } @media screen and (max-width:360px) { #footer .footer-trust-nav { grid-template-columns:1fr; } #footer .footer-group:last-child { grid-column:auto; } } /* Menu heading and homepage comparison layout repair: 2026-10-01. Casino listings, referral destinations and Play button styles are untouched. */ #content-right #sidebar #nav .menu.main > h2, #content-right #sidebar #nav #casino-games { background:#c61f27; color:#fff; } #the-content #game-types.game-comparison-panel { box-sizing:border-box; margin:28px 0 32px; padding:0 18px 6px; border:1px solid #8eafb7; border-radius:8px; background:#eef5f7; box-shadow:0 3px 12px rgba(0,58,79,.10); scroll-margin-top:18px; } #the-content #game-types.game-comparison-panel > h2 { margin:0 -18px 16px; padding:16px 18px; border-radius:7px 7px 0 0; background:#003a4f; color:#fff; font-size:24px; line-height:1.3; } #the-content #game-types .game-comparison-wrap { max-width:100%; overflow-x:auto; margin:16px 0; -webkit-overflow-scrolling:touch; } #the-content #game-types .game-comparison { min-width:560px; background:#fff; } #the-content #game-types .game-comparison caption { background:#eef5f7; padding-bottom:12px; } #the-content #game-types .game-comparison thead th:first-child { width:17%; } #the-content #game-types .game-comparison tbody th { background:#deedf1; } #the-content #game-types .game-comparison tbody td { background:#fff; } #the-content #game-types .game-comparison tbody tr:nth-child(even) td { background:#f5f9fa; } #the-content #game-types .comparison-scroll-hint { display:none; margin:12px 0 0; color:#365964; font-size:13px; line-height:1.5; } #the-content #game-types .source-note { padding-top:12px; border-top:1px solid #c2d7de; } @media screen and (max-width:900px) { #the-content #game-types .comparison-scroll-hint { display:block; } } @media screen and (max-width:640px) { #the-content #game-types.game-comparison-panel { padding:0 12px 4px; } #the-content #game-types.game-comparison-panel > h2 { margin:0 -12px 14px; padding:14px 12px; font-size:22px; } } /* Menu contrast correction: 1 October 2026. */ /* Readable menu colours. Desktop/mobile layout rules are unchanged. */ #content-right #sidebar #nav .menu > h2, #content-right #sidebar #nav .menu > h2 a { color:#fff; line-height:1.3; } #content-right #sidebar #nav .menu.main > h2, #content-right #sidebar #nav #main, #content-right #sidebar #nav #casino-games { background-color:#8b1a20; color:#fff; } #content-right #sidebar #nav #mobile { background-color:#17345c; } #content-right #sidebar #nav #deposits { background-color:#21453f; } #content-right #sidebar #nav #reviews { background-color:#303030; } #content-right #sidebar #nav ul.main-navi { background-color:#a51f27; } #content-right #sidebar #nav ul.mobile-navi { background-color:#244d85; } #content-right #sidebar #nav ul.deposits-navi { background-color:#2e5953; } #content-right #sidebar #nav ul.reviews-navi { background-color:#454545; } #content-right #sidebar #nav ul.main-navi li { border-color:#8b1a20; } #content-right #sidebar #nav ul.mobile-navi li { border-color:#17345c; } #content-right #sidebar #nav ul.deposits-navi li { border-color:#21453f; } #content-right #sidebar #nav ul.reviews-navi li { border-color:#303030; } #content-right #sidebar #nav li a, #content-right #sidebar #nav li a:link, #content-right #sidebar #nav li a:visited { display:block; color:#fff; background-color:transparent; font-weight:600; line-height:1.45; opacity:1; text-shadow:none; } #content-right #sidebar #nav li a:hover, #content-right #sidebar #nav li a:focus, #content-right #sidebar #nav li a:active, #content-right #sidebar #nav li a[aria-current="page"] { color:#fff; background-color:#101820; text-decoration:underline; text-underline-offset:3px; } #content-right #sidebar #nav li a:focus { outline:2px solid #fff; outline-offset:1px; } /* Protect not-yet-replaced information menus during a staggered upload. */ #content-right #sidebar .trust-sidebar { background-color:#f2f6f7; color:#003a4f; } #content-right #sidebar .trust-sidebar h2, #content-right #sidebar .trust-sidebar a, #content-right #sidebar .trust-sidebar a:link, #content-right #sidebar .trust-sidebar a:visited { color:#003a4f; } #content-right #sidebar .trust-sidebar a:hover, #content-right #sidebar .trust-sidebar a:focus, #content-right #sidebar .trust-sidebar a:active, #content-right #sidebar .trust-sidebar a[aria-current="page"] { color:#003a4f; background-color:#e0ecef; text-decoration:underline; } #content-right #sidebar .trust-sidebar a:focus { outline:2px solid #003a4f; outline-offset:1px; } /* Footer flow and text protection. Keep the original floated desktop columns and the original stacked mobile layout. Do not change casino-listing styles. */ #content-outer, #content, #content-inner, #content-left, #content-right, #the-content { height:auto; max-height:none; overflow:visible; } #content-inner { display:flow-root; } /* Explicit legacy clearfix: independent of the shared .clear class. */ #content-inner:after { content:""; display:block; clear:both; height:0; line-height:0; visibility:hidden; } #the-content:after { content:""; display:block; clear:both; height:0; line-height:0; visibility:hidden; } #footer-outer { display:block; clear:both; float:none; position:static; top:auto; right:auto; bottom:auto; left:auto; box-sizing:border-box; width:100%; height:auto; max-height:none; overflow:visible; margin-top:0; } #footer-outer #footer { box-sizing:border-box; width:100%; max-width:960px; height:auto; max-height:none; overflow:visible; } #footer .footer-trust-nav { grid-template-columns:minmax(0,1.1fr) minmax(0,1fr) minmax(0,1fr); } #footer .footer-group, #footer .footer-notices { min-width:0; max-width:100%; height:auto; max-height:none; overflow:visible; overflow-wrap:break-word; word-wrap:break-word; } #footer .footer-group li, #footer .footer-group a, #footer .footer-notices p, #footer .footer-notices a { height:auto; max-height:none; max-width:100%; white-space:normal; overflow:visible; text-overflow:clip; overflow-wrap:break-word; word-wrap:break-word; } @media screen and (max-width:640px) { #footer .footer-trust-nav { grid-template-columns:minmax(0,1fr) minmax(0,1fr); } } @media screen and (max-width:360px) { #footer .footer-trust-nav { grid-template-columns:minmax(0,1fr); } }