body 
{
    font-size: 75%;
    background: url(images/bodyBg.png) top left repeat-x;
}

#view .container 
{
    margin: 0 auto;
    width: 960px;
}

#view .scroller .container 
{
    width: 317px;
}

.head 
{
    font-weight: bold;
}

/* Content styling */
#header h1 
{
    padding: 0;
}

.generic table 
{
    border: 1px solid #ccc;
    margin-left: 10px;
    width: 98%;
    background: #fefefe;
}
.generic table thead th, .generic table tr.head th
{
    padding: 5px;
    border-bottom: 1px solid #666;
    border-right: 1px solid #666;
}
.generic table tr.head th
{
    border-top: 1px solid #666;
    border-right: 0px;
}

.generic table thead th.last 
{
    border-right: 0px;
}

.generic table tr td 
{
    padding: 5px;
    margin: 0;
    text-align: center;
    border-right: 1px solid #ccc;
}

.generic table tr.odd 
{
    background: #efefef;
}

.generic table tr td.first 
{
    border-right: 1px solid #666;
}
.generic table tr td.last 
{
    border: none;
}

.generic table.small td 
{
    padding: 1px;
    font-size: 85%;
}


p.goodLuck
{
    font-family: Verdana, Arial, Helvetica, Sans-Serif;
    font-size: 1.2em;
    color: #666;
}

p.help
{
    font-size: 0.9em;
    color: #666;
    text-align: center;
}

/* end content styling */




/* header */
#header 
{
    height: 160px;
    background: url(images/headerBg.png ) 50% 0 no-repeat;
    position: relative;
}

#logo 
{
    position: relative;
    top: 19px;
    left: 12px;
    z-index: 3;
}

#header .banner 
{
    position: absolute;
    top: 20px;
    right: 0px;
    z-index: 2;
}

#primaryNav 
{
    position: absolute;
    bottom: 10px;
    left: 10px;
}

#primaryNav
{
    list-style: none;
    padding: 0px;
    width: 100%;
}

#primaryNav li 
{
    display: inline;
    float: left;
    margin: 2px 5px 0 9px;
    padding: 0;
    background:transparent url(images/tabRight.gif) no-repeat right top; 
    font-size: 1.4em;
    position: relative;
}

#primaryNav li a 
{
    color: #353535;
    display: block;
    float: left;
    font-weight: bold;
    left: -9px;
    margin-right: -9px;
    padding: 5px 20px;
    position: relative;
    text-decoration: none;
    background:transparent url(images/tabLeft.gif) no-repeat left top; 
    font-weight: normal;
}

#primaryNav li:hover 
{
margin-top: 0px;
}
#primaryNav li a:hover 
{
    padding-bottom: 7px;
}
#primaryNav li.selected
{
    background-position: 100% -150px;
    margin-top: 0;
}
#primaryNav li.selected a 
{
    background-position: 0 -150px;
    padding-bottom: 7px;

}

/* end header */

/* primary content area */

#primaryContentArea  
{
    margin-top: 15px;
    max-width: 728px;
    float: left;
}

#primaryContentArea  .banner 
{
    margin: 0 0 10px 0;
}

#secondaryContentArea  
{
    float: right;
    margin: 15px 0 10px 0px;
}
/* footer */
#footer 
{
    width: 100%;
    border-top: 1px solid #ccc;
    clear: both;
    padding: 10px 0;
    position: relative;
    margin-top: 10px;
}
 
#footerNav 
{
    list-style: none;
    padding: 0;
}
#footerNav li 
{
    display: inline;
    padding: 0 5px;
    border-right: 1px solid #cecece;
}

#footerNav li.last
{
    padding-right: 0;
    border-right: 0;
}
#footerNav li.first
{
    padding-left: 0;
}

#footerNav li a 
{
    color: #666;
    font-size: 1em;
}

p.copyright 
{
    padding: 5px 0;
    font-size: 0.8em;
    color: #666;
}

div.logos 
{
    position: absolute;
    right: 0;
    top: 7px;
}
div.logos a 
{
    padding-left: 20px;
}


/* footer */

/* panels */
.panel 
{
    color: #666;
    border: 1px solid #cecece;
    position: relative;
    z-index: 5;
    margin-bottom: 10px;
}

.panel h2 
{
    border-bottom: 1px solid #fff;
    padding: 0;
    margin-bottom: 10px;
    color: #353535;
    font-size: 1.25em;
    
}

.panel h2 span 
{
    display: block;
    padding: 5px 10px;
    border-bottom: 1px solid #cecece;
    min-height: 22px;
}

