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

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td{
    margin: 0;
    padding: 0;
    border: 0;
    outline: 0;
    font-size: 100%;
    vertical-align: baseline;
    background: transparent;
}

body{line-height: 1;}
ol, ul{list-style: none;}

/* html and body styles */

html {height: 100%;}
body,td,th {font-family: Arial, Helvetica, sans-serif;}
body, html{ background:url(../images/bg_hor.png) repeat-x left top; background-color:#000000; min-height: 100%;}



.clear {clear:both; line-height:0px; height:0px; overflow:hidden; font-size:0px;}
.rel { position:relative;}
.abs { position:absolute;}
.width1000, .header, .updates {width:1000px; margin:0 auto;}

.index { width:100%; height:auto; background:url(../images/header_bg.jpg) no-repeat center top;}
.join { width:100%; height:auto; background:url(../images/j_bg.jpg) no-repeat center top;}
.header { height:697px;}
.j-header { height:316px;}
.updates { height:auto; background:url(../images/bg_updates.png) repeat-y center top;}

.statistic { width:784px; height:30px; left:216px; top:10px;}
ul#header-stats{text-align:right;}
ul#header-stats li{line-height:20px; font-size:13px; display: inline; margin-right:4px; color:#54585b;}
ul#header-stats li span {color:#5103af; font-weight: bold;}


/* menu styles */
ul#nav {display:block; width:1000px; height:124px; left:0px; top:573px; margin:0px; padding:0px;}
ul#nav li {height:124px; float:left; margin:0px; padding:0px;}
ul#nav li a {height:124px; display:block; text-align:center; float:left; text-indent:-9999em }

ul#nav li.nav-left		   		{ width:25px; background:url(../images/menu_1.jpg) 0 0}
ul#nav li.nav-right		   		{ width:17px; background:url(../images/menu_5.jpg) 0 0}
ul#nav li.nav-members a			{ width:233px; background:url(../images/menu_2.jpg) 0 0}
ul#nav li.nav-members a:hover 	{ background:url(../images/menu_2_2.jpg) 0 0}
ul#nav li.nav-join a			{ width:481px; background:url(../images/menu_3t.gif) 0 0}
ul#nav li.nav-join a:hover		{ background:url(../images/menu_3_2.jpg) 0 0}
ul#nav li.nav-videos a	   		{ width:244px; background:url(../images/menu_4.jpg) 0 0}
ul#nav li.nav-videos a:hover 	{ background:url(../images/menu_4_2.jpg) 0 0}

/* slider 1 */
.slider-2 { width:528px; height:340px; left:236px; top:232px; z-index:500;}
.slider-frame { z-index:800; position:absolute;width:528px; height:340px; left:236px; top:232px; background:url(../images/slider_big_frame.png) no-repeat left top;}
.slider-1 { width:287px; height:236px; left:0px; top:313px; z-index:400;}
.slider-3 { width:287px; height:236px; right:0px; top:313px; z-index:410;}
.slider-prev {width:37px; height:71px; left:199px; top:309px; z-index:450;}
.slider-next {width:37px; height:71px; left:764px; top:309px; z-index:460;}

.slider-prev a { display:block; width:37px; height:71px; background:url(../images/arrow_prev.png) no-repeat left top;}
.slider-prev a:hover {background:url(../images/arrow_prev.png) no-repeat left -136px;}

.slider-next a { display:block; width:37px; height:71px; background:url(../images/arrow_next.png) no-repeat left top;}
.slider-next a:hover {background:url(../images/arrow_next.png) no-repeat left -136px;}

.slider-joinlink { z-index:900; position:absolute;width:486px; height:298px; left:257px; top:253px;}
.slider-joinlink a { display:block;width:486px; height:298px; background:url(../images/slider_join_btn.png) no-repeat left top;}
.slider-joinlink a:hover {background:url(../images/slider_join_btn.png) no-repeat -486px top;}


/* ------------------------------------- content zone ------------------------------------------------------
------------------------------------------------------------------------------------------------------------- */
.descript { background:url(../images/bg_updates_top.jpg) no-repeat center top; padding-top:10px; margin-bottom:10px;}
.descript p { font-size:14px; color:#000; margin:0px 25px 10px 25px; line-height:20px; text-align:center;}
.descript h1 {  font-size:26px; color:#6003d6; margin:30px 25px 10px 25px; text-align:center;}

.upds { background-color:#000000; width:980px; margin:10px; padding-top:10px;}
.trailer { width:960px; height:450px; margin:0 auto 0px; position:relative; z-index:0; border:2px solid #000;}
.trailer:hover {  border:2px solid #6003d6;/* margin:-2px auto 2px;  */}

.hd-icon { width:91px; height:76px; position:absolute; left:10px; top:10px; background: url(../images/hd_label.png); z-index:40;}
.movie-play-icon { width:102px; height:102px; position:absolute; left:423px; top:177px; background: url(../images/play.png); z-index:50;}
/*.trailer:hover div.movie-play-icon{ z-index:40;} */
.movie-info { width:100%; position:absolute; left:0px; bottom:5px; background: url(../images/movie-info-bg.png); z-index:30; font-size:20px; color:#fff }
.title { float:left; padding-left:5px;  text-decoration:underline; }
.time { float:right; padding-right:5px; }
.title, .time { font:normal 18px/30px Arial, Helvetica, sans-serif; color:#fff}

.thumbs { text-align:center; margin-top:1px;}
.thumbs img { margin:1px; border:1px solid #000;}
.thumbs img:hover {border:1px solid #6003d6;}

.midLink { margin:0; padding:20px; text-align:center; color:#fff;}
.midLink a, .midLink a:visited { font-size:35px; font-weight:normal; letter-spacing:-.06em; color:#6003d6; text-decoration:underline;}
.midLink a:hover {color:#fff; text-decoration:none;}

/* pager */

.pager { background:url(../images/bg_pager.jpg) no-repeat center bottom;}

.pager ul {float:left; margin-left:210px; margin-bottom:15px;}
.pager ul li { display:block; float:left;  color:#000; margin:0; margin-right:3px;}
.pager ul li.pager-txt {font-size:18px; padding-top:10px; padding-right:5px; padding-bottom:0px;}
.pager ul li a {display:block; width:38px; height:31px; padding-top:10px;}
.pager ul li a, .pager ul li a:visited { font-size:20px; color:#000; text-align:center; text-decoration:underline; font-weight:bold;}
.pager ul li a:hover {color:#fff; background:url(../images/pager_hover.png) no-repeat center top;}


.footer1 { width:1000px; margin:0 auto; height:342px; background:url(../images/footer_1.jpg) no-repeat center top;}
.f-nav {display:block; top:212px; left:0px; width:1000px; height:130px; margin:0px; padding:0px;}
.f-nav li {height:130px; float:left; margin:0px; padding:0px;}
.f-nav li a {height:130px; display:block; text-align:center; float:left; text-indent:-9999em }

.f-nav li.f-left		   		{ width:179px; background:url(../images/footer_2.jpg) 0 0}
.f-nav li.f-right	 	  		{ width:180px; background:url(../images/footer_4.jpg) 0 0}
.f-nav li.f-join a				{ width:641px; background:url(../images/footer_3t.gif) 0 0}
.f-nav li.f-join a:hover		{ background:url(../images/footer_3_2.jpg) 0 0}

.footer2 { width:100%; background:url(../images/footer_logo_bg.jpg) repeat-x center top; border-top:1px solid #6b6b6b; padding-top:70px;}
.copyrights { width:900px; margin:0 auto; text-align:center; padding-left:50px; padding-right:50px;}
.copyrights p { font-size:11px; color:#7c7c7c; line-height:14px; margin-bottom:10px;}
.copyrights p a {color:#7c7c7c; text-decoration:underline;}
.copyrights p a:hover {color:#fff; text-decoration:none;}
p.footer2-menu { font-size:16px; line-height:18px; color:#fff; margin-bottom:25px;}
p.footer2-menu a { color:#fff; text-decoration:underline; margin:5px; padding:10px;}
p.footer2-menu a:hover { color:#af54fb; text-decoration:none;}


.j-form-zone {width:1000px; margin:0 auto; height:789px; position:relative; background:url(../images/j_bgform.jpg) no-repeat center top;}
.j-form-zone h1 {top:25px; width:980px; left:10px; height:60px;margin:0px; font-size:40px; font-weight:bold; color:#6003d6; letter-spacing:-.06em; text-align:center;}
.j-form-zone h1 span {color:#242424;}

/* join form styles */
#joinForm { left:250px; top:103px; width:420px; height:642px; padding:20px 40px 0 40px; text-align:center;}
/*#joinForm {margin-left:283px; padding-top:20px; margin-bottom:30px; width:434px; height:547px;}*/

#joinForm p { margin:0; padding:3px 0; font-size:13px; color:#a165ee; line-height:16px; margin-bottom:8px; text-align:center;}

#joinForm p a, #joinForm p a:visited { color:#fff; text-decoration:underline; font-weight:bold;}
#joinForm p a:hover {text-decoration:none;}
#table_join { width: 420px;}
#table_join caption { font:normal 18px/18px Arial, Helvetica, sans-serif; color:#fff; padding:0px 0 18px 0px; text-align:center; text-transform:uppercase; letter-spacing:-1px}
#table_join th { font-weight:normal; text-align:right; padding-right:5px; width:130px; color:#fff; font-size:16px; vertical-align:top; padding-top:2px; padding-bottom:6px;}
#table_join td{ text-align:left; color:#537785; font-size:14px; padding-top:2px; padding-bottom:6px;}

.button-joinNow { width:322px; height:41px; font:normal 20px/41px Arial, Helvetica, sans-serif; color: #fff; text-decoration:none; text-align:center; background:url(../images/btn.jpg) no-repeat 0 top; letter-spacing:-.06em; border:0 none; margin:10px 0 ; padding:0; cursor:pointer}
.button-joinNow:hover{ text-decoration:none; background:url(../images/btn.jpg) no-repeat center -73px; color:#000000;}

.text_area        {width:215px; padding:7px 5px; font-size:11px; background:#fff; border:1px solid #537785; color:#333}
.select_text_area {width:227px; padding:6px 5px ; font-size:11px; background:#fff; border:1px solid #537785; color:#333}


.form-radio-label {font-size:12px; color:#a165ee; padding-bottom:5px;}
div.form-radio {margin-bottom:4px;}

.no-credit { font-weight:bold; color:#fff;}
.txt-size10 { font-size:10px; color:#999;}
.radio-1year {color:#fff; font-weight:bold;}


/* styles for bonus sites */
#bonusSites { text-align:center; margin:20px 0}
#bonusSites img { margin:5px; border:#303030 solid 4px;}

#botnusSites-title {text-align:center;}
#botnusSites-title h2 { font-size:40px; font-weight:bold; padding-top:0px; letter-spacing:-.06em; color:#2f2f2f;}
#botnusSites-title h3 { font-size:20px; color:#6003d6; font-weight:normal;}

.j-bottom { background:url(../images/j_bottom.jpg) no-repeat center top; width:1000px; height:56px; display:block;}