html, body, ol, ul, li, h1, h2, h3, h4, h5, h6, p, form, img, table, dl, dt, dd, a { padding:0; margin:0; }
body                                {height: 100%; background: #333333; font: 12px Tahoma, Arial, sans-serif; color: #fff;}
img, textarea                       {border: none;}
ul                                  {list-style-type: none;}
a:link                              {color: #ffe459; cursor: pointer;}
a:visited                           {color: #ffbebf;}
a:active                            {color: #ff0000;}
a:hover                             {color: #f4ff48;}
a:active, a:focus, img              {outline: 0;}
.clear                              {clear: both; line-height: 0px;}
body { behavior:url("css/csshover.htc"); }
.floatLeft { float: left; }
.floatRight { float: right; }
.borderNone { border: none !important }

.bigjoin {
color: #000;
font-size: 13px; 
}

.join_buttonxx  { width: 280px; font-size: 16px; font-weight: bold; padding: 3px;}

.table { width: 510px; padding-left: 17px;}

#main { width: 1000px; margin: 0 auto; background: url(../img/bg.png) repeat-y; position: relative;}
/* header */
.header { overflow: hidden;}
.header img { float: left;}
.menu { overflow: hidden; background: url(../img/bgMenu.png) no-repeat left top; padding-top: 30px;}
.menu li { display: block; float: left;}
.menu li a { display: block; float: left; background: url(../img/button.png) no-repeat; cursor: pointer; height: 59px;}
.menu .home { background-position: 0px -59px; width: 170px;}
.menu .home:hover { background-position: 0px 0px;}
.menu .members { background-position: -170px -59px; width: 220px;}
.menu .members:hover { background-position: -170px -0px;}
.menu .access { background-position: -390px -59px; width: 334px;}
.menu .access:hover { background-position: -390px -0px;}
.menu .nextPage { background-position: -724px -59px; width: 276px;}
.menu .nextPage:hover { background-position: -724px 0px;}


/* bonus site */
.mainPage .bonusSite, .videoPage .bonusSite { margin-left: 10px; _margin-left: -120px; overflow: hidden; zoom: 1; *padding-bottom: 10px;}
.mainPage .bonusSite li, .videoPage .bonusSite li { margin: 0px 5px 10px 5px; }
.mainPage .bonusSite a, .videoPage .bonusSite a { border: none !important;  } 
/* benefits */
.benefitsList { padding: 20px 20px 20px 20px; overflow: hidden; zoom: 1; background: #8f0002; width: 220px;}
.benefitsList li { float: left; font-size: 11px; font-weight: bold; color: fff;min-height: 53px;  height:auto !important;  height: 53px; padding-right: 30px; }
.benefitsList li.item_1 { background: url(../img/benefis_1.jpg) no-repeat top left; padding-left: 75px; width: 120px; }
.benefitsList li.item_2 { background: url(../img/benefis_2.jpg) no-repeat top left; padding-left: 46px; width: 130px; }
.benefitsList li.item_3 { background: url(../img/benefis_3.jpg) no-repeat top left; padding-left: 65px; width: 160px; }
.benefitsList li.item_4 { background: url(../img/benefis_4.jpg) no-repeat top left; padding-left: 68px; width: 150px; }


/* content */
.content { padding: 10px 5px 0px 5px;}
/* episode */
.episode { }
.episode li { overflow: hidden; display: block; zoom:1; background: #a90002 url(../img/bgEpisode.jpg) no-repeat; width: 270px; padding: 13px 15px 0px 13px; float: left; margin: 0px 0px 24px 17px; }
.block280 { background-color: #fff; padding: 10px; color: #000;}
.block280 h2 { font-size: 12px; font-weight: bold; text-align: center; padding-top: 10px;  }
.block75 { padding-top: 5px; margin-left: -5px; _margin-left: -10px; overflow: hidden; }
.block75 span { display: block; background-color: #fff; padding: 5px 5px 15px 5px; float: left; margin-left: 5px;}
/* download button */
.download { display: block; margin-top: 24px; background: url(../img/button.png) no-repeat -810px -118px; width: 270px; height: 68px; text-indent: -9999px; }
.download:hover { background: url(../img/button.png) no-repeat -540px -118px;}
/* play button */
.viewMode { display: block; background: url(../img/button.png) no-repeat 0px -118px; height: 68px; width: 270px; position: relative; margin-top: 10px; }
.viewMode:hover { background: url(../img/button.png) no-repeat -270px -118px;}
.flash { display: block; background: url(../img/iconFlash.png); width: 43px; height: 48px; cursor: pointer; position: absolute; top: 11px; left: 7px; text-indent: -9999px; }
*html .flash { background: none; filter: progid:dximagetransform.microsoft.alphaimageloader(src='img/iconFlash.png', sizingmethod='');}
.mp4 { display: block; background: url(../img/iconMp4.png); width: 44px; height: 48px; cursor: pointer; position: absolute; top: 11px; left: 60px; text-indent: -9999px; }
*html .mp4 { background: none; filter: progid:dximagetransform.microsoft.alphaimageloader(src='img/iconMp4.png', sizingmethod='');}

.banner { text-align: center; font-weight: bold;}
.banner img { margin-bottom: 5px; }
/* big links */
.bigLinks { overflow: hidden; width: 720px; margin: 0 auto; padding: 50px 0px 60px 0px;}
.bigLinks a { font-size: 46px; font-weight: bold; color: #fff; display: block; text-align: center; }
.bigLinks a:hover { color: #fcd402; text-decoration: none; }

/* correct 03/02/2010 */
.episode { text-align: center; margin: 0 auto; margin-bottom: 30px; }
.episode td { overflow: hidden; display: block; zoom:1; background: #a90002 url(../img/bgEpisode.jpg) no-repeat; width: 270px; padding: 13px 15px 0px 13px; float: left; margin: 0px 0px 24px 17px; }



/* ------------------------------------------------------ join.html */
.join .header { background: url(../img/joinHead.png) no-repeat; width: 1000px; height: 240px; position: relative; z-index: 5; }
*html .join .header { background: none; filter: progid:dximagetransform.microsoft.alphaimageloader(src='img/joinHead.png', sizingmethod='');}
.girl { background: url(../img/girl.jpg) no-repeat; text-indent: -9999px; width: 717px; height: 240px; position: absolute; z-index: 1; top: 0px; right: 0px; }
/* about site */
.aboutSite { position: absolute; top: 40px; left: 450px; }
.aboutSite li { display: block; margin-bottom: 15px; font-weight: bold; zoom: 1; position: relative;}
#formatIcon { display: block; background: url(../img/formatIcon.png) no-repeat; width: 106px; height: 36px; text-indent: -9999px; float: left; position: absolute; left: 55px; top: -10px; }
*html #formatIcon { background: none; filter: progid:dximagetransform.microsoft.alphaimageloader(src='img/formatIcon.png', sizingmethod='');}

.join .content { padding: 19px 10px 0px 10px;}
.join .content h3 { color: #fcd402; font: 18px Arial, Helvetica, sans-serif; padding-bottom: 15px; }

/* yellow title */
.join h2 { background: url(../img/bgTitle.png) no-repeat; width: 970px; height: 38px; margin: 0px auto; padding: 6px 0px 0px 10px; font-size: 24px; font-weight: bold; font-family: Tahoma, Arial, sans-serif; color: #760001; }
.join h2 span { font-size: 14px }
/* questions */
ul.questions { padding: 10px 25px 20px 15px; overflow: hidden; _padding-left: 5px; zoom: 1; }
ul.questions li { display: block; float: left; width: 465px; font: 12px Tahoma, Arial, sans-serif; margin-left: 10px; padding-bottom: 20px;}
p.questions { font-size: 14px; font-weight: bold; padding-bottom: 10px; }
ul.questions a:hover { text-decoration: none; }
/* bonus site */
.bonusSite { padding: 5px 0px 0px 4px; overflow: hidden; _padding-left: 0px; }
.bonusSite li { display: block; float: left; margin: 5px; _margin-bottom: 1px; }
.bonusSite a { border: 20px solid #e5e5e5; display: block;}
.bonusSite a:hover { border: 20px solid #fff;}

/* footer */
.footer { padding: 60px 0px; text-align: center; font-size: 10px;  }

/* .......... */

#pic_1 {width: 320px; float: left; margin: 0 0 0 5px;}

#join_form {width: 640px; float: right; color: #000; margin: 0 5px 0 0;}
#join_steps {width: 640px; height: 60px; background-color: #efefef;}
#join_steps li {float: left; margin: 0 1px 0 0;}

#join_box {background: #efefef;}
#join_box h3 {font: bold 30px Arial, Helvetica, sans-serif; padding: 10px 0 0 20px; text-transform: uppercase; background: none; color: #000;}
#join_box form {margin: 0 0 20px 20px; font: bold 12px Arial, Helvetica, sans-serif; text-transform: uppercase;}
#join_box form input.text {margin: 5px 0 0 10px; border: none; width: 160px; padding: 2px;}
#join_box form input.option {margin: 10px 10px 0 110px;}
#join_box form select {margin: 5px 0 0 0px; border: 1px #cccccc solid; width: 300px; padding: 2px;}


#step {background: url(../img/step_button.gif) top no-repeat; width: 200px; height: 25px; font: bold 15px Arial, Helvetica, sans-serif; text-align: center; line-height: 28px; text-transform: uppercase; float: right; margin: 0 10px 10px 0;}
#step a {color: #fff; text-decoration: none;}

#why_join {width: 320px; float: left; background: #efefef; margin: 10px 0 0 5px;}
#why_join h2 {background: url(../img/why_join_top.gif) top no-repeat; width: 320px; height: 30px; text-align: center; text-transform: uppercase; color: #fff; font: bold 18px Arial, Helvetica, sans-serif; line-height: 30px; padding: 0;}
#why_join p#title {font: bold 12px Arial, Helvetica, sans-serif; margin: 20px 0 0 10px; padding: 0; color: #000;}
#why_join ul {margin: 10px 0 10px 0;}
#why_join li {list-style: disc; margin: 0 0 0 30px; font-weight: bold; color: #000;}
#why_join p#description {font: normal 11px Arial, Helvetica, sans-serif; color: #000; margin: 10px; padding: 0;}


#pics {width: 640px; float: right; margin: 10px 5px 0 0;}
#pics li#left {float: left;}
#pics li#right {float: right;}

/* /.......... */


.join_table { font-family: Helvetica Neue, Helvetica, Times, serif; font-size: 12px; color: #000000; padding: 1px; margin: 0px; }
.join_name { font-weight: none; text-align: left; border: none; font-size: 1dpx; text-transform:uppercase; font-weight: bold; padding-top: 10px;}
.join_name_p { font-weight: none; text-align: left; border: none; font-size: 12px; padding: 12px 0px 0px 0px; text-transform:uppercase; font-weight: bold; padding-right: 9px;}
.join_value { text-align: left; border: none;  padding: 3; margin: 3; }
.join_error { color: #990000; font-size: 11px; font-weight: bold;}
.join_header { font-size: 11px; font-weight: bold; text-align: center; border: none; }
.join_footer { font-size: 14px; font-weight: bold; text-align: right; border: none; }
.join_button { padding-left: 72px; padding-top: 8px;}
.join_select { width: 350px; }
.join_selectx { width: 224px; }
.bigoption { font-size: 18px; font-weight: none; text-align: left; border: none; }
.joinoption { font-size: 11px; font-weight: none; text-align: left; border: none; color: #000000; }
.save{ color: red; font-weight: bold; text-align: center; border: none; font-size: 12px;}
.join_input {
	border: 1px #cccccc solid;
	font-family: Arial;
	padding: 1px;
	font-size: 15px;
	height:22px;
	color: #000000;
	margin: 0px 0 0 0;
	background: #FFFFFF;
	font-weight: bold;
	width: 160px;
}