@charset "UTF-8";
/* CSS Document */

* { margin: 0px; padding: 0px; }

body {background: url(../images/bkg-top-nav.gif) repeat-x; font-family: Arial, Helvetica, sans-serif}

.clearer { clear: both; }
p, li, td { font-family: Arial, Helvetica, sans-serif; font-size: 12px; color: #333333; }
h1 { font-family: Arial, Helvetica, sans-serif; font-size: 24px; color: #A13470; }
h2 { font-family: Arial, Helvetica, sans-serif; color: #A13470; }
h3 { font-family: Arial, Helvetica, sans-serif; color: #A13470; font-size: 17px; }
h4 { font-family: Arial, Helvetica, sans-serif; color: #000; font-size: 17px; }
a { font-weight: bold; color: #A13470}
a:hover { font-weight: bold; color: #0099CC}
img {border: 0px;border-style: none}


/* framework */
#frame-top { background: url(../images/bkg-top-nav.gif) repeat-x; width: auto; height: 160px; margin-bottom: 20px}
#frame-top h1 { padding-left: 20px; margin: 0px; color: #A13470; font-size: 14px}
#frame-top ul { background: url(../images/bkg-tab-nav.gif) no-repeat; height: 37px}

.logo-holder { float: left; width: 190px; height: 150px; padding: 10px 0px 0px 10px; } 

.nav-holder { float: left; width: 730px; height: 160px}
.nav-holder h1 { padding: 0px}
.nav-holder p { height: 73px; padding-top: 0px}
.nav-holder ul { width: 733px; padding: 10px 0px 0px 0px}
.nav-holder li { list-style: none; float: left; border-right: 1px solid #FFFFFF; text-align: center}
.nav-holder a { color: #FFFFFF; font-size: 14px; text-decoration: none}
.nav-holder a:hover { color: #99CCFF}
.nav-holder .intro-text { float: left; width: 730px; height: 60px;padding-top: 10px}
.nav-holder .intro-text p {font-size: 11px}
.nav-holder .intro-text a { color: #A13470; font-size: 11px; font-weight: normal; text-decoration: underline; }
.nav-holder .intro-text a:hover { color: #0099CC; }

.introtext {height: 55px; font-size:10px; width: 730px; padding-top:10px}
.introtext h1 {font-size: 14px; padding: 0}
.introtext p {font-size: 11px}

.nav {position:absolute;top: 65px;left: 200px}
.nav ul { width: 733px; padding: 10px 0px 0px 0px; background: url(../images/bkg-tab-nav.gif) no-repeat; height: 37px}
.nav li { list-style: none; float: left; border-right: 1px solid #FFFFFF; text-align: center}
.nav a { color: #FFFFFF; font-size: 14px; text-decoration: none}
.nav a:hover { color: #99CCFF}


#frame-nav-panel { float: left; width: 180px; padding: 0px 10px 10px 10px; /* border: 1px solid black */ margin-top:30px; position: absolute; top:82px; left: 0px}
#frame-nav-panel ul { padding: 0px 10px 20px 10px}
#frame-nav-panel li { list-style: none; border-bottom: 1px #CCCCCC solid; padding: 7px 0px 7px 3px}
#frame-nav-panel h1 { float: left; height: 33px; padding: 0px}
#frame-nav-panel a { font-size: 14px; text-decoration: none}

.frame-nav-panel2 { float: left; width: 160px; padding: 0 0 10px 0}
.frame-nav-panel2 ul { padding: 0; }
.frame-nav-panel2 li { list-style: none; border-bottom: 1px #CCCCCC solid; padding: 7px 0px 7px 10px; }
.frame-nav-panel2 a { font-size: 14px; text-decoration: none; }

.purple-highlight { color: #FFFFFF; background: #A13470; font-size: 14px; font-weight: bold; padding-left: 3px}

#frame-content-panel { float: left; margin-top:27px; margin-left: 200px}

#frame-index-main { width: 733px; } 

.review-pad { margin-bottom: 10px; }
.review-pad p { width: 300px; padding: 6px 0px 10px 175px; }
.review-pad ul { padding: 0px 10px; }
.review-pad li { float: left; list-style: none; background: url(../images/button-star.gif) no-repeat; padding: 3px 10px 10px 22px; }

.centre { margin-left: 10px; width: 120px; }

.index-welcome { background: #EEF7FC; width: 340px; padding: 10px 10px 5px 10px; border: 1px solid #CCCCCC; }
.index-welcome p, h1 { padding-bottom: 5px; }

.index-bingo-vision { background: #FFFFFF; width: 340px; padding: 10px 10px 0px 10px; border: 1px solid #CCCCCC; }
.index-bingo-vision p, h1 { padding: 0px 5px 5px 5px; }
.index-bingo-vision ul { padding-left: 20px; }
.index-bingo-vision li { float: left; list-style: none; padding: 0px 10px 10px 10px; }

.vision { float: left; width: 100px; padding: 0px 6px 5px 6px; text-align: center; }

.index-review-blue { background: url(../images/bkg-review-blue.gif) repeat-y; border: 1px solid #CCCCCC; margin-top: 10px; width: 485px; }
.index-review-blue h2 { float: left;  padding: 0px; }
.index-review-blue p { float: right; width: 300px; padding: 6px 10px 10px 10px; }
.index-review-blue ul { padding: 0px 10px; width: 465px; }
.index-review-blue li { float: left; list-style: none; background: url(../images/button-star.gif) no-repeat; padding: 3px 10px 10px 22px; }

.index-review-white { background: url(../images/bkg-review-white.gif) repeat-y; border: 1px solid #CCCCCC; margin-top: 10px; width: 485px; }
.index-review-white h2 { float: left; padding: 0px; }
.index-review-white p { float: right; width: 300px; padding: 6px 10px 10px 10px; }
.index-review-white ul { padding: 0px 10px; width: 465px; }
.index-review-white li { float: left; list-style: none; background: url(../images/button-star.gif) no-repeat; padding: 3px 10px 10px 22px; }

.index2-review-white { background: url(../images/bkg-review-white.gif) repeat-y; border: 1px solid #CCCCCC; margin-top: 10px; width: 485px}
.index2-review-white h2 { float: left; padding: 0px}
.index2-review-white p {padding: 10px}
.index2-review-white li { float: left; list-style: none; background: url(../images/button-star.gif) no-repeat; padding: 3px 10px 10px 22px}

.index2-review-blue { background: url(../images/bkg-review-blue.gif) repeat-y; border: 1px solid #CCCCCC; margin-top: 10px; width: 485px}
.index2-review-blue h2 { float: left; padding: 0px}
.index2-review-blue p {padding: 10px}
.index2-review-blue li { float: left; list-style: none; background: url(../images/button-star.gif) no-repeat; padding: 3px 10px 10px 22px}

.index2-review-left {float: left; width: 164px}
.index2-review-right {float: right; width: 315px}
.li1 {width: 110px}
.li2 {width: 250px}
.lihp {width: 390px}
.imgm10 {margin-top: 10px}

.more-review-white { background: url(../images/bkg-review-white.gif) repeat-y; border: 1px solid #CCCCCC; margin-bottom: 10px; width: auto; }
.more-review-white h3 { float: left; padding: 0px; border: none; }
.more-review-white p { float: right; width: 540px; padding: 6px 10px 10px 10px; }
.more-review-white ul { float: right; padding: 0px 10px; width: 540px; }
.more-review-white li { float: left; list-style: none; background: url(../images/button-star.gif) no-repeat; padding: 3px 10px 10px 22px; }

.more-review-blue { background: url(../images/bkg-review-blue.gif) repeat-y; border: 1px solid #CCCCCC; margin-bottom: 10px; width: auto; }
.more-review-blue h3 { float: left; padding: 0px; border: none; }
.more-review-blue p { float: right; width: 540px; padding: 6px 10px 10px 10px; }
.more-review-blue ul { float: right; padding: 0px 10px; width: 540px; }
.more-review-blue li { float: left; list-style: none; background: url(../images/button-star.gif) no-repeat; padding: 3px 10px 10px 22px; }

.bonus { width: 238px; }
.shunt { display: block; height: 100px; background: #FFCCFF; }
.reviews { width: 485px; background: #FF6699; }
.hall-of-month { border: 1px solid #CCCCCC; background: #FFFFFF; text-align: center; padding: 5px;}

.hall-of-month-txt { border-left: 1px solid #CCCCCC; border-right: 1px solid #CCCCCC; border-bottom: 1px solid #CCCCCC; background: #EEF7FC; padding: 10px; }
.hall-of-month-txt p { padding-bottom: 5px; }
.hall-of-month-txt ul { height: 20px; }
.hall-of-month-txt li { float: left; list-style: none; background: url(../images/button-star.gif) no-repeat; padding: 3px 10px 0px 22px;  }

#index-quick-view { margin: 10px 0px; border: 1px solid #CCCCCC; padding: 10px 20px; }
#index-quick-view h1 { font-size: 14px; padding-bottom: 10px; }
#index-quick-view li { list-style: none; float: left; padding: 10px 10px 0px 0px; }

.bonus-bar-left { width: 112px; border: 1px solid #CCCCCC; text-align: center; padding: 0px 0px 5px 0px; margin-bottom: 10px; }
.bonus-bar-left h1 { font-size: 13px; padding: 5px; }
.bonus-bar-left li { list-style: none; }

.bonus-bar-right { width: 112px; border: 1px solid #CCCCCC; text-align: center; padding: 0px 0px 5px 0px; margin-bottom: 10px; }
.bonus-bar-right h1 { font-size: 13px; padding: 5px; }
.bonus-bar-right li { list-style: none;}

#frame-news { width: 733px; margin-top: 10px; }
#frame-news h1 { font-size: 14px; color: #333333; padding: 0px 0px 5px 0px; }
#frame-news p { padding-bottom: 10px; }
#frame-news input { margin-bottom: 5px; }
#frame-news ul { padding: 0px 10px; }
#frame-news li { float: left; list-style: none; background: url(../images/button-star.gif) no-repeat; padding: 3px 10px 10px 22px; }
#frame-news form { padding: 0px; margin: 0px; }

#frame-bingo-links { width: 711px; background: #EEF7FC; margin-top: 10px; border: 1px solid #CCCCCC; padding: 10px; }
#frame-bingo-links h1 { color: #333333; font-size: 14px; padding: 0px; }
#frame-bingo-links h2 { font-size: 13px; padding: 10px 0px 5px 0px; }

.bingo-right { float: left; width: 169px; }
.bingo-left { float: left; width: 169px; margin-right: 10px; border-right: 1px solid #CCCCCC; }

#frame-index-guranteed { width: 711px; border: 1px solid #CCCCCC; padding: 10px 10px 15px 10px; margin-top: 10px; }
#frame-index-guranteed h1 { float: left; font-size: 14px; padding: 0px; }
#frame-index-guranteed h2 { float: left; font-size: 14px; color: #333333; padding-left: 20px; }
#frame-index-guranteed ul { width: 711px; border-bottom: 1px solid #CCCCCC; }
#frame-index-guranteed li { list-style: none; float: left; padding: 10px 0px; width: 115px; }

.full-listing { width: 711px; }
.full-listing p { list-style: none; float: left; padding: 10px 0px 0px 0px; width: 345px; }

#frame-base-links ul {}
#frame-base-links li { float: left; list-style: none; padding: 20px 10px 0px 0px; color: #CCCCCC; }
#frame-base-links a { color: #a13470; }
#frame-base-links a:hover { color: #666666; }

#left-panel ul { border: 1px solid #CCCCCC; background: #E5E5E5; margin-top: 1px; padding: 5px 10px 10px 10px; }
#left-panel h2 { font-size: 13px; padding-bottom: 5px;
}
#left-panel li { list-style: none; border:none; padding: 0px 0px 5px 0px; }
#left-panel a { color: #666666; font-size: 11px; text-decoration: underline; }
#left-panel a:hover { color: #A13470; }

.news-box { padding: 10px; margin-right: 10px; border: 1px solid #CCCCCC; background: #EEF7FC; }

.blue-border { border: 1px solid #CCCCCC; padding: 10px 10px 0px 10px; background: #EEF7FC; margin-bottom: 10px; }
.white-border { border: 1px solid #CCCCCC; padding: 10px 10px 0px 10px; background: #FFFFFF; margin-bottom: 10px; }
.white-border li { float: left; list-style: none; background: url(../images/button-star.gif) no-repeat; padding: 3px 10px 10px 22px}

#main-content h1 { padding: 0px 0px 10px 0px}
#main-content h2 { width: auto; padding: 5px 10px; color: #FFFFFF; background: #A13470; font-size: 14px}
#main-content p { padding-bottom: 10px}
#main-content ol, ul { padding-left: 16px}
#main-content li { padding-bottom: 10px}

#tabs ul { padding: 0px; }
#tabs li { list-style: none; float: left; padding: 5px 10px 0px 10px; height: 46px; }
#tabs a { color: #FFFFFF; text-decoration: none; font-size: 13px; }
#tabs a:hover { color: #99CCFF; text-decoration: underline; }

.tab-down { background: url(../images/bkg-tab-down.gif) no-repeat; width: 86px; }
.tab-over { background: url(../images/bkg-tab-over.gif) no-repeat; width: 86px; }

.tab-pad td { padding: 10px; }
.tab-pad3 td {padding: 3px}

#map { float: left; padding-left: 40px; width: 300px; }
#map ul { padding: 0px 0px 20px 0px; }
#map li { list-style: none; padding: 0px 0px 10px 0px; }
#map h2 { margin-bottom: 10px; }

#promotions { background: #EEF7FC; margin-bottom: 10px; padding: 10px 10px 0px 10px; }
#promotions ul { padding: 0px; }
#promotions li { list-style: none; padding-bottom: 10px; }
#promotions h2 { font-size: 14px; color: #A13470; background: none; padding: 0px 0px 2px 0px; }

.log-links a { color: #A13470; text-decoration: underline; font-size: 11px; }
.log-links a:hover { color: #0099CC; }

.stepcontain {border: 1px solid #cccccc; width: 570px; float: left; padding: 15px}
.stepfloat {float: left; width: 268px; margin: 0 10px 10px 0}
.stepbanner {width: 120px; float: right}
.stepimage {float: left; margin: 0 10px 10px 0}

.socialb {margin:0; padding-left: 0}
.socialb li {float: left; list-style-type: none}
.delicious {background: url(../images/social/delicious.gif) no-repeat; padding: 0px 10px 10px 22px;}
.facebook {background: url(../images/social/facebook.gif) no-repeat; padding: 0px 10px 10px 22px;}
.digg {background: url(../images/social/digg.gif) no-repeat; padding: 0px 10px 10px 22px;}
.reddit {background: url(../images/social/reddit.gif) no-repeat; padding: 0px 10px 10px 22px;}
.stumbleupon {background: url(../images/social/stumbleupon.gif) no-repeat; padding: 0px 10px 10px 22px;}
.ms {background: url(../images/social/windowslive.gif) no-repeat; padding: 0px 10px 10px 22px;}
.google {background: url(../images/social/googlebookmarks.gif) no-repeat; padding: 0px 10px 10px 22px;}

.hplogo {float: left; width: 164px}
.hpcopy {float: left; width: 420px}
.hppromo {float: left; width: 130px; margin-left: 10px; background:url(../images/bg-promo.gif) no-repeat; margin-top: 10px; height: 40px; color: #FFF; font-family:Arial, Helvetica, sans-serif; font-weight: bold}
.hppromo2 {float: left; width: 130px; margin-left: 10px; background:url(../images/bg-promo-narrow.gif) no-repeat; margin-top: 10px; height: 30px; color: #FFF; font-family:Arial, Helvetica, sans-serif; font-weight: bold}
.hpplaynow {font-size: 75%; padding: 4px 0 0 10px}
.hppound {float: left; padding: 0 5px 0 10px; font-size: 200%}
.hpfree {float: left; font-size: 75%; padding: 3px 0 0 0}


.simplebox {padding: 10px; border: 1px solid #ccc; margin: 10px 0; width: 711px}
.simplebox p {margin: 5px 0}

.starsblog {background:url(../images/stars-blog.gif) top right no-repeat}

.floatl {float: left}
.floatr {float: right}

.margintb10 {margin: 0 0 10px 0}
.bann {margin: 0 10px 10px 10px; float: right}

.stban {margin: 10px 0;}
.stdban li {list-style: none; background: url(../images/bullet.gif) no-repeat; padding: 3px 10px 10px 10px; background-position: left 8px;/* border: 1px solid black */ margin-left: -12px}

a.playnow {width: 123px;height: 24px;display: block}
a.playnow span {padding-left: 10px; font-size: 85%}

.center {text-align: center}

.w150px {width:150px}
.w200px {width:200px}
.w550px {width:550px}
.w730px {width: 730px}

.margt0 {margin-top:0}
.margt3 {margin-top:3px}
.margt5 {margin-top:5px}

.margtb10 {margin: 10px 0}

.padl15 {padding-left: 15px}
.padrl10 {padding: 0 10px}

.font70 {font-size:70%}
.font80 {font-size:80%}
.font90 {font-size:90%}

.promoplaynow {float: right; margin: 10px 10px 0 0; width: 116px; height: 70px; background: url(../images/bg-promo-action-playnow-rb.gif) no-repeat; padding: 5px; color: white; font-family:Arial, Helvetica, sans-serif; text-align: center}
.promoplaynowb {float: right; margin: 10px 10px 0 0; width: 116px; height: 70px; background: url(../images/bg-promo-action-playnow-rw.gif) no-repeat; padding: 5px; color: white; font-family:Arial, Helvetica, sans-serif; text-align: center}

.thumbv {float: right; margin: 10px 10px 10px 0; width: 116px}

.silo {width: 550px; padding: 0 10px}