.panel h3
{
    padding: 0;
    margin-bottom: 10px;
    margin-left: 10px;
    color: #353535;
    font-size: 1.2em;
    font-weight: normal;
    border-bottom: 1px solid #cecece;
    padding-bottom: 5px;
}

.panel h4
{
    padding: 0;
    margin-bottom: 5px;
    margin-left: 10px;
    color: #37865c;
    font-size: 1em;
    font-weight: bold;
}

.panel p 
{
    padding: 0 10px 1.25em 10px;
}

.panel .corner 
{
    background: url(images/corner.gif) no-repeat top left;
    position: absolute;
    width: 5px; height: 5px;
    z-index: 10;
}

.panel .lt 
{
    top: -1px;
    left: -1px;
}
.panel .rt 
{
    top: -1px;
    right: -1px;
    background-position: top right;
}
.panel .rb
{
    background-position: bottom right;
    bottom: -1px;
    right: -1px;
}
.panel .lb 
{
    background-position: bottom left;
    bottom: -1px;
    left: -1px;
}

.review .corner 
{
    background: url(images/round.png) no-repeat top left;
    position: absolute;
    width: 5px; height: 5px;
    z-index: 10;
}

.review .lt 
{
    top: 0px;
    left: 0px;
}
.review .rt 
{
    top: 0px;
    right: 0px;
    background-position: top right;
}
.review .rb
{
    background-position: bottom right;
    bottom: 0px;
    right: 0px;
}
.review .lb 
{
    background-position: bottom left;
    bottom: 0px;
    left: 0px;
}

.generic
{
    float: right;
    width: 100%;
    background: #eff8fc;
    width: 726px;
}

.generic .container 
{
    padding-right: 10px;
}

.welcome , .comparison
{
    float: left;
    width: 377px;
    background: #eff8fc;
}

.payment h2 
{
  background: #fdfaF8 url(images/paymentBg.png) repeat-x top left;
}

.welcome h2, .comparison h2, .generic h2
{
    background: #e4f0f7 url(images/welcomeBg.png) repeat-x top left;
    font-size: 1.5em;
}

.score h2 
{
    background: #e4f0f7 url(images/welcomeBg.png) repeat-x top left;
}

.winners , .dealersChoice
{
    float: right;
    width: 337px;
    background: white;
} 

.winners h2, .support h2, .dealersChoice h2
{
    background: #f8f2f2 url(images/winnersBg.png) repeat-x top left;
    margin-bottom: 0;
}

.dealersChoice .thumbnail 
{
    float: left;
    padding: 0 10px 10px 10px;
}
.dealersChoice .review 
{
    padding-top: 10px;
}


.winners .scroller 
{
    height: 190px;
    overflow: auto;
}

.winners table 
{
    border-bottom: 1px solid #cecece;
    border-top: 1px solid #cecece;
    width: 100%;
    margin: 0 10px;

}
.winners table tr 
{
    padding: 0;
    margin: 0;
}
.winners table tr td 
{
    font-size: 0.9em;
    padding: 2px 5px;
    margin: 0;
    border: 0;
}
.winners table tr.even
{
    background: #f1e7e7;
}

.winners table td.borders 
{
    border: 0;
    
    border-left: 1px solid #cecece;
    border-right: 1px solid #cecece;
}

.winners table caption 
{
    font-weight: bold;
    text-align: left;
    padding: 10px 0;
}


.news
{
    float: right;
    width: 100%;
    background: #f9f9f2;
} 

.promotions 
{
        background: #f9f9f2;
}

.news h2, .promotions h2
{
    background: #f1f1e1 url(images/newsBg.png) repeat-x top left;
}

.news h3
{
    margin: 0 10px 10px 10px;
    padding: 5px 0;
    border-bottom: 1px solid #cecece;
    font-size: 1.1em;
    font-weight: bold;
}
.news span.date 
{
    padding: 0 10px;
    font-size: 0.8em;
}

.news .archive 
{
    float: right;
    padding: 0 10px 10px 0;
}

.more 
{
    color: #666;
}

.more:hover 
{
    text-decoration: none;
}

.topSites 
{
    float: left;
    /*width: 100%; */
    background: white;
   /* padding-bottom: 10px;
    margin-bottom: 20px; */
}
.topSites h2, .payouts h2
{
   background: #f1f1f1 url(images/topSitesBg.png) repeat-x top left;
}

.topSites .site 
{
    padding: 0 10px 10px 10px;
    clear: both;
}

.topSites .site .thumbnail, #review .thumbnail 
{
    float: left;
    padding-right: 10px;
?}

