html, body {
height: 100%;
margin: 0; padding: 0;
font: .90%/1.2 Tahoma, Verdana, Arial, Helvetica, sans-serif;
color: #252525;
}
html, body, input, select {
font: 12px Tahoma, Verdana, Arial, Helvetica, sans-serif;
}
form { margin: 0; }
a { color: #7b7bc1; text-decoration: none; }
a:hover { color: #cfbd13; text-decoration: underline; }
a.selected { color: #cfbd13; }
a img { border: 0; }
p { margin: 0 0 1em 0; }
h3 {
margin: 10px 0 10px 0;
font-weight: bold;
font-size: 14px;
color: #3d3d49;
}
.clear { clear: both; }
.replaced { overflow: hidden; text-indent: -999em; }
/* */
/* */
body { background: #252525 url(bgs/body.png) repeat-x 0 0; }
#page_bg { background: url(bgs/page_shadow.png) no-repeat center top; }
#page {
width: 760px;
margin: 0 auto;
}
/* */
/* */
#header {
height: 210px;
}
#header_topbar {
height: 30px;
background: url(bgs/topbar.png) no-repeat 0 0;
padding-left: 190px;
}
#header_topbar #homelink {
display: block;
width: 60px; height: 30px;
background: url(bgs/homelink.png) no-repeat 0 0;
}
#header_topbar #indexlink {
display: block;
width: 60px; height: 30px;
background: url(bgs/indexlink.png) no-repeat 0 0;
}
#header_flash {
width: 760px; height: 180px;
}
#navmenu {
position: absolute;
width: 180px; height: 275px;
margin-left: 10px;
}
#navmenu a, #navmenu a img { display: block; }
ul.navmenu { margin: 0; padding: 0; list-style: none;
height: 176px;
background: url(bgs/navmenu.png) no-repeat 0 0;
}
.navmenu li { height: 24px; margin: 0; padding: 0; }
.navmenu a {
height: 24px;
background: url(bgs/navmenu.png) no-repeat 0 0;
overflow: hidden;
text-indent: -999em;
}
.menu_games a { background-position: 0 0; }
.menu_systems a { background-position: 0 -24px; }
.menu_partners a { background-position: 0 -48px; }
.menu_news-events a { background-position: 0 -72px; }
.menu_players-centre a { background-position: 0 -96px; }
.menu_our-company a { background-position: 0 -120px; }
.menu_contact-us a { background-position: 0 -144px; }
#body_games .menu_games a, .menu_games a:hover { background-position: -180px 0; }
#body_systems .menu_systems a, .menu_systems a:hover { background-position: -180px -24px; }
#body_power-your-place .menu_partners a
, #body_compliance-with-lga .menu_partners a
, #body_faq .menu_partners a
, #body_glossary .menu_partners a
, .menu_partners a:hover { background-position: -180px -48px; }
#body_news .menu_news-events a
, #body_events .menu_news-events a
, .menu_news-events a:hover { background-position: -180px -72px; }
#body_where-to-play .menu_players-centre a
,#body_jackpots .menu_players-centre a
,#body_winners-gallery .menu_players-centre a
,#body_feedback .menu_players-centre a
, .menu_players-centre a:hover { background-position: -180px -96px; }
#body_our-company .menu_our-company a, .menu_our-company a:hover { background-position: -180px -120px; }
#body_contact-us .menu_contact-us a, .menu_contact-us a:hover { background-position: -180px -144px; }
/* */
/* */
#body_index {
background: #000000;
}
#body_index #page { width: 960px; }
#body_index #page_bg {
background: url(index/footer.png) no-repeat 0 619px;
}
#body_index #content_body {
height: 619px;
background: #fff url(index/content_bg.jpg) no-repeat 0 0;
}
#body_index #logo {
margin: 0 320px;
}
#body_index #sectionlinks { margin: 309px 0 0 161px; }
#body_index #sectionlinks a img{
display: block;
float: left;
margin-right: 1px;
}
/* */
/* */
body#body_home { background: #252525 url(bgs/home_body.png) repeat-x 0 0; }
#body_home #page_bg { background: url(bgs/home_page_shadow.png) no-repeat center top; }
#body_home #header { height: 335px; }
#body_home #header_flash { height: 305px; }
#body_home ul.navmenu { height: 168px; }
#body_home #content_body {
background: #fff url(bgs/home_left_col.png) repeat-y 0 0;
}
#content #home_content h1
,#content #home_news h2
,#content #home_events h2
{
margin: 0; padding: 0 0 0 10px;
color: #555;
font: bold 16px Arial, Verdana, Tahoma, Helvetica, sans-serif;
height: 30px;
line-height: 30px;
text-transform: none;
}
#content #home_content h1 { background: #f6e978 url(bgs/home_title_welcome.png) repeat-x 0 0; }
#content #home_news h2 { background: #cecef1 url(bgs/home_title_news.png) repeat-x 0 0; }
#content #home_events h2 { background: #e1e1e1 url(bgs/home_title_events.png) repeat-x 0 0; }
#home_content {
float: left;
width: 200px;
}
#body_home .content_box {
padding: 14px 10px 10px 10px;
}
#home_news {
float: left;
width: 270px;
}
#home_events {
float: left;
width: 290px;
}
#body_home .more_link { margin-top: 10px; }
#body_home .more_link a {
font-size: 11px;
font-weight: bold;
text-transform: uppercase;
}
#body_home .news_listing .item {
padding-bottom: 6px;
margin-bottom: 6px;
border-bottom: 1px dotted #bbb;
}
/* */
/* */
#content_body {
background: #fff url(bgs/left_col.png) repeat-y 0 0;
}
#content {
width: 760px;
min-height: 190px;
height: auto !important;
height: 190px;
background: url(bgs/left_col_pattern.png) no-repeat left bottom;
}
/* */
#submenu {
float: left;
width: 200px;
margin: 30px 0;
padding-top: 10px;
}
#submenu h2 {
color: #3d3d49;
font: bold 16px Arial, Tahoma, Verdana, Helvetica, sans-serif;
margin: 0; padding: 0 0 4px 30px;
border: 1px solid #ddd;
border-width: 0 0 1px 0;
}
#submenu ul { list-style: none; margin: 0 0 0 0; padding: 0;}
#submenu li {
margin: 0;
border-bottom: 1px solid #ddd;
}
#submenu li a {
display: block;
line-height: 20px;
padding: 0 0 0 30px;
}
#submenu li a.selected {
font-weight: bold;
color: #252525;
background: #ddd;
cursor: default;
}
#submenu li a.selected:hover { text-decoration: none; }
#submenu ul.list {
list-style: square;
margin-left: 2em;
}
#submenu ul.list li { border: 0;}
#submenu ul.list li a, #submenu ul.list li a.selected {
background-color: transparent;
padding: 0;
}
/* */
#content h1 {
background: #fff url(bgs/title.png) repeat-x 0 0;
margin: 0; padding: 0 0 0 210px;
color: #3d3d49;
font-size: 20px;
height: 30px;
line-height: 30px;
text-transform: uppercase;
font-weight: normal;
}
.content_section h2 {
margin: 0 0 8px 0; padding: 0;
color: #3d3d49;
font: bold 14px Arial, Tahoma, Verdana, Helvetica, sans-serif;
}
.content_section h2.underlined {
padding: 0 0 10px 0;
background: url(bgs/dotted_bbbbbb.png) repeat-x left bottom;
}
.content_section h2.main { text-transform: uppercase; }
#content_area {
float: left;
width: 560px;
padding-bottom: 10px;
}
#breadcrumbs { margin: 10px 0 0 10px; }
.content_section {
margin: 10px;
}
.content_section .section_image {
float: right;
width: 258px; height: 204px;
margin: 0 10px;
background: url(bgs/section_image.png) no-repeat 0 0;
}
.content_section .section_image img { margin: 6px 1px; }
.large_image {
float: right;
margin: 0 0 10px 10px;
background: url(bgs/large_image_top.png) no-repeat left top;
}
.large_image_b { background: url(bgs/large_image_bottom.png) no-repeat left bottom; padding: 5px 0; }
.large_image img { display: block; width: 256px; border: 1px solid #d2d2d2; border-width: 0 1px; }
/* */
/* */
.pagecontrols {
font-size: 10px;
line-height: 10px;
height: 13px;
margin: 0 0 10px 0; padding: 4px 0 0 0;
}
.pagecontrols p { margin: 0; padding: 0; }
.pagecontrols a, .pagecontrols span {
border: 1px solid #c7c7c7;
border-width: 1px 0;
display: block;
float: left;
width: 26px; height: 11px;
text-align: center;
}
.pagecontrols a:hover, .pagecontrols span { background: #fcf19d; color: #b09f00; }
.pagecontrols .prev, .pagecontrols a.prev:hover {
width: 30px;
border-width: 1px 0 1px 1px;
background: url(buttons/prev.png) no-repeat 0 0;
overflow: hidden; text-indent: -999em;
}
.pagecontrols .next, .pagecontrols a.next:hover {
width: 30px;
border-width: 1px 1px 1px 0;
background: url(buttons/next.png) no-repeat 0 0;
overflow: hidden; text-indent: -999em;
}
.pagecontrols a.prev:hover, .pagecontrols a.next:hover
{ background-position: 0 -11px; }
.pagecontrols span.prev, .pagecontrols span.next { width: 0; }
/* */
/* */
.games_categories .item {
width: 162px;
float: left;
margin: 0 12px 10px 0;
}
.games_categories .item a { display: block; }
.category_image { background: url(bgs/games_categories.png) no-repeat 0 0; padding: 6px 1px; }
.category_image img { display: block; width: 160px; height: 200px; }
.games_categories .title { text-align: center; }
/* */
.category_detail {
float: left;
width: 162px;
}
.category_detail h2 { margin: 0 0 6px 0; }
.category_detail .description { margin: 0; }
.games_list {
float: left;
width: 352px;
margin: 0 0 0 10px;
}
.games_list .item {
width: 162px;
float: left;
margin: 0 14px 10px 0;
}
.games_list .item a { display: block; }
.thumb { background: url(bgs/game_thumb.png) no-repeat 0 0; padding: 6px 1px; }
.thumb img { display: block; width: 160px; height: 120px; }
.games_list .title { text-align: center; }
/* */
/* */
.game_files {
float: right;
clear: right;
width: 258px;
margin: 0 0 10px 10px;
background: #e2e2e2;
}
.game_files h2 {
height: 26px;
line-height: 21px;
margin: 0; padding: 0;
color: #3d3d49;
font: bold 14px Arial, Tahoma, Verdana, Helvetica, sans-serif;
background: url(bgs/games_files_title.png) repeat-x 0 0;
text-transform: none;
}
.game_files h2 span { display: block; padding: 5px 0 0 8px; }
.game_files ul { list-style: none; margin: 10px; padding: 0; }
.game_files p { margin: 10px; }
/* */
/* */
/* */
.systems_section {
padding: 0 0 1px 0;
background: url(bgs/dotted_bbbbbb.png) repeat-x left bottom;
}
/* */
/* */
.news_listing .image {
float: left;
width: 170px; height: 132px;
}
.news_listing .row .image a { display: block; }
.news_listing .row {
background: url(bgs/dotted_3d3d49.png) repeat-x left top;
padding: 5px 0;
}
.news_listing .row p { margin-bottom: 0; }
.news_listing .first { background: none; }
.news_listing .details {
margin-left: 170px;
}
.news_listing .date, .news_details .date {
font-size: 10px;
text-transform: uppercase;
padding-left: 12px;
background: url(icons/date.png) no-repeat 2px center;
}
.news_listing .title {
margin: 5px 0 0 0;
}
/* */
/* */
/* */
.winners_list .item {
width: 162px;
float: left;
margin: 0 13px 10px 0;
}
.winners_list .item a { display: block; }
.winners_list .title { text-align: center; }
/* */
/* */
.jackpots_list {
width: 100%;
}
.jackpots_list th {
text-align: left;
padding: 5px;
}
.jackpots_list td {
text-align: left;
padding: 5px;
background: url(bgs/dotted_bbbbbb.png) repeat-x left top;
}
/* */
/* */
address.venue_contact {
margin: 10px 0;
}
/* */
/* */
/* */
.response_form { margin: 10px 0; }
.response_form ul { margin: 0; padding: 0; list-style: none; }
.response_form li { margin: 5px 0; }
.response_form em {
margin-right: 0.5em;
font-style: normal;
}
.response_form label {
display: block;
float: left;
width: 100px;
text-align: right;
margin-right: 5px;
}
.response_form input.text_input, .response_form textarea {
width: 300px;
border-width: 1px;
}
.response_form textarea { height: 100px; }
.response_form .submit_btn { margin-left: 105px; }
address { font-style: normal; }
address p { margin: 0 0 5px 0; }
/* */
/* */
.links_item { margin: 10px 0; }
.links_item h2 a { color: #7b7bc1; text-decoration: none; }
.links_item h2 a:hover { color: #cfbd13; text-decoration: underline; }
.links_item h2 a.selected { color: #cfbd13; }
.links_item .link_desc {
margin-left: 20px;
}
/* */
/* */
#content_bottom {
padding-bottom: 10px;
background: white;
border-top: 3px solid #252525;
background: #555 url(bgs/featured.png) repeat-x left bottom
}
#featured {
background: #555 url(bgs/featured.png) repeat-x top left;
height: 180px;
}
#featured_title {
padding: 6px 0;
width: 200px;
}
#featured h2 {
margin: 0;
padding: 2px 0 2px 20px;
color: #fff;
font-size: 14px;
font-weight: bold;
}
#featured .featured_list {
padding: 0 10px;
}
#featured .item {
float: left;
padding: 0 10px;
}
#featured .item a { display: block; color: #040404; font-weight: bold; }
#featured .item img { display: block; border: 1px solid #a9a9ad; }
#featured .item .title {
text-align: center;
padding: 3px 0 0 0;
}
/* */
/* */
.sitemap_section {
margin-left: 40px;
}
.sitemap_subsection {
margin-left: 40px;
}
.sitemap_subsection h3 {
font-weight: normal;
margin: 5px 0 0 0;
}
.sitemap_subsection p {
margin: 0 0 5px 0;
}
/* */
/* */