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

img, div, a, input, h1, h2, h3, li, label {behavior: url(../js/iepngfix.htc) }

body {font-family: verdana; font-size:11px; background:#014A99; color:#ffffff}
    body, h1, h2, h3, 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:#ffffff}
    a:hover {text-decoration: underline}
    p {margin:0px; padding:0px}

#wrapper {width:776px; margin:0 auto; padding-top:15px; position:relative}

    #header {clear:both; overflow:hidden; height:99px; background: url("http://promo.jackpotjoy.com/files/images/header.jpg") no-repeat}
        #header a {float:left; margin:6px 0 0 33px;}
        #header a {display:block; width:225px; height:89px; background: url("http://promo.jackpotjoy.com/files/images/logo.jpg") no-repeat; text-indent:-99999px}

    #navigation {clear:both; overflow:hidden; padding:3px 0 0 0; height:31px; background: url("http://promo.jackpotjoy.com/files/images/menu.jpg") repeat-x}
        #navigation ul {float:right; padding:0; margin:0; width:674px; height:31px; background: url("http://promo.jackpotjoy.com/files/images/navigation.jpg") no-repeat}
        #navigation ul li {float:left; display:inline; padding:0 1px 0 0; margin:0; list-style:none}
        #navigation ul li.last {padding:0}
        #navigation ul a {display:block; float:left; padding:0; height:31px; text-indent:-99999px}
        #navigation ul a.tab1 {width:85px}
        #navigation ul a.tab2 {width:94px}
        #navigation ul a.tab3 {width:99px}
        #navigation ul a.tab4 {width:197px}
        #navigation ul a.tab5 {width:195px}
        #navigation ul a.tab1:hover {background: url("http://promo.jackpotjoy.com/files/images/navigation.jpg") no-repeat 0 -31px}
        #navigation ul a.tab2:hover {background: url("http://promo.jackpotjoy.com/files/images/navigation.jpg") no-repeat -86px -31px}
        #navigation ul a.tab3:hover {background: url("http://promo.jackpotjoy.com/files/images/navigation.jpg") no-repeat -181px -31px}
        #navigation ul a.tab4:hover {background: url("http://promo.jackpotjoy.com/files/images/navigation.jpg") no-repeat -281px -31px}
        #navigation ul a.tab5:hover {background: url("http://promo.jackpotjoy.com/files/images/navigation.jpg") no-repeat -479px -31px}

    #main {clear:both; overflow:hidden; display:block; padding:4px 0 20px 0}
    * html #main {margin-bottom:13px}

        .outter {float:left; padding:7px 0 0 0; width:777px; background: url("http://promo.jackpotjoy.com/files/images/main_top.jpg") no-repeat top left;} 
        .inner {float:left; padding:0 0 7px 0; width:777px;   background: url("http://promo.jackpotjoy.com/files/images/main_bottom.jpg") no-repeat bottom left;} 
        .main {float:left; padding:0 8px; width:759px; clear:both; overflow:hidden; background: #ffffff url("http://promo.jackpotjoy.com/files/images/main.jpg") repeat-x; border-left:1px solid #2D5A8C; border-right:1px solid #013C7C}

        #left {float:left; width:605px;}
        #right {float:right; width:144px; height:490px; background: url("http://promo.jackpotjoy.com/files/images/jackpots.jpg") no-repeat}
        .leftcol {float:left; width:136px}
        .rightcol {float:right; width:457px}

        #panel_login {float:left; width:136px; height:117px; margin-bottom:4px; clear:both; background: url("http://promo.jackpotjoy.com/files/images/login.jpg") no-repeat bottom left;}
            #panel_login h3 {display:block; width:136px; height:22px; background: url("http://promo.jackpotjoy.com/files/images/player_login.jpg") no-repeat; text-indent:-99999px; clear:both; overflow:hidden}
            #panel_login form h3{
  margin: 0;
  padding: 0;
}
            #panel_login form {float:left; width:130px; padding:0 0 0 6px; margin:0px}
            #panel_login label {float:left; font:bold 11px Verdana; color:#000000}
            #panel_login input {float:left; width:123px; height:14px; border:1px solid #CCCCCC; font:11px Verdana}
            #panel_login a.go {float:left; display:block; margin:2px 0 0 33px; width:58px; height:17px; background: url("http://promo.jackpotjoy.com/files/images/btn_go.jpg") no-repeat; text-indent:-99999px}
            * html #panel_login a.go {margin-left:16px}
            #panel_login a {font:9px arial; color:#000000}
            #panel_login p {float:left; width:130px; text-align:center; clear:both}

        #quick_links {float:left; width:136px; clear:both}
            #quick_links ul {float:left; padding:0; margin:0; width:136px}
            #quick_links ul li {display:block; padding:0 0 2px 0; clear:both; overflow:hidden; width:136px; list-style:none}
            #quick_links ul li.q3 {padding-bottom:4px}
            #quick_links ul li.q4, #quick_links ul li.q5 {padding-bottom:0px}
            #quick_links ul li a {display:block; width:136px; text-indent:-99999px}
            #quick_links .q1 a {background: url("http://promo.jackpotjoy.com/files/images/quick_links.jpg") no-repeat 0 0; height:26px}
            #quick_links .q2 a {background: url("http://promo.jackpotjoy.com/files/images/quick_links.jpg") no-repeat 0 -26px; height:26px}
            #quick_links .q3 a {background: url("http://promo.jackpotjoy.com/files/images/quick_links.jpg") no-repeat 0 -52px; height:26px}
            #quick_links .q4 a {background: url("http://promo.jackpotjoy.com/files/images/quick_links.jpg") no-repeat 0 -78px; height:52px}
            #quick_links .q5 a {background: url("http://promo.jackpotjoy.com/files/images/quick_links.jpg") no-repeat 0 -130px; height:60px}
            #quick_links .q6 a {background: url("http://promo.jackpotjoy.com/files/images/quick_links.jpg") no-repeat 0 -190px; height:53px}
            #quick_links .q1 a:hover {background: url("http://promo.jackpotjoy.com/files/images/quick_links_on.jpg") no-repeat 0 0; height:26px}
            #quick_links .q2 a:hover {background: url("http://promo.jackpotjoy.com/files/images/quick_links_on.jpg") no-repeat 0 -26px; height:26px}
            #quick_links .q3 a:hover {background: url("http://promo.jackpotjoy.com/files/images/quick_links_on.jpg") no-repeat 0 -52px; height:26px}

        #prizes {float:left; padding:0px 0 0 0px; width:452px; height:149px; margin-bottom:7px; clear:both; background: url("http://promo.jackpotjoy.com/files/images/prizes.jpg") no-repeat; position:relative}

            .slideshowlite {position: relative; border:0; overflow: hidden; clear:both}
            .slideshowlite a {position: absolute; z-index: 1; width: 100%; height: 100%; text-align: center; }
            .slideshowlite ul, .slideshowlite ol {list-style: none; position: absolute; margin: 0; padding: 0; bottom: 3px; left: 5px; z-index: 3;}
            .slideshowlite ul li, .slideshowlite ol li {float: left; margin: 0 3px; width: 16px; }
            .slideshowlite ul li a {position: relative; display: block; width: 100%; height: 20px; width:20px; padding: 0; text-decoration: none; color: #666; background: url("http://promo.jackpotjoy.com/files/images/COUNTER_inactive.png") no-repeat; border: 0; text-align: center; font-size: 11px; text-indent:-999999px}
            .slideshowlite ul li a.current {color: #111; border:0; background: url("http://promo.jackpotjoy.com/files/images/COUNTER_clock.gif") no-repeat; width:20px; height:20px; text-indent:-99999px }
            .slideshowlite ul li a:hover {color: #fff;}
            .slideshowlite ol {top: 5px; position: relative; overflow: hidden; width: 100%; font-size: 14px; color: #fff; background: #000; padding: 3px 10px;}
            .slideshowlite ol li {width: 100%;}
            #prizes img {float:left}
            #slideshow, #slideshow ul {float:left; padding:0; margin:0; clear:both; overflow:hidden}

        #play {float:left; width:457px; display:block; clear:both; overflow:hidden; padding:0 0 6px 0;}
            #play a {display:block; width:223px; height:53px; text-indent:-99999px}
            #play a.join {float:left; background: url("http://promo.jackpotjoy.com/files/images/play.jpg") no-repeat 0 0;}
            #play a.join:hover {float:left; background: url("http://promo.jackpotjoy.com/files/images/play.jpg") no-repeat 0 -53px;}
            #play a.play {float:right; background: url("http://promo.jackpotjoy.com/files/images/play.jpg") no-repeat -223px 0;}
            #play a.play:hover {float:right; background: url("http://promo.jackpotjoy.com/files/images/play.jpg") no-repeat -223px -53px;}
        
        #games {float:left; position:relative; display:block; width:223px; height:154px; background: url("http://promo.jackpotjoy.com/files/images/games.jpg") no-repeat; }
            #games div {float:left; padding:39px 0 0 6px; width:215px; }
            #games ul {float:left; padding:0; margin:0; color:#333333;}
            #games ul li {float:left; display:block; width:134px; height:22px; padding:0; margin:0; }
            #games span {position: absolute; top:40px; right:3px; display:block}
            #games a {float:left; font:10px arial; color:#333333; padding:1px 0 0 10px; height:15px; margin:0; background: url("http://promo.jackpotjoy.com/files/images/silver_list.png") no-repeat; width:103px}
            #games a:hover {float:left; font:bold 11px arial; padding:3px 0 0 11px; background: url("http://promo.jackpotjoy.com/files/images/silver_list_on.png") no-repeat; width:123px; height:19px; color:#ffffff; text-decoration:none}
            * html #games a {background: url("http://promo.jackpotjoy.com/files/images/silver_list.gif") no-repeat;}
            * html #games a:hover {float:left; font:bold 10px arial; padding:3px 0 0 11px; background: url("http://promo.jackpotjoy.com/files/images/silver_list_on.gif") no-repeat; width:123px; height:19px; color:#ffffff; text-decoration:none}

        #winners {float:right; width:223px; height:154px; background: url("http://promo.jackpotjoy.com/files/images/winner.jpg") no-repeat; }
        #winners  .slideshowlite {width:223px}
            #winners .slideshowlite ul, #winners .slideshowlite ol {display:none}
            #winners img {float:left}
            #slideshow2, #slideshow2 ul {float:left; padding:0; margin:0; clear:both; overflow:hidden}
            
        #scoop {display:block; width:605px; height:115px; padding:0; margin:0; clear:both; overflow:hidden}

        #jackpots {float:left; width:144px;}
    
    #maintext {
        position:absolute;
        bottom:60px;
    }
    
    #footer {
        margin:250px 0 0 0;
		position:relative;
		z-index:999;
    }
    
    #footer, #maintext {clear:both; overflow:hidden; display:block; padding:0 20px 20px 20px;}
    * html #footer {width:736px; margin-bottom:20px}
        #maintext h1, #footer h1 {display:block; padding:0 0 15px 0; text-align:center; font:bold 11px Verdana}
        #maintext h2, #footer h2 {display:block; padding:0 0 15px 0; text-align:center; font:bold 11px Verdana}
        #maintext p, #footer p {float:left; display:block; padding:0 0 15px 0; text-align:justify}
        #maintext a, #footer a {font-weight:bold}
        #maintext em, #footer em  {float:right; display:inline-block; padding:0; margin:0; font-style:normal; width:auto}
        #maintext ul, #footer ul {float:left; padding:0; margin:0; width:736px}
        #maintext ul li, #footer ul li {float:left; display:inline; padding:0 20px 0 0; margin:0; list-style:none}
        #maintext ul li.tab, #footer ul li.tab {padding:0}
        #maintext ul li.right, #footer ul li.right {float:right; padding:0}
        #maintext table, #footer table {width:520px; padding:0; margin:0}