.topSites .site .review 
{
    float: left;
    width: 571px;
    background: #eee;
    margin: 0px;
    min-height: 125px;
    position: relative;
}
.topSites .site .review h3 
{
    border-bottom: 1px solid #cecece;
    margin: 5px 10px 10px 10px;
    padding: 5px 0;
}
.topSites .site .review .description
{
    width: 462px;
    float: left;
}

.topSites .site .review .offer , .dealersChoice .review .offer 
{
/*    font-weight: bold;
    color: #00794b; */
    padding-bottom: 0;
}

.dealersChoice 
{
    width: 337px;
}
.dealersChoice .review .offer  
{
    clear: both;
}
.topSites .site .review .ratings 
{
    width: 100px;
    float: left;
}

.dealersChoice .buttons
{
    padding: 10px 0px 0px 10px;
    margin-bottom: 10px;
}
.dealersChoice .buttons .item
{
    
    float: left;
    display: inline;
    margin: 0;
    padding-right: 8px;
}
.dealersChoice .buttons .item .button 
{
    margin-top: 0;
}


.rating 
{
    width: 100px;
    height: 18px;
    line-height: 18px;
    text-align: center;
    position: relative;
    color: Black;
    background: url(images/ratingRight.png) no-repeat top right;
}

.rating .end 
{
    width: 6px;
    height: 18px;
    position: absolute;
    left: 0;
    top: 0;
    background: url(images/ratingLeft.png) no-repeat top left;
}

.rating .value 
{
    position: relative;
    font-size: 0.9em;
    z-index: 12;
}

.rating .bar 
{
    position: absolute;
    left:6px;
    top: 1px;
    height: 16px;
    display: block;
    z-index: 2;
    background: url(images/ratingBar.png) repeat-x top left;
}

.bar100
{
     width: 93px;
}

.bar99
{
     width: 92px;
}
.bar98
{
     width: 91px;
}
.bar97
{
     width: 90px;
}
.bar96
{
     width: 89px;
}
.bar95
{
     width: 88px;
}
.bar94
{
     width: 87px;
}
.bar93
{
     width: 86px;
}
.bar92
{
     width: 85px;
}
.bar91
{
     width: 84px;
}
.bar90
{
     width: 83px;
}
.bar89
{
     width: 82px;
}
.bar88
{
     width: 81px;
}
.bar87
{
     width: 80px;
}
.bar86
{
     width: 79px;
}
.bar85
{
     width: 78px;
}
.bar84
{
     width: 77px;
}
.bar83
{
     width: 76px;
}
.bar82
{
     width: 75px;
}
.bar81
{
     width: 74px;
}
.bar80
{
     width: 73px;
}


.navigation 
{
    color: #666;
    background: #e7f1ea;
    width: 220px;
    clear: none;
}

.navigation .navList 
{
    list-style: none;
    padding-left: 10px;
}


.navigation .navList li 
{
    background: url(images/listArrow.png) no-repeat 0 50%;
    padding: 2px 0;
}
.navigation .navList a 
{
    font-size: 1.2em;
    line-height: 1.2em;
    padding-left: 15px;
    color: #666;
    text-decoration: none;
    display: block;
} 

.navigation .navList a:hover 
{
    text-decoration: underline;
}

.navigation .imageList
{
    list-style: none;
    padding: 0;
   
}

.navigation .imageList li 
{
    width: 50%;
    float: left;
    height: 33px;
    background: url(images/blackjack.png) no-repeat 5px 50%;
}
.navigation .imageList li a 
{
    display: block;
    padding-left: 45px;
    line-height: 33px;
    text-decoration: none;
    color: #666;   
}
.navigation .imageList li a:hover 
{
    text-decoration: underline;
}

.navigation .imageList li.poker
{
    background-image: url(images/poker.png);
}
.navigation .imageList li.baccarat
{
    background-image: url(images/baccarat.png);
}
.navigation .imageList li.roulette
{
    background-image: url(images/roulette.png);
}
.navigation .imageList li.craps
{
    background-image: url(images/craps.png);
}
.navigation .imageList li.slots
{
    background-image: url(images/slots.png);
}

.clearl 
{
    clear: left;
    padding-top: 10px;
}


.form 
{
    width: 220px;
    background: #efefef;   
}

.form .row
{
    margin: 0 10px;
}
.form input 
{
    width: 97%;
}

.form .first 
{
    padding: 10px 0 0 0;
    border-top: 1px solid #cecece;
}

?disclaimer 
{
    font-size: 0.8em;
}
.form .last
{
    padding: 10px 0;
}
.form .submitButton input
{
    width: auto;
}

