html {overflow-Y:scroll;}
body {padding:0; margin:0 auto; font:normal 11px "trebuchet ms"; color:#333; background:url(img/bg-body.png) repeat-x #f9f9f9;}
* {margin: 0; padding: 0;} /*universal selector*/
a {outline:none; color:#0099ff; text-decoration:none;}
a:hover {text-decoration:underline;}
img {border:none;}
ul, li {list-style:none;}
h1 {font-size:22px;}
h2 {font-size:18px;}
h3 {font-size:15px;}
.left {float:left;}
.right {float:right;}
.clear {clear:both;}
.red {color:#fd4100;}
.green {color:#58c10c;}
.blue {color:#32acfe;}
/*---------------------------------------------------------------*/
.head {width:860px; height:32px; background:url(img/bg-nav.png) center repeat-x; margin:40px auto 30px; position:relative; border:1px solid #ccc;}
.head ul {width:auto; height:auto; position:absolute; right:0px; top:5px;}
.head li {display:inline; padding:0px 20px;}
.head li a {font-size:15px; font-weight:bold; color:#333;}
.head-signup {height:20px; font-size:12px; position:absolute; right:0px; top:-30px;}
.logo {width:353px; height:96px; background:url(img/logo-soccer.png) no-repeat; position:absolute; left:-20px; top:-32px;}
.logo_aff {width:400px; height:65px; background:url(img/logo-soccer-aff.png) no-repeat; position:absolute; left:-20px; top:-32px; font-size:25px; padding:31px 0px 0px 110px; font-weight:bold; letter-spacing:-1px;}
/*---------------------------------------------------------------*/
.home-promo-title {width:868px; height:auto; margin:0 auto;}
.home-promo-title h1 {font-size:28px; padding:5px 0px 0px 0px; letter-spacing:-0.1em;}
.home-promo {width:868px; height:340px; margin:0 auto; padding:10px 0px 0px 0px;}
.home-promo-punch {width:312px; height:314px; background:url(img/home-promo-left.png) no-repeat;}
.home-promo-player-wrap {width:520px; position:relative;}
.home-promo-player {width:520px; height:327px; background:url(img/bg-player.jpg) no-repeat #fff; z-index:100; position:absolute; top:0px; left:0px; cursor:pointer;}
.home-promo-player-2 {width:504px; height:320px; background:url(img/player-gif-2.gif) no-repeat; position:absolute; top:9px; right:7px;}
.home-channels {width:861px; height:140px; background:url(img/channels.jpg) no-repeat; margin:0 auto; cursor:pointer;}
.home-mid-boxes-punch {width:861px; height:229px; background:url(img/3boxes.png) no-repeat; margin:25px auto 0;}
.home-mid-boxes-punch a {width:861px; height:229px; display:block;}
.home-mid-chick {width:860px; height:355px; background:url(img/bg-chick.jpg) no-repeat; margin:0 auto;}
.home-mid-chick a {width:860px; height:355px; display:block;}
.requirements {width:863px; height:238px; background:url(img/bg-req.png) no-repeat; margin:0 auto;}
.international {width:858px; height:206px; background:url(img/bg-internation.png) no-repeat; margin:20px auto 0;}
.international a {width:858px; height:206px; display:block;}
/*---------------------------------------------------------------*/
.page-container {width:840px; height:auto; padding:20px; background:#fafafa; margin:0px auto 0;}
.jstyle-container {width:860px; height:auto; padding:25px 0px 0px 0px; margin:0px auto 0;}
.jstyle-1-left {width:525px; height:auto;}
.jstyle-1-left h1 {font-size:17px;}
.jstyle-1-left h2 {font-size:22px;}
.jstyle-1-right {width:311px; height:525px; background:url(img/jstyle1-rightColumn.png) no-repeat #fafafa;}
.jstyle-1-right a {width:311px; height:525px; display:block;}
.jstyle-1-tvscreen-wrap {position:relative;}
.jstyle-1-tvscreen-1 {width:504px; height:277px; background:url(img/jstyle1-tvscreen-1.png) no-repeat; z-index:100; position:absolute; top:0px; left:0px; cursor:pointer;}
.jstyle-1-tvscreen-1:hover {background-position:bottom;}
.jstyle-1-tvscreen-2 {width:504px; height:277px; background:url(img/jstyle1-tvscreen-2.gif) no-repeat;}
.jstyle-1-controls {width:504px; height:43px; background:url(img/jstyle1-tvcontrols.png) no-repeat;}
.jstyle-1-functions {width:505px; height:127px; background:url(img/jstyle1-tvfunctions.png) no-repeat; position:relative; margin:10px 0px 0px 0px;}
.jstyle-1-functions-users {width:135px; padding:7px 0px 0px 0px; font-size:13px; position:absolute; right:0px; top:0px;}
.jstyle-1-functions-url {width:420px; height:auto; background:#fff; border:1px solid #aaa; overflow:hidden; white-space:nowrap; position:absolute; top:90px; left:37px; padding:5px;}
.jstyle-1-sports {width:860px; height:130px; background:url(img/jstyle1-sports-section-soccerball.png) right top no-repeat; margin:0 auto; padding-top:10px;}
.jstyle-1-sports ul {float:left; padding:10px 50px 0px 10px;}
.jstyle-1-sports li {font-size:13px; padding:5px 0px;}
/*---------------------------------------------------------------*/
.join-container {width:860px; height:auto; padding:20px 0px; background:#fafafa; margin:0px auto 0;}
.join-container iframe {clear:both; background:#fff;}
.join-title {width:800px; padding:5px 0px 10px 60px; background:url(img/padlock.png) 0px 0px no-repeat #FFFCE1; position:relative;}
.join-title h1 {font-size:19px;}
.join-title h2 {font-size:21px;}
.join-title h3 {font-size:13px;}
.join-testi {width:860px; height:70px; background:url(img/testi.png) center center no-repeat; margin:10px auto 0;}
.join-signup {width:860px; height:70px; background:url(img/signup-access.png) center center no-repeat; margin:0 auto;}
/*---------------------------------------------------------------*/
.foot {width:863px; height:auto; padding:10px 0; margin:40px auto; background:#f1f1f1; text-align:center; color:#999;}
.foot ul {width:100%; height:20px; margin:0 auto; clear:both;}
.foot li {display:inline; padding:0px 15px;}
.foot span {clear:both; padding:5px 0px; display:block;}