body { background: url(images/pagebg1.jpg) repeat-x #4CB141; font-family: Verdana, Arial, sans-serif; margin: 0; font-size: 1em; }
h1 { padding: 0; margin: 0;}
img { border: 0; }

#entire { width: 960px; margin: 0 auto; }
a#logo { display:block; background: url(images/casino-bonus-logo1.jpg) no-repeat; height: 92px; width: 606px; text-indent: -9999px; }
a#logolang { display:block; background: url(images/casino-bonus-logo.jpg) no-repeat; height: 92px; width: 606px; text-indent: -9999px; }


#specials { height: 63px; margin: 27px 20px 0; background: url(images/bluebar.jpg); }
#specials .left { display: block; float: left; height: 63px; width: 9px; background: url(images/bluebarend.jpg); }
#specials .right { display: block; float: right; height: 63px; width: 15px; background: url(images/bluebarcurve.jpg); }

ul#topnav { list-style: none; background: url(images/downdiv.gif) no-repeat left; margin-left: 0; padding-left: 0; }
ul#topnav li { float: left; text-align: center; margin: 2px 0 0 0; background: url(images/downdiv.gif) no-repeat right; }
ul#topnav li a { display: block; padding: 3px 20px 0 20px; line-height: 58px; height: 58px; font-size: 26px; color: #fff; font-family: Times New Roman, Times, serif; text-decoration: none; _width: 1%; white-space: nowrap; text-decoration:underline; }

#undernav { height: 41px;}
#undernav ul { height: 41px; list-style: none; padding: 0; margin: 6px 0 0 40px; background: url(images/underdiv.jpg) no-repeat left;  }
#undernav ul li { float: left; text-align: center; }
#undernav ul li a { display: block; padding: 0 20px; line-height: 41px; height: 41px; font-size: 15px; font-weight: 700; color: #666; font-family: Verdana, Arial, sans-serif; text-decoration: none; white-space: nowrap; _width: 1%; background: url(images/underdiv.jpg) no-repeat right;  }

#page { width: 933px; background: url(images/sideshadow.gif) right repeat-y; margin: 0 auto; }
#page:after { content: ""; display: block; height: 0; clear: both; visibility: hidden; }  

#maincontent { width: 695px; padding: 20px 12px 20px 10px; float: left; }

#content { float: left; width: 490px; padding: 0 0 0 25px; }  
  
#contentnav { float: left; width: 175px; }
#contentnav h3 { margin: 20px 0 5px 5px; padding: 0; font-family: Arial, Helvetica, sans-serif; font-size: 21px; font-weight: 100; color: #fff; }
#contentnav ul { list-style: none; font-size: 0.75em; font-weight: 700; margin: 0 0 20px 0; padding: 0; line-height: 28px; border-top: 1px solid #298D21; border-bottom: 1px solid #76C86B; }
#contentnav ul li { padding: 0 0 0 5px; border-bottom: 1px solid #298D21; border-top: 1px solid #76C86B; }
#contentnav ul li a { color: #ff0; text-decoration: none; }
#contentnav ul li a:hover { color: #fff; text-decoration: none; }

p.h3 { margin: 20px 0 5px 5px; padding: 0; font-family: Arial, Helvetica, sans-serif; font-size: 18px; font-weight: 100; color: #fff; }
p.h3m { margin: 20px 0 5px 10px; padding: 0; font-family: Arial, Helvetica, sans-serif; font-size: 18px; font-weight: 100; color: #fff; }
p.h3m a { text-decoration:none; color:#fff; }
p.bc a { margin: 0 0 5px 5px; padding: 0 0 0 0; font-family: Arial, Helvetica, sans-serif; font-size: 18px; font-weight: 100; color: #fff; }

p#welcome { height: 120px; padding: 0 0 0 130px; margin: 0; line-height: 1.3; font-size: 0.8em; background: url(images/chip.jpg) no-repeat; color: #E5FFE2; }
p#welcome strong { font-size: 1.2em; display: block; margin: 0 0 5px 0; }

.info { border: 1px solid #063; background: #fff; margin: 15px 0 0 0; height: 1%; } 
.infotext { padding: 12px; font-size: 0.7em; line-height: 1.4; }  
.infotexttophp { padding: 3px 12px; font-size: 0.7em; line-height:1.4;}

.review { height: 1%; }
.review:after { content: ""; display: block; height: 0; clear: both; visibility: hidden; }  
.info h3 { font-size: 1em; font-family: Arial, Helvetica, sans-serif; margin: 0; background: url(images/standheading.gif) repeat-x; height: 25px; line-height: 25px; padding: 0 0 0 14px; color: #fff; } 
.info .noh3 {  font-size: 1em; font-family: Arial, Helvetica, sans-serif; margin: 0; background: url(images/standheading.gif) repeat-x; height: 25px; line-height: 25px; padding: 0 0 0 14px; color: #fff; }
.info .infotext h3 { background: none; color: #000; padding-left: 0; text-decoration: underline; font-size:1.2em; } 
.info h2 { font-size: 1em; font-family: Arial, Helvetica, sans-serif; margin: 0; background: url(images/reviewtop.gif) repeat-x; height: 25px; line-height: 25px; padding: 0 0 0 14px; color: #764F30; } 
.info .infotext h2 { background: none; color: #000; padding-left: 0; text-decoration: underline; font-size:1.3em; }
.info .review h1 { font-size: 1em; font-family: Arial, Helvetica, sans-serif; margin: 0; background: url(images/standheading.gif) repeat-x; height: 25px; line-height: 25px; padding: 0 0 0 14px; color: #fff; } 
.info .review h1 span { color: #000; } 
.info .homefeat {  font-size: 1em; font-family: Arial, Helvetica, sans-serif; margin: 0; background: url(images/reviewtop.gif) repeat-x; height: 25px; line-height: 25px; padding: 0 0 0 14px; color: #764F30; font-weight:bold; }

.reviewtable { font-size: 11px; float: left; margin: 10px 0 10px 12px; display: inline; }
.reviewtable tr {  }
.reviewtable td.datatitle { background: #D0EEFD; width: 90px; padding: 5px 10px; font-weight: 700; color: #00a; }
.reviewtable td.data { background: #63A9ED; width: 180px; padding: 5px 10px; white-space: nowrap; font-weight: 700; color: #eee; }
.reviewtable td.data a { color: blue; text-decoration: none; color: #fff;  }
.reviewtable td img { margin: 2px 0 2px; }

.review ul { float: left; margin: 10px 0; padding: 0 0 11px 0; list-style: none; border: 1px solid #666; } 
.review ul.revimgs { width: 142px; background: #ECF3EE; margin: 12px 5px 8px 5px; }
.review ul.revimgs li { text-align: center; }
.review ul.revimgs li img { margin: 12px 0 0; width:120px; height:75px; }

.rating { margin: 0 0 8px 0; display: block;  height: 35px; border-bottom: 1px solid #666; }
.rating strong { font-family: Arial, Helvetica, sans-serif; font-size: 1.3em; line-height: 30px; float: left; white-space: nowrap; }
.rating img {float: left;}

.info .codes { text-align: center; width: 100%; } 
/*.info .codes h3 { font-size: 2.5em; font-family: Arial, Helvetica, sans-serif; margin: 30px 0 0 0; padding: 0; background: 0; color: #764F30; } */ 
.info .summary { font-size: 1em; font-family: Arial, Helvetica, sans-serif; margin: 0; background: url(images/standheading.gif) repeat-x; height: 25px; line-height: 25px; padding: 0 0 0 14px; color: #fff; } 
.info .codes h1 { font-size: 1em; font-family: Arial, Helvetica, sans-serif; margin: 0; background: url(images/standheading.gif) repeat-x; height: 25px; line-height: 25px; padding: 0 0 0 14px; color: #fff; text-align: left; } 
.info h1 { font-size: 1em; font-family: Arial, Helvetica, sans-serif; margin: 0; background: url(images/standheading.gif) repeat-x; height: 25px; line-height: 25px; padding: 0 0 0 14px; color: #fff; text-align: left; } 
.codestable { font-size: 11px; width: 350px; margin: 10px auto; }
.codestable td.datatitle { background: #D0EEFD; width: 90px; padding: 5px 10px; font-weight: 700; color: #00a; }
.codestable td.data { background: #63A9ED; width: 180px; padding: 5px 10px; white-space: nowrap; font-weight: 800; color:#FFFF00;  }
.codestable td.red { color:#CC0000; font-size: 1.5em; }
.codestable td img { margin: 2px 0 10px 0; }

table#bonus { border-collapse: collapse; }
table#bonus th { font-size: 11px; background: #fff; padding: 4px 2px; border-right: 1px dashed #ccc; border-left: 1px dashed #ccc; border-bottom: 1px solid #999; border-top: 1px solid #999; }
table#bonus td { font-size: 11px; font-family: Arial, Helvetica, sans-serif; border-right: 1px dashed #ccc; border-left: 1px dashed #ccc; border-bottom: 1px solid #999; text-align: center; }
table#bonus td a { font-family: Verdana, Arial, sans-serif; color: blue; text-decoration: underline; }  

table#bonus .rank { padding: 4px 1px; border-left: 1px solid #999; width:15px; }
table#bonus .name { width: 115px; text-align: left; padding: 4px 2px 4px 5px; border-left: 1px solid #999; }
table#bonus .name1 { width: 120px; text-align: left; padding: 4px 2px 4px 5px; font-weight:bold;}
table#bonus .us { padding: 10px 2px 10px 2px;  }
table#bonus .software { padding: 9px 1px; }
table#bonus .maxbonus2 { width: 1%; padding: 4px 5px; color:#060; font-weight:bold; }
table#bonus .maxbonus1 { width: 1%; padding: 4px 5px; }
table#bonus .maxbonus { width: 1%; padding: 4px 5px; }

table#bonus .percent { padding: 4px 3px; }
table#bonus .percent1 { padding: 4px 3px; border-right: 1px solid #999; }
table#bonus td.ratings { padding: 4px 2px; font-weight: 700; color:#FF0000; letter-spacing: 1px; border-right: 1px solid #999; }
table#bonus .code { padding: 4px 5px; }
table#bonus .review { padding: 4px 5px; border-right: 1px solid #999; } 


#extras { width: 200px; padding: 0 8px; float: left; background:url(images/sidebartop.gif) top no-repeat; color: #fff; }
#extras .main{ background: url(images/lightbluebottom.gif) bottom repeat-x #63A3E5; height: 1%; }
#extras .more { background: url(images/darkbluebottom.gif) bottom repeat-x #3573C1; padding: 10px 0; text-align: center; }
#extras .codelist { background: url(images/lightbluedown.jpg) top repeat-x #63A3E5; height: 1%; }
#extras h3 { margin: 0; padding: 10px; font-family: Arial, Helvetica, sans-serif; font-size: 21px; font-weight: 100; }

table#topdeals { border-collapse: collapse; margin: 0 10px 20px 10px; color: #333; }
table#topdeals th { font-size: 11px; padding: 4px 2px; border-right: 1px dashed #aaa; border-left: 1px dashed #aaa; border-bottom: 1px solid #333; border-top: 1px solid #333; }
table#topdeals td { font-size: 11px; font-family: Arial, Helvetica, sans-serif; border-right: 1px dashed #ccc; border-left: 1px dashed #ccc; border-bottom: 1px solid #333; text-align: center; }
table#topdeals td a { font-family: Verdana, Arial, sans-serif; color: blue; text-decoration: none; }  
table#topdeals .name {  width: 100px; text-align: center; padding: 4px 3px ; border-left: 1px solid #333; }
table#topdeals .us { padding: 4px 5px 4px 4px;  }
table#topdeals .software { padding: 4px 5px; }
table#topdeals .maxbonus { width: 1%; padding: 4px 5px; border-right: 1px solid #333; }
ul#codenav { padding: 0 0 20px 10px; margin: 0; list-style: none; }
ul#codenav a { font-size: 0.7em; font-weight: 700; color: #fff; line-height: 2; text-decoration: none; font-family: Arial, Helvetica, sans-serif; }
ul#codenav a:hover { color: #ff0; }

#footer { margin: 11px 15px 20px 200px; height: 84px; width: 746px; background: url(images/footerbg.gif) repeat-x; position: relative; }
#footer .left {display: block; position: absolute; width: 18px; height: 84px; bottom: 0; left: 0; background: url(images/footerend.gif) no-repeat;}
#footer .right {display: block; position: absolute; width: 245px; height: 115px; bottom: 0; right: 0; background: url(images/footercurve.gif) no-repeat;}
#footer ul {list-style: none; color: #fff; font-size: 0.9em; padding-top: 20px; }

.revimg { float: right; margin: 0 5px 12px 20px; }
.infotext:after { content: ""; display: block; height: 0; clear: both; visibility: hidden; }  

.navad {border-left: 1px solid #298D21;border-top: 1px solid #298D21;border-right: 1px solid #76C86B;border-bottom: 1px solid #76C86B; padding: 8px; font-size: 0.8em; color: #cfc; line-height: 1.5;}
.navad a {color: #fff;}

#feat { position:relative; }
#feat img { position:ablosute; top:5px; left:5px; }
#feat span.feat { position:absolute; left:185px; top: 0px; color:#000; width:280px; }
#feat span.feathigh { font-weight:bold; color:#F00; }
#feat span.featgo {  position:absolute; left:185px; top: 72px; display:block; width:280px; font-size:12px; font-weight:bold;  text-decoration:underline; }
#feat span.arraz { font-weight:bold; color:#000; text-decoration:none; }

span.red { color:#F00; font-weight:bold; }

#codebox {position:relative; width:70%; margin:5px auto; background-color:#FFFF99; display:block; padding:5px; text-align:center;}
#codebox p {font-size:18px; font-weight:bold; margin:0;}
#codebox p.code1 {color:#FF0000; font-size:20px;}
#codebox p.code2 {font-size:12px;font-weight:normal;}