@charset "utf-8";
/* CSS Document */

/* body and container */
body { padding: 0; margin: 0; color: #fff; background:#b4c5d7 url(../images/header-bg.jpg) no-repeat top center;}

#container{ width:958px; margin:0 auto;  }
.contentArea{background:#738498 ; background:url(../images/main-BG.gif) repeat-y center; text-align:center }

/* warning page styles */
body#warning #contentArea{ padding:0 40px; background:#728397 url(../images/warning-bottomBG.jpg) no-repeat bottom; text-align:left }

ul#applyTerms { padding:10px 00px 0 40px; margin:0; text-align:center;  list-style-type: decimal;  }
ul#applyTerms li { padding:0; margin:0; list-style-type: decimal;  color: #ffa1a0; font-size:14px; text-align: justify; padding-bottom:10px}

a#button-enterSite{ width:234px; height:73px; margin:0 auto; background:url(../images/warning-enter.gif) 0 0; display:block; text-indent:-9999px; margin-top:40px}
a#button-enterSite:hover{ background:url(../images/warning-enter.gif) -234px;}

#warningBottom { text-align:center;  height:65px; padding:20px 0}
#warningBottom , #warningBottom a{ font-size:18px; text-transform:uppercase}

#copyr{ text-align:center; width:958px; margin:0 auto; padding:20px 0; background:#b4c5d7 }
#copyr p{ text-align:center; }

/* 2257.html styles */
body#comp {}
body#comp #container { width:918px; margin:0 auto; padding:60px 20px; background:#728397 url(../images/warning-bottomBG.jpg) no-repeat bottom; }
body#comp #container h2{ margin-bottom:35px}

/* header - index page, join page */
.header-members { width:224px; height:130px; background:url(../images/header-topButtons.gif) 0 0; display:block; text-indent:-9999px; float:left}
.header-members:hover {  background:url(../images/header-topButtons.gif) 0 130px; }

.header-join { width:246px; height:130px; background:url(../images/header-topButtons.gif) -224px 0; display:block; text-indent:-9999px; float:left}
.header-join:hover {  background:url(../images/header-topButtons.gif) -224px 130px; }

#imgRotator-topBG { background:url(../images/header-topBG.gif) no-repeat top center}
#imgRotator-bottomBG { background:url(../images/header-bottomBG.gif) no-repeat bottom center; text-align:center; overflow:hidden}
#welcome{ height:140px; padding:0 50px; background: url(../images/header-welcomeBG.jpg); text-align:center}
#welcome h2{ padding:25px 0 5px 0}

/* episode block */
.episode{ margin:30px 0;}
.episode h1{ background:url(../images/episode-topBG.gif) no-repeat; line-height:100px; padding-left:20px; text-transform:none}
.contentArea-episode{ background:#303036 url(../images/episodeBG.jpg) no-repeat; height:584px; text-align:left; padding:0 34px 0 36px }

.episode-leftSide { width:243px; float:left}
.episode-leftSide-desc { margin-top:13px; height:205px; font-size:12px; padding-right:4px}
.episode-dl { width:235px; height:85px; background:url(../images/episode-button-dl.gif) 0px 0; display:block; text-indent:-9999px; float:left}
.episode-dl:hover {  background:url(../images/episode-button-dl.gif) 0px 85px; }

.episode-rightSide {  text-align:right; float:left }
.episode-rightSide img { margin:2px}
.episode-leftSide img:hover, .episode-rightSide img:hover{ FILTER: alpha(Opacity=90); opacity:0.90}
.episode-trailerPic img{ margin:0 2px 2px 2px}

/* bonus blocks */
.bonusBlock-top { height:98px; background:url(../images/bonusBlock-top.jpg) no-repeat top center}
.bonusBlock-top p { padding: 0 200px 0 23px; margin:0 }
.bonusBlock-top-chat { height:98px;  position:relative; z-index:0}
.bonusBlock-top-chat p { padding: 52px 200px 0 24px; margin:0; position:absolute; z-index:1 }

#IYG-thArea {}
#IYG-thArea div { float:left; display:inline}
#IYG-thArea div p{ font:normal 14px/24px Tahoma, Arial, Helvetica, sans-serif; color:#ffa1a0; text-align:center; margin:0; padding:0; background:#26262a}

#BS-thArea { text-align:center; background:#738498 url(../images/BS-bg.jpg) repeat-x top}
#BS-thArea img{ border:2px solid #111113; padding:5px; background:#777788; margin:0 20px;}

/* footer buttons */
.continueTour { width:479px; height:97px; background:url(../images/footer-buttons.gif) 0 0 ; display:block; float:left; text-indent:-9999px; margin-bottom:20px}
.continueTour:hover { background:url(../images/footer-buttons.gif) 0 97px}
.GetInstantAccess { width:479px; height:97px; background:url(../images/footer-buttons.gif) -479px 0 ; display:block; float:left; text-indent:-9999px; margin-bottom:20px}
.GetInstantAccess:hover { background:url(../images/footer-buttons.gif) -479px 97px}


/* tour page */
body#tour #container{ width:958px; margin:0 auto; background:#738498 ; text-align:center }

.pictureBlock {width:958px; margin:0 auto 15px ; text-align:center; overflow:hidden }
.pictureBlock div { float:left; display:inline}
.pictureBlock div p{ font:normal 14px/30px Tahoma, Arial, Helvetica, sans-serif; color:#fff; text-align:center; margin:0; padding:0; background:#26262a}
.pictureBlock div p b{ font-weight:normal; color:#ffa1a0;}



/* pagination */
#pagination { text-align:center;  width:958px; background:url(../images/tour-footer.jpg) no-repeat; height:80px;}
ul#pages {  margin:0 auto; padding:0; list-style-type:none; text-align:center; }
ul#pages li{ padding:0; margin:0; list-style-type:none; text-align:center; float:left }
ul#pages li img { float:left}
ul#pages li a{ background:url(../images/pagesBar.gif) no-repeat 0 0;  width:53px; font:bold 24px/53px Tahoma, Arial, Helvetica, sans-serif; color:#69696f; text-decoration:underline; display:block; float:left}
ul#pages li a:hover {  background:url(../images/pagesBar.gif) no-repeat -53px 0; color:#fff; text-decoration:none;  }
ul#pages li.activePage a{  background:url(../images/pagesBar.gif) no-repeat -53px 0; width:53px; font:bold 24px/53px Tahoma, Arial, Helvetica, sans-serif; color:#fff; text-decoration:none; }


/* tour page header buttons  */
.tour-header-members { width:224px; height:130px; background:url(../images/header-tour-topButtons.gif) 0 0; display:block; text-indent:-9999px; float:left}
.tour-header-members:hover {  background:url(../images/header-tour-topButtons.gif) 0 130px; }

.tour-header-join { width:246px; height:130px; background:url(../images/header-tour-topButtons.gif) -224px 0; display:block; text-indent:-9999px; float:left}
.tour-header-join:hover {  background:url(../images/header-tour-topButtons.gif) -224px 130px; }



/* join page 1 */
body#join1 #contentArea{ padding:0px; width:958px; margin:0 auto; background:#738498 url(../images/join1-footerBG.jpg) no-repeat bottom; text-align:center; padding-bottom:45px }
#joinForm1-area { background:url(../images/join1-bg.gif) repeat-y top center; text-align:center}
#joinForm1 { width:411px; float:left}

p.joinForm1-topText{ text-align:center; font-size:12px; display:block; padding:0; margin:0; padding:10px 0 20px 0;}
p.joinForm1-bottomText{ text-align:center; font-size:12px; display:block; padding:0; margin:0; padding-top:10px;}
p.joinForm1-bottomText a{ font-size:11px;}

#bonusDVDs img { margin:4px}

#table-joinForm1 { text-align:center; background:#c6d0d9;}
#table-joinForm1 caption { font: normal 40px "Times New Roman", Times, serif; color: #785283; text-decoration:none ; margin:0; padding:0; letter-spacing:-1px; background:#c6d0d9; padding-bottom:10px }
#table-joinForm1 th { color:#785383; text-align:right; padding-right:5px; width:110px; font-weight:normal}
#table-joinForm1 td { text-align:left; color:#222226; font-size:12px}

.joinForm1-select-textarea {width:220px;  padding: 7px 5px; font-size:11px; background:#fff; border:1px solid #abadb3; color:#1f2b36;  margin:0 }
.joinForm1-textarea {width:230px; padding:7px 5px ; font: normal 11px Arial, Helvetica, sans-serif; background:#fff; border:1px solid #abadb3; color:#1f2b36; margin:0}

.joinForm1-button-join, a.joinForm1-button-join{ width:275px; height:65px; margin:0 auto; background:url(../images/join1-joinButton.gif) 0 0 ; display:block; text-align:center; font:bold 30px/65px "Times New Roman", Times, serif ; color:#dee4ea; padding:0; border:0; text-decoration:none; cursor:pointer;  }
.joinForm1-button-join:hover, a.joinForm1-button-join:hover{ background:url(../images/join1-joinButton.gif) 0 -65px; text-decoration:underline  }

.join_error { color:red }



/* join page 2 */
body#join2 #contentArea{ padding:0px; width:958px; margin:0 auto; background:#738498 url(../images/join1-footerBG.jpg) no-repeat bottom; text-align:center; padding-bottom:45px;}

#join2Trailer { float:right; margin-right:2px}
#joinForm2  { width:390px; float:right; margin-right:22px; display:inline}
#table-joinForm2 { text-align:center; background:#c6d0d9;}
#table-joinForm2 caption { font: normal 40px "Times New Roman", Times, serif; color: #785283; text-decoration:none ; margin:0; padding:0; letter-spacing:-1px; background:#c6d0d9; padding-bottom:6px }
#table-joinForm2 th { color:#785383; text-align:right; padding-right:5px; width:100px; font-weight:normal}
#table-joinForm2 td { text-align:left; color:#222226; font-size:12px}

.joinForm2-select_textarea {width:242px;  padding: 7px 5px; font-size:11px; background:#fff; border:1px solid #abadb3; color:#1f2b36;  margin:0 }
.joinForm2-textarea {width:230px; padding:7px 5px ; font: normal 11px Arial, Helvetica, sans-serif; background:#fff; border:1px solid #abadb3; color:#1f2b36; margin:0}

.joinForm2-button-join, a.joinForm2-button-join{ width:275px; height:65px; margin:0 auto; background:url(../images/join1-joinButton.gif) 0 0 ; display:block; text-align:center; font:bold 30px/65px "Times New Roman", Times, serif ; color:#dee4ea; padding:0; border:0; text-decoration:none; cursor:pointer;  }
.joinForm2-button-join:hover, a.joinForm2-button-join:hover{ background:url(../images/join1-joinButton.gif) 0 -65px; text-decoration:underline  }

#join2-thArea img { margin:3px}

/* login page */
#table-loginPage { background:#c6d0d9;}
#table-loginPage td { color:#222226; font-size:12px}

/* align */
.align-center{ text-align:center}
.align-left{ float:left}
.align-right{ float:right}
.clear{ clear:both}


/* paragraph and forms */
p { margin:10px 0; padding:0; text-align:justify;  }
form, input, select, textarea, label{ margin:0; padding:0; }
