/* General */
body, div, ul, li, h1, p, fieldset {margin:0; padding:0}
img, fieldset {border:0}
ul li {list-style:none}
html, body {width:100%; height:100%; font-family:Arial, Helvetica, sans-serif; background:#DDD url(i/pageback.png) repeat-x}

a {color:#0046ad}
a:hover {color:#003481}
a:visited {color:#7291c5}

#container {width:1000px; min-height:100%; height:100%; position:relative; margin:0 auto}

/* Header */
#header {position:absolute; top:0; left:0; width:100%; height:76px; background:url(i/background.png) no-repeat; background-position:0 -42px; z-index:2}
#header .wrap {margin:10px 10px; position:relative}
#header .wrap .logo {float:left}
#header .wrap .logo a {position:relative; display:block; width:251px; height:34px; margin:20px 0 0 20px; text-decoration:none; background:url(i/background.png) no-repeat; background-position:-82px 0}
#header .wrap .links {margin-left:322px}
#header .wrap .links .appstore {float:right}
#header .wrap .links .appstore a {position:relative; display:block; width:115px; height:40px; margin:20px 20px 0 0; text-decoration:none; background:url(i/background.png) no-repeat; background-position:-333px 0}

/* Menu */
.menu {float:left; margin-top:37px}
.menu li {display:inline}
.menu li a {float:left; display:block; width:82px; height:21px; margin:0 5px; line-height:21px; text-align:center; background:url(i/background.png) no-repeat; font-size:13px; text-decoration:none; color:#546192}
.menu li a:hover {text-decoration:none; color:#546192; background-position:0 -21px}
.menu li.active a {cursor:default; background-position:0 -21px}

/* Content */
#content {width:100%; min-height:100%; background:url(i/contentback.png) repeat-y}
#content .wrap {width:100%; padding-top:76px; position:relative; z-index:2}
#content .wrap .in {margin:35px 50px}
.empty {height:50px}

#content .wrap .in h1 {font-size:20pt; font-weight:normal; color:#798da8; margin-bottom:20px}
#content .wrap .in h2 {font-size:16pt; font-weight:normal; margin:16pt 0 8pt 0}
#content .wrap .in p {font-size:11pt; line-height:14pt; margin:0 0 6pt 0}
#content .wrap .in p sup {font-size:50%; margin-left:1pt; vertical-align:top}

/* Footer */
#footer {position:relative; width:100%; height:170px; margin-top:-170px; padding:0px 10px; background:#DDD url(i/background.png) no-repeat; background-position:0 -118px}

#footer .wrap {float:left; margin:130px 8px 0}
#footer .copyright {float:left; font-size:8pt; color:#787878}
#footer .social {float:left !important; margin-left: 540px; display: inline !important;}
#footer .social ul li {float: left !important; margin: 0 4px 0 4px}

/* Clear */
.clear:after {content:"."; display:block; height:0; clear:both; visibility:hidden}
.clear {display:inline-block}
.clear {display:block}

/* Home page */
#content .wrap .in-main {margin:0}
#content .wrap .in-main .video-block {margin:18px 0}
#content .wrap .in-main .video-block a {display:block; margin:0 auto; width:540px; height:54px; font-size:16pt; line-height:54px; text-align:center; background:url(i/movie_poster.jpg) no-repeat}

#middle-block {width:100%; height:100px; margin:10px 20px 0 30px}
#middle-block a {color:#0046ad}
#middle-block .left-block {width:550px; float:left}
#middle-block .left-block p {font-size:16px; color:#555555; margin:5px 0}

#middle-block .right-block {float:left; margin-top:15px; margin-left:13px}
#middle-block .right-block a {display:block; height:54px; width:230px; font-size:16pt; text-align:left; text-decoration:none; padding-left:105px; background:url(i/movie_poster.jpg) no-repeat}

#overview-block {width: 90%; margin:0px 20px 30px 30px}
#overview-block p {font-size:11pt; line-height:14pt}

#content .wrap .in-main .poster {width:100%; height:512px; background:url(i/poster.png) no-repeat center bottom }
#content .wrap .in-main .poster .wall {float:left; margin-left: 590px; padding-top:113px; background:url(i/logo-l.png) no-repeat top left}
#slides {margin:30px 0 0 30px}
#slides img {display:none}

.wall h1 {margin-top:40px; font-weight:lighter; font-size:20pt; line-height:28pt; color:#606060}
.wall h1 sup {font-size:50%; margin-left:1pt; vertical-align:top}

.wall .announce h1 {font-size:14pt; font-weight:bold; color:#0046ad; margin:20px 0 0 0}
.wall .announce ul {margin-top:0}
.wall .announce li {font-size: 11pt; margin: 0 20px 0 3pt; list-style:disc}

.wall .announce1 {margin-left: -20px; margin-top: 22px; width: 300px; height:145px}
.wall .announce1 a {background:url(i/discount_30.png) no-repeat; width: 300px; height:145px; display: block; text-decoration:none; color: #de0000; font-size: 18pt; padding-top: 135px; padding-left: 20px}

/* Home page tabs */
#tabs {width:940px; margin:0 auto 30px}
#tabs .tabs-wrap {padding:15px 15px; min-height:260px; position:relative; background:url(i/tabb.png) repeat-y}
#tabs .tabb {width:940px; height:5px; background:url(i/tabs.png) no-repeat; background-position:0 -114px}

#tabs .tab-menu {width:940px; height:57px}
.tab-menu li {display:block; float:left; width:190px; height:57px; background:url(i/tabs.png) no-repeat; cursor:pointer}
.tab-menu li.active {cursor:default}
.tab-menu li.tab-game {width:185px; background-position:0 -57px}
.tab-menu li.tab-game.active {background-position:0 0}
.tab-menu li.tab-smartlist {background-position:-185px -57px}
.tab-menu li.tab-smartlist.active {background-position:-185px 0}
.tab-menu li.tab-ball {background-position:-375px -57px}
.tab-menu li.tab-ball.active {background-position:-375px 0}
.tab-menu li.tab-club {background-position:-565px -57px}
.tab-menu li.tab-club.active {background-position:-565px 0}
.tab-menu li.tab-info {width:185px; background-position:-755px -57px}
.tab-menu li.tab-info.active {background-position:-755px 0}

/* Tabs content */
.tabs-wrap .tab-content {float:left; width:350px; margin:0 15px}
.tabs-wrap .tab-content p {font-size:11pt; line-height:14pt; margin:0 0 6pt 0}
.tabs-wrap .tab-poster {float:right; width:520px; height:265px; background:url(i/tab-posters.jpg) no-repeat}

#tab-game .tab-poster {background-position:0 0}
#tab-smartlist .tab-poster {background-position:0 -265px}
#tab-ball .tab-poster {background-position:0 -530px}
#tab-club .tab-poster {background-position:0 -795px}
#tab-info .tab-poster {background-position:0 -1060px}

/* Manual page */
.in .manual-wrap {padding-left:270px; background:url(i/manual-spread.png) no-repeat}
.in .manual-wrap .v1 {background:url(i/pagebypage-icon.png) no-repeat right; min-height:61px; padding-right:68px}
.in .manual-wrap .v2 {background:url(i/imposed-icon.png) no-repeat right; min-height:61px; padding-right:51px}

/* Feedback page */
.in .feedback-wrap {width:500px; padding-top:14px}
.in .feedback-wrap label {float:left; width:110px; display:block; font-size:11pt; text-align:right}
.in .feedback-wrap input, .in .feedback-wrap textarea {float:left; width:350px; margin:2px 0 8px 10px; max-width:350px}
.in .feedback-wrap .submit {clear:both; margin-left:120px}

/* Goodies page */
.in .goodies-wrap {background: url(/i/G-bookmarks.png) no-repeat; margin-left:-10px; padding-left:370px; min-height:285px}