.datable{font:normal 13px/1.2 Arial,sans-serif;color: #5d6062;text-align: center;margin-top: 12px;}
.datable table,.datable tbody{display: block;}
.datable tr{position: relative;display: block;padding: 9px 0;border-bottom: 1px solid #d6d8d9;}
.datable tr.headings{display:none}
.datable tr.top{border-top: 1px solid #ddd;border-bottom: 1px solid #ddd;margin-left: -10px;margin-right: -10px;padding-right: 10px;padding-left: 10px;padding-top: 0;}
.datable tr:after{content:"";display: block;clear:both;}
.datable td{display:block;}
.datable td:empty{display:none;}
.datable td.logo{margin-bottom: 7px;}
.datable td.logo a{display:block;max-width:127px;height:107px;margin: 0 auto;border:1px solid #d6d8d9;background:url(../img/sp/logo-color-square.png) no-repeat center 0;text-indent:-9999px;}
.datable td.logo.ladbrokes a {background-position:center 0;}
.datable td.logo.bet365 a {background-position:center -107px;}
.datable td.logo.coral a {background-position:center -214px;}
.datable td.logo.paddypower a {background-position:center -321px;}
.datable td.logo.skybet a {background-position:center -428px;}
.datable td.logo.williamhill a {background-position:center -535px;}
.datable td.logo.betvictor a {background-position:center -642px;}
.datable td.logo.betway a {background-position:center -749px;}
.datable td.logo.sport888 a {background-position:center -856px;}
.datable td.logo.netbet a{background-position: center -964px;}
.datable td.logo.bet10 a {background-position: center -1070px;}
.datable td.logo.boyle a {background-position: center -1178px;}
.datable td.logo.bwin a {background-position: center -1284px;}
.datable td.logo.leovegas a {background-position: center -1391px;}
.datable td.logo.mrgreen a {background-position: center -1499px;}
.datable td.logo.titanbet a {background-position: center -1606px;}
.datable td.logo.winner a {background-position: center -1714px;}
.datable td.logo.betsafe a {background-position: center -1821px;}
.datable td.logo.betstars a {background-position: center -1928px;background-color: #232323;}
.datable td.logo.betfred a {background-position: center -2033px;}
.datable td.logo.grosvenor a {background-position: center -2141px}
.datable td.logo.genting a{background-position: center -2248px}
.datable td.logo.guts a {background-position: center -2353px;}
.datable td.logo.blacktype a {background-position: center -2891px;}
.datable td.logo.marathonbet a {background-position: center -2463px;}
.datable td.logo.betathome a {background-position: center -2568px;}
.datable td.logo.sunbets a {background-position: center -2675px;}
.datable td.logo.royalpanda a {background-position: center -2783px;}
.datable td.logo.betbright a {background-position: center -2996px;}
.datable td.logo.sportnation a {background-position: center -3103px;}
.datable td.logo.karamba a{background-position: center -3210px;}
.datable td.logo.mansionbet a{background-position: center -3318px;}
.datable td.logo.lvbet a{background-position: center -3960px;}

.datable .top td.logo a {max-width: 190px;height: 65px;margin: 10px auto;background: #535454 url(../img/sp/logo-color-review.png) no-repeat center -455px;}
.datable .top td.logo:before{content:"";display: block;height: 45px;padding: 0;margin: 11px auto;background: url(../img/top-offer-bg.png) no-repeat center 0px;border-bottom: 1px solid #eee;}
.datable td.rating{display: none;}
.datable td.bonus{overflow:hidden;line-height:31px;}
.datable td.bonus span{display:inline-block;padding:0 10px;line-height: 14px;color: #1e9451;vertical-align: middle;}
.datable td:before{display:block;background: #f4f4f4;font-weight: bold;padding: 5px 10px;line-height: 15px;}
.datable td.bonus:before{content:"Bonus:";}
.datable .bet365 td.bonus:before{content:"New Customers Bonus:";}
.datable td.arg{overflow:hidden;line-height: 23px;}
.datable td.arg span{display:inline-block;padding:0 10px;font-size:11px;line-height: 11px;color: #7f919e;vertical-align: bottom;}
.datable td.arg:before{content:"Highlight:"}
.datable td.paym{display: none;line-height: 31px;text-align: center;}
.datable td.paym:before{content:"Payment Methods:"}
.datable .bet365 td.paym:before{content:"Payment Methods**:"}
.datable td.mobile{display:none;line-height: 23px;text-align: center;}
.datable td.mobile:before{content:"Mobile App:"}
.datable td.mobile b{vertical-align:middle;}
.datable td.security,.datable td.link{background: #f4f4f4;border: 1px solid #ddd;}
.datable td.security{border-bottom:none;margin-top: 12px;text-align:center;line-height:30px;}
.datable td.security span{display:inline-block;width: 71px; height: 25px;vertical-align:middle; background: url("../img/sp/security.png") no-repeat left top;text-indent:-9999px;}
.datable td.security.thawte span {background-position: -1px -44px; width: 58px; height: 16px; }
.datable td.security.digicert span {background-position: -0px -0px; width: 70px; height: 17px; }
.datable td.security.verisign span {background-position: -0px -60px; width: 42px; height: 17px; }
.datable td.security.godaddy span {background-position: 0px -17px; width: 71px; height: 25px; }
.datable td.security.comodo span {background-position: 0px -77px;width: 67px;height: 10px; }
.datable td.security.rapidssl span {background-position: 0px -88px;width: 63px;height: 15px;}
.datable td.security.global-sign span {background-position: 0px -104px;width: 73px;height: 17px;}
.datable td.security.amazon span{background-position: 0px -122px;width: 63px;height: 20px;}
.datable td.security:before{content:"Security:"}
.datable .bet365 td.security:before{content:"Security**:"}
.datable td.link{padding: 9px 0;border-top: 0;}
.datable td.link a{display: block;padding: 7px 0;margin: 0 auto;max-width: 88%;}
.datable td.link a:after{content:"";}
.datable .top td.rating,.datable .top td.bonus,.datable .top td.arg,.datable .top td.paym,.datable .top td.mobile,.datable .top td.security{display:none;}
.datable .top td.link{border:none;background:none;}
.datable .top td.link a{font-size:12px;padding:8px 0;}
.datable .top td.link:after{content:"";display:block;width:273px;height:49px;margin:12px auto 5px;background: url(../img/top-offer-bg.png) no-repeat 0 -105px;}
.datable td.tnc{clear:both;font-size: 11px;word-spacing:-1px;text-align: right;color: #bbb;padding: 8px 0 0;}
.datable td.tnc a{color:inherit;text-decoration:underline}
.datable td.tnc a:hover{text-decoration:none}
@media (min-width: 380px){
.datable td{text-align:left;}
.datable tr:not(.top) td.logo{float:left;width:127px;margin-right: 8px;margin-bottom: 0;}
}
@media (min-width: 423px){
.datable tr.top{margin-left: -18px;margin-right: -18px;padding-right: 18px;padding-left: 18px;}
}
@media (min-width: 480px){
.datable .top td.logo:before{height:24px;background-position:center -46px;margin-bottom: 0;}
.datable .top td.logo a{float:left;width:38%;}
.datable .top td.link a{overflow:hidden;max-width:50%;margin: 12px auto;}
.datable .top td.link:after{margin-top: 26px;}
}
@media (min-width: 550px){
.datable tr:not(.top){padding-right: 160px;position: relative;}
.datable td.security{width:150px;position: absolute;top: 9px;right: 0;margin-top: 0;}
.datable tr:not(.top) td.link{width:150px;position: absolute;top: 65px;right: 0;}
.datable tr:not(.top) td.tnc{margin-right:-160px}
}
@media (min-width: 642px){
.datable tr.top{margin-left: 0;margin-right: 0;margin-bottom:25px;padding-right: 10px;padding-left: 10px;border:1px solid #ddd;}
.datable tr.top td.tnc{margin-bottom:-40px;margin-right:-10px;}
}
@media (min-width: 675px) and (max-width: 822px), (min-width: 970px){
.datable tr.top{padding-bottom:0px}
.datable .top td.logo a{width:23%}
.datable .top td.link{overflow:hidden}
.datable .top td.link a{float:right;width: 35%;margin: 12px 1%;padding-right: 3%;}
.datable .top td.link:after{overflow:hidden;margin-top: 0;}
.datable tr:not(.top){padding-right: 25%;}
.datable tr:not(.top) td.logo{width: 28%;margin-right: 1%;}
.datable td.logo a,.datable .top td.logo a{max-width:none;}
.datable td.paym,
.datable td.mobile{display:block;float:left;}
.datable td.bonus,.datable td.arg,.datable td.paym,.datable td.mobile{width: 33.5%;float: left;overflow: visible;margin-right: 2%;}
.datable td.security,.datable tr:not(.top) td.link{width:24.5%}
.datable td.paym:before,.datable td.mobile:before{text-align:left;padding-right: 5px;}
.datable tr:not(.top) td.tnc{margin-right:-32.7%}
.datable tr.top td.tnc{margin-top:5px;margin-bottom:-40px;}
}
@media (min-width: 768px) and (max-width: 822px), (min-width: 1090px){
.datable tr:not(.top){padding-right: 20%;}
.datable tr:not(.top) td.logo{width: 22.5%;margin-right: 1%;}
.datable td.bonus,.datable td.arg,.datable td.paym,.datable td.mobile{width: 26.5%;margin-right: 1%;}
.datable td.security,.datable tr:not(.top) td.link{width: 20%;}
.datable td.rating{display: block;float:left;width: 20.5%;height:107px;margin-right: 1%;border: 1px solid #ddd;background: #f4f4f4;text-align: center;}
.datable td.rating:before,.datable td.rating:after{font-size: 11px;line-height: 11px;color: #a3a3a3;font-weight: normal;display: block;text-align: center;padding: 7px;}
.datable td.rating:before{content:"Our Rating:"}
.datable td.rating:after{content:"2018"}
.datable td.rating strong{display: block;background: #7e919d;color: white;width: 90%;margin: 0 auto;padding: 3px 0;font: 600 13px/1.5 'open sans',sans-serif;}
.datable td.rating strong b{font-size: 16px;font-weight: 800;vertical-align: -1px;}
.datable td.rating span{display: block;position: relative;padding: 5px 0;background: white;border-bottom: 1px solid #a4a4a4;width: 90%;margin: 0 auto;}
.datable td.rating span i{position: absolute;display: block;width: 21px;height: 23px;text-indent: -9999px;bottom: -6px;right: -5px;background: url(../img/check-1.png) no-repeat;}
.datable td.rating span:after{content:"!"}
.datable tr:not(.top) td.tnc{margin-right:-24.7%}
}

@media (min-width: 1090px){
.datable tr:not(.top) td.logo{width:21.5%;margin-right:1.3%;}
.datable td.rating{width:20%;margin-right:1.3%;}
.datable td.bonus,.datable td.arg{width: 30%;}
.datable td.paym,.datable td.mobile{width: 23.9%;}
.datable tr.top td.tnc{margin-top: 15px;margin-bottom: -40px;}
.datable .top td.link a{width:32%;}
.datable .top td.link:after{width:320px;border-right:1px solid #eee;border-left:1px solid #eee;background-position: 23px -105px;}
}
@media (max-width: 640px) {
.datable tr.top{position: absolute;top: 0;left: 0;right: 0;border: none;margin:0;}
.datable tr.top td.logo,.datable tr.top td.logo a{margin-bottom:0;}
.datable tr.top td.link a{max-width:270px;}
.datable tr.top td.tnc{display:none;}
.datable table:before{display:block;font-size: 11px;word-spacing: -1px;text-align: right;color: #bbb;
content:"*New Customer Offer. 18+. Please Gamble Responsibly. T&C's Apply to all bonus offers on this website. Please check the operator's website for full T&C's"}
}