@import url(reset.css);
/* Blue Square Landing Page */
body {margin:0 auto; font:normal 12px Arial, Verdana, Helvetica, Sans-Serif; color:#000;}
a {text-decoration:none; color:#023a77;}
a:hover {text-decoration:underline;}

.brdrounded {-moz-border-radius:3px; -webkit-border-radius:3px; border-radius:3px; }
.sprite {background:url(../images/bsq-landing.png) 0 0 no-repeat}

#wrapper {width:956px; padding:10px; margin:10px auto; border:1px solid #e0e0e0;}

#header {position:relative; margin:0 0 5px 0;}
#main {float:left; width:765px;}
#aside {float:right; width:191px; margin:10px 0 0 0;}
#features {width:760px; margin:10px auto;}
#intro {color:#fff; font-size:21px; margin:0 0 8px 0;}

#logo {float:left;}

.headerreg {float:right; margin:15px 0 0 15px;}
.headerreg  p {float:left; margin:0 10px 0 200px; font-size:21px; font-weight:bold; text-transform:uppercase; text-align:right; color:#1b63b4;}
.headerreg a {float:right; display:block; background-position:-6px -32px; width:253px; height:54px; text-indent:-9999em;}
.help {position:absolute; top:-5px; right:0; color:#1b63b4;}
.help li {display:inline; float:left; padding:0 10px;}
.help li  a {text-transform:uppercase; color:#1b63b4;}
.help .vip {padding:0 0 0 20px;}

.sliderholder {position:relative;}
div#slider {position:relative; overflow:hidden; width:763px; height:290px;} 
div#slider div.items {width:20000em; position:absolute;} 
div#slider div.items div {float:left; width:771px;}
div#slider div.items div a {display:block; height:100%; width:100%;}

.navi {position:absolute; bottom:30px; left:30px;}
.navi a {float:left; display:block; margin:0 4px; background:#fff; border:1px solid #fff; padding:3px 4px; color:#1b63b4; cursor:pointer;}
.navi a:hover , .navi a.current {background:#1b63b4; color:#fff; }

.feature {position:relative; float:left; width:223px; height:133px; padding:15px; margin:0 0 5px 0; background-position:-258px -10px;}
.feature .content {}
.feature h2 {height:20px; width:133px; color:#fff; text-transform:uppercase; color:#fff; font-size:21px; margin:0 0 8px 0;}
.feature h2 a {float:left; display:block; text-indent:-9999em; height:20px; width:133px; color:#fff;}

h2.sports {background-position:-8px -191px;}
h2.games {background-position:-8px -90px;}
h2.casino {background-position:-8px -170px;}
h2.livebetting {background-position:-8px -151px;}
h2.poker {background-position:-8px -111px;}
h2.livecasino {background-position:-8px -131px;}

.feature b {position:absolute; bottom:8px; right:0; text-indent:-9999em;}
b.games-img {background-position:-361px -222px; width:87px; height:130px;}
b.casino-img {background-position:-448px -222px; width:72px; height:93px;}
b.poker-img {background-position:-520px -222px; width:92px; height:141px;}
b.livecasino-img {background-position:-4px -222px; width:138px; height:108px;}

.feature b.livebetting-img, 
.feature b.sports-img  {text-indent:0;}

.feature .cta {background-position:-10px -10px; display:block; float:left; width:9px; height:22px; margin:0 0 5px 0; }
.feature .cta  a {background-position:-129px -10px; display:block; float:left; margin:0 0 0 9px; width:120px; height:22px; line-height:21px; text-transform:uppercase; color:#fff; font-size:11px; font-weight:bold; text-align:center; text-indent:-9px;}

.feature ul {clear:left; border-top:1px solid #397ebd; margin:10px 0 0 0;}
.feature li a {display:block; padding:3px 2px; border-top:1px solid #1f64a3; border-bottom:1px solid #397ebd; color:#fff;}
.feature li a.last {border-bottom:0;}
.feature li a:hover {text-decoration:none; background:#397ebd;}
.feature .intro {display:block; line-height:16px; padding:16px 0 0 2px; width:140px; color:#fff;}

.sbcont {position:absolute; right:0; bottom:8px;}

#aside .item {margin:0 14px 18px 5px;} 
#aside .item img {float:left;}
#aside .item-last {margin:0 14px 18px 5px; padding-bottom:20px;} 
#aside .title {margin:-16px 14px 10px 12px; height:21px; font-size:16px; font-weight:bold; color:#e97d0b;} 
#aside .thumb {float:left; margin:0 0 0 12px;} 
#aside .top {background-image: url(../images/sidebar_top.gif); height:29px; background-repeat:no-repeat;}
#aside .bottom {background-image: url(../images/sidebar_bot.gif); background-repeat:no-repeat; background-position:bottom;}
#aside .popular .item, #aside .popular  .item-last{margin-left:15px;}
#aside .popular a p {color:#000;}
#aside .popular a:hover p {text-decoration:none;}


#footer {color:#000; width:940px; margin:10px 15px 15px 15px; border-bottom:1px dotted #b2b2b2;}
#footer p {font-size:11px; float:left; width:260px; padding:0 15px 10px 0;}
#footer p.first {width:390px;}
#footer p.last {width:140px;}
#footer p.copyright {clear:both; padding:0 0 10px 0; float:none; width:100%;}
#footer a {color:#000; text-decoration:underline;}

#sponsors {color:#000; padding:0 15px 0 15px;}
#sponsors p {padding:0 0 5px 0; font-size:11px;}

/*= Clearfix 
  - see http://www.positioniseverything.net/easyclearing.html 
----------------------------------------------------------------*/
.clearfix:after {
content:".";
display:block;
height:0;
clear:both;
visibility:hidden;
}
.clearfix {display:inline-block;}
/* Hide from IE Mac \*/
.clearfix {display:block;}
/* End hide from IE Mac */