﻿/* --- START COMMON CSS	---------------------------------------------------------------------------------------------------------------------------------------------------------------- */
	*{margin:0; padding:0}
	a{text-decoration:none; color:#009cff;}
	a:hover{text-decoration:underline;}
	a img{border:0;}
	
	.cl{font-size:0; line-height:0; clear:both;}
	.no-text{text-indent:-999999px; font-size:0; line-height:0;}
	.fl{float:left;}
	.fr{float:right;}
	.bl{display:block;}
	.il{display:inline;}
/* --- END COMMON CSS ------------------------------------------------------------------------------------------------------------------------------------------------------------------ */
/* --- START BODY & SHELL -------------------------------------------------------------------------------------------------------------------------------------------------------------- */
	body{background:#000; font-size:11px; font-family:Verdana, Arial, Helvetica, sans-serif; line-height:14px; letter-spacing:0px; color:#6d6e71;}
	#background{background:url(images/background.jpg) no-repeat top left;}
	#shell{width:1000px;}
	#footer{margin:20px 15px; color:#585858; line-height:30px;}
	a#stoy-logo{background:url(images/stoy-logo.gif) 0 0 no-repeat; width:56px; height:27px; display:block;}
	a:hover#stoy-logo{background:url(images/stoy-logo.gif) -56px 0 no-repeat;}
/* --- END BODY & SHELL ---------------------------------------------------------------------------------------------------------------------------------------------------------------- */
/* --- START HEADER -------------------------------------------------------------------------------------------------------------------------------------------------------------------- */
	h1#logo{width:379px; height:78px;}
	h1#logo a{background:url(images/logo.png) no-repeat; cursor:pointer; margin-left:32px; width:379px; height:78px; display:block;}

	#header{position:relative;}
	
	#menu-back{background:url(images/menu.gif) repeat-x; height:53px; width:1000px;}
	#menu #home a{background:url(images/home-but.gif) no-repeat; width:10px; height:10px; float:left; margin:21px 7px 0;}
	#menu p{line-height:53px; display:block; float:left; font-size:12px; font-weight:bold; padding:0 7px; background:url(images/menu-div.gif) no-repeat left; text-transform:capitalize;}
	#menu p a{color:#fff;}
	
	#login{float:left; width:300px; background:url(images/login-back.png) no-repeat left; position:relative; height:53px; padding-left:25px;}
	#club{position:absolute; right:0; top:51px; background:#ee151d; width:160px; height:27px; font-size:12px; color:#fff; font-weight:bold; text-align:center; text-transform:uppercase; line-height:27px;}
	#userinfo{height:27px; margin-top:9px; width:295px; color:#fff;}
	#userinfo input.tab_osnova_input{margin:0 5px 0 0;float:left; background:url(images/userinfo-field.gif) no-repeat; border:0; width:81px; height:22px; color:#a9a9a9; padding:5px 5px 0;}
	#userinfo a{float:left; margin-left:5px;}
	#reg{height:17px; line-height:17px; float:right; display:inline; margin-right:5px; font-style:italic;}
	#reg a.pass{color:#fed6d6; font-size:10px;}
	#reg a.register{color:#fff; font-weight:bold; font-size:11px;}
/* --- END HEADER ---------------------------------------------------------------------------------------------------------------------------------------------------------------------- */
/* --- START CENTER -------------------------------------------------------------------------------------------------------------------------------------------------------------------- */
	#content{margin-top:4px;}
	
	#center{width:814px; padding:0 10px 20px; float:left; background:#fff url(images/center.gif) repeat-x; border-top:1px solid #fff; border-right:1px solid #fff;}
	#right{width:160px; margin-left:5px; float:left;}
	.banner{width:160px; height:600px; margin-bottom:5px;}
	
	#actual-movies-title{float:left;}
	#actual-movies{background:url(images/actual-movies-back.gif) repeat;width:812px; height:350px; border-top:10px solid #212121;}
	#mycustomscroll{background:#2a2a2a url(images/scroll-bottom.gif) repeat-x bottom; font-size:9px; width:309px; height:350px; float:left; overflow:auto; position:relative;}
	#mycustomscroll a img{width:143px; height:106px;}
	.fixedwidth{width: 550px; height: auto;	position: relative;	color: black; padding: 1px;}
	#big-info{width:503px; height:350px; float:left;}
	.big-info-pic{width:503px;}
	.trailer-but{background:url(images/trailer-but.gif) no-repeat; width:40px; height:40px; margin:14px; display:inline; float:left;}
	.big-info-desc{float:left; width:425px; padding:3px 10px 0 0; height:63px; font-size:12px; color:#aeaeae; line-height:16px;}
	.big-info-desc h1{font-size:18px; font-weight:normal; color:#fff; line-height:24px; float:left; margin-right:10px;}
	.big-info-desc .more-info{float:left; line-height:24px; font-size:11px;}
	.big-info-desc .rating{float:right; line-height:15px; margin-top:5px; color:#e3e3e3; font-size:11px;}
	
	#program{float:right; display:inline; margin-right:27px; height:49px; line-height:25px; font-weight:bold; color:#4e4e4e;}
	#program span{font-weight:normal; color:#494848; font-size:11px; padding-left:7px; width:162px; height:24px; background:url(images/movie-choser.gif) no-repeat; line-height:24px; position:absolute; overflow:hidden;}
	#program form select{font-weight:normal; color:#494848; font-size:11px; width:163px; border:none; margin-right:20px; line-height:24px; opacity:0; filter: alpha(opacity = 0); position:relative; z-index:5;}
	#program form select option{background:#fff; border:0; font-weight:normal; color:#494848; font-size:11px; padding:0px 3px;}
	#mymovie, #selector{margin-top:12px;}
	
	#main{width:812px; background:url(images/main-back.gif) repeat-y; border-bottom:15px solid #f2f0f0; margin-top:10px;}
	#news{float:left; width:190px; margin:20px 0 0; padding:0px 8px 0px 15px; font-size:11px; color:#a9a9a9; line-height:15px;}
	#main-content{float:left; width:582px; margin:20px 0 0; padding:0px 0px 0px 7px;}
	
	#main h1{color:#383838; font-weight:bold; font-size:14px; line-height:24px;}
	.icons{vertical-align:middle;}
	
	#news .colum{background:url(images/colum-border.gif) no-repeat bottom;}
	.colum{padding:7px 0px;}
	.colum a img{border:3px solid #fff; width:67px; height:67px; margin-right:4px; float:left;}
	.colum a:hover img{opacity:0.7; filter: alpha(opacity = 70);}
	.colum .text{float:left;}
	.colum h1 a{font-size:11px; font-weight:bold; color:#525353!important; line-height:17px;}
	
	#contacts{margin-top:5px;}
	#contacts .dark{color:#404040;}

	#threed{width:391px; display:inline; margin-right:6px; float:left;}
	#threed .box .inner{padding:5px 5px 0 5px!important;}
	
	#promotions{width:185px; float:left;}
	#promotions .box .inner{padding:5px 5px 3px 5px!important;}
	
	.box{background:#fff; border-bottom:1px solid #d0d0d0; padding:8px; clear:both;}
	.box .inner{background:url(images/box-inner-back.gif) repeat-x; margin-top:1px; padding:5px;}
	.box .inner h1{color:#ff1143!important; padding:0 5px 5px;}
	.box .inner p.links{float:left; padding:0px 5px; border-right:1px solid #dbdbdb; height:28px; line-height:28px;}
	.box .inner .rating{color:#828282; height:22px; line-height:15px;}
	#threed .box .inner .rating{float:right; padding:5px 5px 0 0;}
	.box a:hover img{opacity:0.7; filter: alpha(opacity = 70);}
	
	#threed .box{padding:8px 8px 0px!important; height:194px; margin-bottom:20px;}
	#promotions .box{height:186px; margin-bottom:20px;}
	
	.box a img{border:0!important;}
	
	#countrytabs a img{border:3px solid #fff;}
	#countrytabs a:hover img{opacity:0.7; filter: alpha(opacity = 70);}
	#countrytabs .box{padding:13px!important; margin-bottom:10px; height:257px;}
	#countrytabs .col{float:left; width:184px; display:inline; margin-right:10px;}
	#countrytabs .col h1.children-title{position:relative; height:24px;}
	#countrytabs .col h1.children-title img{position:absolute; top:-10px; left:-5px;}
	#countrytabs .col .box h1{color:#ff1143!important; font-size:12px;}
	#countrytabs p{padding-bottom:10px;}
	
	#tooltip{position:absolute; z-index:3000; border:0; background:#009CFF; padding: 5px; color:#F2F0F0; font-size:11px;}
	#tooltip h3, #tooltip div{margin:0;}
	
	.highslide-loading{color:#ffffff!important; font-weight:bold;}
/* --- END CENTER ---------------------------------------------------------------------------------------------------------------------------------------------------------------------- */
/* --- START SCROLLBAR ----------------------------------------------------------------------------------------------------------------------------------------------------------------- */
	.scrollgeneric {line-height: 1px; font-size: 1px; position: absolute; top: 0; left: 0;}
	.vscrollerbase {width:18px;}
	.vscrollerbar {background-image: url(images/scroll.gif); width: 18px; height: 176px !important;}
	* html .vscrollerbar {filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true, sizingMethod=crop src='images/scroll.gif'); background-image: none;}
	.hscrollerbase {height: 18px;}
	.hscrollerbar {height: 18px; background-color: #84ADD6;}
	.vscrollerbar, .hscrollerbar {padding: 0px; z-index: 2;}
	.scrollerjogbox {width: 22px; height: 22px; top: auto; left: auto; bottom: 0px; right: 0px; background: #698AAA;}
	.contentwrapper a:hover img {opacity:0.7; filter: alpha(opacity = 70);}
/* --- END SCROLLBAR ------------------------------------------------------------------------------------------------------------------------------------------------------------------- */