.form label 
{
    font-weight: bold;
    font-size: 0.8em;
    padding: 5px 0 3px 0;
    display: block;
}

/* buttons */
a.button 
{
    display: block;
    height: 18px;
    width: 100px;
    background: no-repeat url(images/greyRight.png) right top;
    text-decoration: none;
    color: #525252;
    margin-top: 10px;
}

a.button:hover 
{
    text-decoration: underline;    
}

a.button span 
{
    font-size: 0.9em;
    background: no-repeat url(images/greyLeft.png) left top;
    display: block;
    height: 18px;
    padding-left: 5px;
    padding-right: 16px;
    text-align: center;
    line-height: 15px;
}

a.playnow 
{
    background-image: url(images/greenRight.png);
    color: White;
}

a.playnow span 
{
       background-image: url(images/greenLeft.png);
} 
a.read
{
    background-image: url(images/yellowRight.png);
}

a.read span 
{
       background-image: url(images/yellowLeft.png);
} 


a.play
{
    background-image: url(images/red.png);
    color: White;
    margin: 0;
    width: 61px;
    margin-right: 10px;
    font-size: 0.9em;
    float: right;
    position: relative;
}

a.play span 
{
    width: auto;
    background-image: none;
    padding: 0;
} 

span.submitButton 
{
    background: no-repeat url(images/greyLeft.png) left top;
    display: block;
    height: 18px;
    margin: 0;
    padding: 0;
    padding-left: 5px;
    text-align: center;
    line-height: 15px;
    width: auto;
    text-align: left;
    cursor: pointer;
}

.submitButton input 
{
    border: 0;
    padding: 0; margin: 0;
    height: 18px;
    background: no-repeat url(images/greyRight.png) right top;
    text-decoration: none;
    color: #525252;
    padding: 0 20px 0 4px;   
    overflow: visible;
    cursor: pointer;
}

/* end buttons */ 


.shout 
{
    font-size: 0.8em;
    line-height: 30px;
    color: #666;
}

.shout a 
{
    color:#666;
}
.shout a:hover 
{
    text-decoration: none;
}
.shout img 
{
    vertical-align: middle;
}

/* review page */

.breadcrumbs ul
{
    list-style: none;
    padding: 0 0 20px 0;
    font-size: 0.85em;
}
.breadcrumbs ul li 
{
    display: inline;
    padding: 0 10px 0 5px;
    background: url(images/slash.png) no-repeat 100% 50%;
}

.breadcrumbs ul li.first 
{
    background-image: none;
    padding: 0;
} 
.breadcrumbs ul li.last
{
    background-image: none;
    padding-right: 0;
} 

.breadcrumbs ul li a 
{
    color: #666;
    text-decoration: none;
}
.breadcrumbs ul li a:hover 
{
    text-decoration: underline;
}


#review .review
{
    border: 0;
}

#review .review h2 
{
    border-bottom: 1px solid #cecece;
    font-size: 1.5em;
}

#review .review .playnow 
{   margin-top: 0;
    position: absolute;
    top: 0;           
    right: 0;
}
#review .thumbnail 
{
    float: left;
}

#review .review .description 
{
    padding: 10px 0;
    width: 593px;
    position: relative;
    background: #eee;
    float: left;
    min-height: 105px;
}

.colone, .coltwo 
{
    width: 50%;
    float: left;
}
.coltwo 
{
    float: right;
}

.screens, .support, .payouts
{
   margin-left: 10px;
}

.screens a 
{
    display: inline-block;
}
.screens .even 
{
    margin-bottom: 10px;
}
.screens .odd
{
    margin: 0 10px 10px 0;
}

.panel dl 
{
    padding: 0 10px;
}

.panel dl dt
{
    float: left;
    clear: both;
    color: #37865c;
    font-weight: bold;
    padding: 3px 0;
}

.panel dl dd 
{
    padding: 3px 0 3px 105px;
    margin-left: 0;
    font-size: 0.95em;
}

.panel dl dd.border 
{
        border-top: 1px solid #cecece;
}
.payouts dl dd  
{
    font-weight: bold;
}

.panel ul.cols 
{
    list-style-type: square;
}

.panel ul.cols li
{
    width: 33%;
    float: left;
}

.score dl dd 
{
    padding: 5px 0 5px 160px;
    font-size: 1em;

}
.score dl dt
{
    font-size: 0.95em;
    font-weight: normal;
    color: #666;
    text-align: right;
    width: 135px;
    padding: 7px 10px 7px 0;
    display: block;
    border-right: 1px solid #cecece;
}

