/* - - - - - - - - - - - - - - - - - - - - -
Title : jpj
Author : rafal zerlak
URL : 
Description : 
Created : rafal zerlak http://www.ar-com.co.uk
Modified : 
- - - - - - - - - - - - - - - - - - - - - */

body {font-family: arial; font-size:12px; background: #E9F7EA url(../images/bg.jpg) repeat-x; color:#4D4D4D}
	body, h1, h2, h3, h4, form, fieldset, label {margin:0px; padding:0px; border:0px}
	img {padding:0px; margin:0px; border:0px}
	a {padding:0px; margin:0px; cursor:pointer; outline: none; text-decoration:none; color:#4D4D4D}
	a:hover {text-decoration: underline}
	p {margin:0px; padding:0px}

#holder {width:100%; background: url(../images/bg_holder.jpg) no-repeat scroll center 270px}

#wrapper {width:1020px; margin:0 auto; background: url(../images/bg_wrapper.png) repeat-y; position:relative; left:5px}
* html #wrapper {background: url(../images/bg_wrapper.gif) repeat-y;}

	#header {clear:both; overflow:hidden; width:1020px; height:125px; background: url("../images/bg_header.jpg") no-repeat}
		#header h1 {float:left; padding:35px 0 0 38px; margin:0} 
		#header h1 a {display:block; width:450px; height:60px; background: url("../images/logo.jpg") no-repeat; text-indent:-99999px}

	#main {clear:both; overflow:hidden; width:975px; margin:0 0 0 13px; padding:0 8px 0 8px; background: #E9F7EA url("../images/bg_main.jpg") no-repeat -1px 0px; border-left:1px solid #D9D9D9}

	#left {float:left; width:191px; padding:0; margin:0}
	#middle {float:left; width:522px; padding:0; margin:0 0 0 8px}
	#right {float:right; width:242px; padding:0;}
	#content {float:right; padding:0; margin:0}

		#menu {float:left; width:191px; padding:0 0 10px 0; margin:0 0 10px 0; background: url("../images/menu_bottom.png") no-repeat bottom left}
			#menu ul {float:left; padding:0 0 10px 0; margin:0; width:191px; background: url("../images/menu_bg.jpg") repeat-y;}
			#menu ul li {display:block; clear:both; padding:0 1px; margin:0; list-style:none; width:189px;}
			#menu ul li.play { padding:4px 1px 0 40px; height:35px; background: url("../images/tab_red.jpg") no-repeat; width:150px}
			#menu a {display:block; padding:2px 0 0 10px; font:15px/24px arial; color:#000000; height:29px}
			#menu a:hover, #menu a.active {background: url("../images/tab_red_on.jpg") no-repeat; text-decoration:none; color:#ffffff}
			#menu ul li.play a {padding:0;display:block; width:109px; height:29px; background-image: url("../images/btn_play_now.jpg"); background-repeat:no-repeat; background-position:0 0;text-indent:-999999px}
			#menu ul li.play a:hover {background-position:100% 0}
			#menu ul ul {background:none; width:189px; padding:3px 0}
			#menu ul ul li {padding:0; width:189px}
			#menu ul ul a {font:12px/16px arial; display:block; padding:3px 10px; width:169px; height:auto}
			#menu ul ul a:hover {background:none; color:#EB1C24; text-decoration:underline }
			
			#menu ul li.active a {background: url("../images/tab_red_on.jpg") no-repeat center left; text-decoration:none; color:#ffffff}
			#menu ul li.active a {color:#fff}

		a.chance {float:left; display:block; width:188px; height:123px; margin:0 0 10px 4px; background: url(../images/chance.png) no-repeat; text-indent:-99999px}
		* html a.chance {margin:0 0 10px 2px}

		#games {float:left; width:191px; padding:0 0 5px 0; margin:0 0 10px 0; background: url("../images/games_bottom.png") no-repeat bottom left}
			#games ul {float:left; padding:0; margin:0; width:191px; }
			#games ul li {float:left; display:block; clear:both; padding:0 1px; margin:0; list-style:none; width:189px; background: url("../images/games_bg.jpg") repeat-y;}
			#games ul li.top { padding:0px; width:191px; background:none}
			#games ul li.top a {display:block; font:13px/16px arial; padding:10px 0 0 40px; background: url("../images/tab_silver191.png") no-repeat; width:151px; height:27px; color:#000}
			#games ul li.game {padding:5px 1px 2px 8px; width:182px;}
			#games ul li.play {text-align:center}
			#games ul li.play a {display:inline-block; padding:2px 0 0 0; width:62px; height:20px; text-align:center} 
			#games ul li.play a, #games ul li.play a.active
				{background-image: url("../images/btn_play_.jpg"); background-position:0 0; color:#990000; text-decoration:none; font-weight:bold}
			#games ul li.play a:hover {background-position:0 100%;color:#feeb9f}

		#video {display:block; width:508px; height:412px; padding:9px 0 0 11px; margin:0 0 10px 0; background: url("../images/video.png") no-repeat}
		
		#stories {float:left; display:block; width:518px; padding:0 0 10px 0; margin:0 0 0 2px; background: url("../images/bg_features_bottom.png") no-repeat bottom left;}		
			* html #stories {margin:0 0 0 1px}
			#stories h1 {font:bold 12px/16px arial; padding:0 0 10px 0; color:#333333}
			#stories h2 {display:block; width:518px; height:19px; padding:3px 0 0 0; font:bold 12px arial; text-align:center; background: url("../images/tab_red518.png") no-repeat; color:#fff}
			#stories p {display:block; font:10px/12px arial; color:#666666}
			#stories img {float:left; margin:0 10px 5px 0}
			#stories a.more {float:right; color:#ec1c24; font:11px/16px arial}			
			#stories div.inner {float:left; display:block; width:508px; padding:6px 0 2px 10px; margin:0; background: url("../images/bg_features.png") repeat}		
			#stories .box {float:left; padding:10px 0 0 0; margin:0 12px 0 0; width:242px; background: url("../images/box_top.png") no-repeat top left;} 
			#stories .box .out {float:left; padding:0 0 10px 0; width:242px; background: url("../images/box_bottom.png") no-repeat bottom left;} 
			#stories .box .inn {float:left; padding:0 10px; width:222px; clear:both; overflow:hidden; background: url("../images/box_bg.png") repeat-y;}

		#latest-news {float:left; width:137px; height:220px; padding:84px 48px 0 57px; margin:0; background: url("../images/latest_news.jpg") no-repeat}
			#latest-news p {font-size:11px; padding:0 0 8px 0; display:block}
			#latest-news p.center {text-align:center}
			#latest-news a.more {float:right; font-size:11px;}

		#latest-winner {display:block; clear:both; overflow:hidden; width:242px; padding:0 0 5px 0; margin:0 0 10px 0; background: url("../images/latest_winner_bottom.jpg") no-repeat bottom left}
			* html #latest-winner {float:none}
			#latest-winner div.inner {float:left; display:block; clear:both; margin:0; padding:0 20px 0 0;width:222px; background: url("../images/latest_winner_bg.jpg") repeat-y;}
			#latest-winner a.top, #latest-winner h2 a {display:block; font:13px/16px arial; padding:10px 0 0 40px; background: url("../images/tab_silver241.jpg") no-repeat; width:201px; height:28px; color:#000}
			#latest-winner img {float:left;margin:0 10px 10px 10px;}
			#latest-winner h2 {display:block; font:bold 14px/16px arial;margin:0 0 10px 0;}
			#latest-winner h3 {display:block; font:16px/19px arial; color:#EC1C24}
			#latest-winner h4 {display:block; font:bold 12px/16px arial; color:#808080}
			#latest-winner a.more {float:right; margin:10px 0 0 0; color:#4D4D4D; font:11px/16px arial}
			#latest-winner p {display:block; clear:both; /* overflow:hidden; */ font:11px/13px arial; color:#4D4D4D; padding:5px 0 0 0}
			#latest-winner .winner p {clear:none;}
			
			.winner-middle img {
				float:left;
				margin:0 10px 0 0;
			}
			
			.winner-middle #content .content p {
				clear:none;
			}

		.item {display:block; clear:both; overflow:hidden; width:242px; padding:10px 0 10px 0; margin:0; background: url("../images/item_top241.png") no-repeat top left}
			.item div.inner {float:left; display:block; clear:both; padding:5px 12px 15px 17px; margin:0; width:213px; background: url("../images/item_bg.png") repeat-y;}
			.item div.read {float:left; display:block; clear:both; padding:5px 12px 0 17px; margin:0; width:213px; height:22px; background: url("../images/item_bottom241.png")  no-repeat bottom left;}
			.item h1 {display:block; font:bold 18px arial; color:#ec1c24; padding:0 0 10px 0}			
			.item h2 {display:block; font:13px/16px arial; color:#333333}
			.item blockquote {color:#666666; font: italic 13px/16px arial; display:block; padding:0; margin:0}
			.item p {clear:both; overflow:hidden; font:11px/13px arial; color:#4c4c4c; padding:5px 0 0 0; text-align:justify}
			.item span {float:right; padding:1px 0 0 0; margin:3px 0 0 10px; width:103px; height:103px; background: url("../images/item_img_bg.jpg") no-repeat}
			.item div.read a {float:left; font:12px arial; color:#4c4c4c; padding:0; margin:0}

		ul.stars {float:left; display:block; padding:0 0 10px 0; margin:0; width:212px}
		ul.stars li {float:left; display:block; padding:0; margin:0 7px 0 0; height:25px; width:25px; background: url("../images/icon_star.jpg") no-repeat; text-indent:-99999px; list-style:none}

		#other-games {float:left; width:241px; padding:0 0 5px 0; margin:0 0 10px 0; clear:both; }
			* html #other-games {margin:0; padding:0}
			#other-games ul {float:left; padding:0; margin:0; width:241px; }
			#other-games ul li {float:left; display:block; clear:both; padding:0; margin:0; list-style:none; width:241px; }
			#other-games a {float:left; display:block; margin:0; padding:10px 0 0 40px; width:201px; color:333333; font:13px arial;}
			#other-games a.games {font:bold 16px arial; padding:19px 0 0 15px; background: url("../images/tab_silver_241_2.jpg") no-repeat; width:226px; height:40px; color:#ec1c24}
			#other-games a.bingo {height:27px; background: url("../images/tab_bingo.jpg") no-repeat;}
			#other-games a.slots {height:25px; background: url("../images/tab_slot.jpg") no-repeat;}
			#other-games a.mobile {height:28px; background: url("../images/tab_mobile.png") no-repeat;}

		#content {padding:10px 0 0 0; margin:0 0 10px 0; width:774px; background: url("../images/content_top.jpg") no-repeat top left;}
			#content .outter {float:left; padding:0 0 15px 0; width:774px; background: url("../images/content_bottom.jpg") no-repeat bottom left;} 
			#content .inner {float:left; padding:0 11px 0 7px; width:756px; clear:both; overflow:hidden; background: url("../images/content_bg.jpg") repeat-y;}
			#content .content {float:left; display:block; padding:20px; width:714px; border:1px solid #CCCCCC; clear:both; overflow:hidden; }
			#content .content h1 {font:bold 20px arial; display:block; padding:0 0 10px 0; color:#000}
			#content .content h2 {font:bold 17px arial; display:block; padding:0 0 15px 0; color:#666666}
			#content .content p {font:12px/16px arial; padding:0 0 15px 0; color:#191919; display:block; vertical-align: text-top; clear:both; overflow:hidden; text-align:justify}
			#content .content p img {padding:0 0 10px 0; display:inline-block}
			#content a, #content a:visited {font-weight:bold;text-decoration:underline}
			#content a:hover {text-decoration:none}
			

		div.heading {float:left; display:block; position:relative; padding:0 17px 0 25px; width:714px; height:69px; margin:0 0 3px 0; background: url("../images/heading_red756.jpg") no-repeat top left}
			div.heading h1 {float:left; color:#ffffff; font:36px arial; padding:8px 0 0 0; }
			div.price {right:10px; top:10px; display:block; width:48px; padding:10px 10px; height:50px; background: url("../images/price.png") no-repeat; position:absolute; z-index:100; font:bold 13px/14px arial; color:#ffffff; text-align:center}
			div.price span {display:block; font:bold 25px arial}

		#middle div.heading {width:459px; background: url("../images/heading_red501.jpg") no-repeat top left}

		#gallery {float:left; display:block; width:614px; clear:both; overflow:hidden; padding:0 50px 13px 50px}
			#gallery .left {float:left; width:111px}
			#gallery .right {float:right; width:485px;}
			.jcarousel-container {position: relative;}
			.jcarousel-clip {z-index: 2; padding: 0; margin: 0; overflow: hidden;  position: relative;}
			.jcarousel-list {z-index: 1; overflow: hidden; position: relative; top: 0; left: 0; margin: 0; padding: 0;}
			.jcarousel-list li, .jcarousel-item {float: left; list-style: none; width: 485px; height: 391px;}
			.jcarousel-clip-vertical {width:  485px; height: 391px;}
			.jcarousel-next {z-index: 3; display: none; }
			.jcarousel-prev {z-index: 3; display: none; }
			ul.carousel-clicker {padding:0; margin:0; width:111px}
			ul.carousel-clicker li {display:block; padding:0 0 15px 0; list-style:none; margin:0}

			#previewPane{text-align:center; vertical-align:middle; padding:0; height: 391px; width:485px; float:right; }
			#galleryContainer{float:left; height: 391px; width: 111px; padding:0; position:relative; }
			#galleryContainer #arrow_down{height:35px; position:absolute; bottom:0px; z-index:100; }
			#galleryContainer #arrow_up{ height:35px; position:absolute; top:0px; z-index:100;}
			#theImages{	top:35px; position:absolute; overflow:hidden; height:355px; } 
			#theImages div {position:relative; height:1500px; }
			#theImages img {border:0px; filter:alpha(opacity=50); opacity:0.5; padding-top:1px; }

		a.play_now {display:block; width:163px; height:35px; margin:0 auto; clear:both; overflow:hidden; background-image: url("../images/btn_play_blue.jpg"); background-repeat:no-repeat;background-position:0 0; text-indent:-99999px}
		a.play_now:hover {background-position:0 100%}	
		
		#middle #content {padding:10px 0 0 0; margin:0 0 10px 0; width:517px; background: url("../images/content_top517.jpg") no-repeat top left;}
			#middle #content .outter {float:left; padding:0 0 15px 0; width:517px; background: url("../images/content_bottom517.png") no-repeat bottom left;} 
			#middle #content .inner {float:left; padding:0 11px 0 7px; width:499px; clear:both; overflow:hidden; background: url("../images/content_bg517.png") repeat-y;}
			#middle #content .content {float:left; display:block; padding:20px 16px; width:464px; border:1px solid #CCCCCC; clear:both; overflow:hidden; }



	#footer {clear:both; overflow:hidden; padding:10px 0 0 0; width:1020px; height:174px; margin:0 auto; background: url(../images/bg_footer.png) no-repeat; position:relative; left:5px; text-align:center}
		#footer ul {float:left; margin:0; padding:0 0 15px 338px; clear:both; overflow:hidden; width:485px}
		* html #footer ul {padding:0 0 15px 237px;}
		#footer ul li {float:left; display:inline-block; padding:0 5px 0 0; margin:0 0 0 4px; list-style:none; border-right:1px solid #000; font:11px/12px arial}
		#footer ul li.last {border:0; padding:0}
		#footer ul li a {font:11px/12px arial; color:#000000; display:block; white-space:nowrap}
		#footer ul.games {padding:0 0 15px 190px; clear:both; overflow:hidden; width:700px}
		#footer ul.games li {padding:8px 18px 0 0; margin:0; border:0; vertical-align:top}
		#footer ul.games li.g1, #footer ul.games li.g5 {padding:0px 18px 0 0;}
		
	.breadcrumbs {
		color:#21A25A
	}

	hr {border: 1px solid #90D698;}
	
	.latest-winner img {
		float:left;
		margin:0 10px 0 0;
	}

	#content .latest-winner p {
		clear:none;
	}