dd.last 
{
    border-top: 1px solid #cecece;
    border-bottom: 1px solid #cecece;
}
.score dt.last 
{
    font-weight: bold;
    font-size: 1em;
}

.score .playnow 
{
    background: url(images/playnow.png) no-repeat top left;
    width: 190px;
    height: 28px;
    margin-bottom:10px;
    margin-left: 163px;

}

.score .playnow span 
{
    background-image: none;
    line-height: 26px;
    height: 28px;
    padding: 0;
    font-size: 1.2em;
    font-weight: bold;
}

.score .rating 
{
    width: 183px;
}
.score .rating .end {
    background: url(images/ratingLeftLight.png) no-repeat top left;
}
.score .last .rating .end {
    background: url(images/ratingLeft.png) no-repeat top left;
}
.score .rating .bar 
{
        background: url(images/ratingBarLight.png) repeat-x top left;
}

.score .last .rating .bar 
{
        background: url(images/ratingBar.png) repeat-x top left;
}

.score .bar100
{
     width: 175px;
}

.score .bar99
{
     width: 173px;
}
.score .bar98
{
     width: 171px;
}
.score .bar97
{
     width: 169px;
}
.score .bar96
{
     width: 167px;
}
.score .bar95
{
     width: 165px;
}
.score .bar94
{
     width: 163px;
}
.score .bar93
{
     width: 161px;
}
.score .bar92
{
     width: 159px;
}
.score .bar91
{
     width: 157px;
}
.score .bar90
{
     width: 155px;
}
.score .bar89
{
     width: 153px;
}
.score .bar88
{
     width: 151px;
}
.score .bar87
{
     width: 149px;
}
.score .bar86
{
     width: 147px;
}
.score .bar85
{
     width: 145px;
}
.score .bar84
{
     width: 143px;
}
.score .bar83
{
     width: 141px;
}
.score .bar82
{
     width: 139px;
}
.score .bar81
{
     width: 137px;
}
.score .bar80
{
     width: 135px;
}
.errors .disclaimer, .errors .row
{
    color: #666;
}

.errors , .errors a, .errors .error
{
    color: #cd3535;
}

.errors .intro 
{
    font-weight: bold;
}

.errors a:hover
{
    text-decoration: none;
}
.error input 
{
    border-color: #cd3535;
}

.success .intro 
{
    font-weight: bold; 
    color: #37865c;
}
.generic h4 
{
    color: #353535;
}
p.centre 
{
 text-align: center; 
}

#view .generic .container 
{
    width: auto;
    margin: 0;
}

.panel dl 
{
    padding-right: 4px;
}

/* lightbox */
#jquery-overlay {
	position: absolute;
	top: 0;
	left: 0;
	z-index: 90;
	width: 100%;
	height: 500px;
}
#jquery-lightbox {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	z-index: 100;
	text-align: center;
	line-height: 0;
}
#jquery-lightbox a img { border: none; }
#lightbox-container-image-box {
	position: relative;
	background-color: #fff;
	width: 250px;
	height: 250px;
	margin: 0 auto;
}
#lightbox-container-image { padding: 10px; }
#lightbox-loading {
	position: absolute;
	top: 40%;
	left: 0%;
	height: 25%;
	width: 100%;
	text-align: center;
	line-height: 0;
}
#lightbox-nav {
	position: absolute;
	top: 0;
	left: 0;
	height: 100%;
	width: 100%;
	z-index: 10;
}
#lightbox-container-image-box > #lightbox-nav { left: 0; }
#lightbox-nav a { outline: none;}
#lightbox-nav-btnPrev, #lightbox-nav-btnNext {
	width: 49%;
	height: 100%;
	display: block;
}
#lightbox-nav-btnPrev { 
	left: 0; 
	float: left;
}
#lightbox-nav-btnNext { 
	right: 0; 
	float: right;
}
#lightbox-container-image-data-box {
	font: 10px Verdana, Helvetica, sans-serif;
	background-color: #fff;
	margin: 0 auto;
	line-height: 1.4em;
	overflow: auto;
	width: 100%;
	padding: 0 10px 0;
}
#lightbox-container-image-data {
	padding: 0 10px; 
	color: #666; 
}
#lightbox-container-image-data #lightbox-image-details { 
	width: 70%; 
	float: left; 
	text-align: left; 
}	
#lightbox-image-details-caption { font-weig?t: bold; }
#lightbox-image-details-currentNumber {
	display: block; 
	clear: left; 
	padding-bottom: 1.0em;	
}			
#lightbox-secNav-btnClose {
	width: 66px; 
	float: right;
	padding-bottom: 0.7em;	
}