/* = BODY
---------------------------------------------------------------------------------------------------*/
body { margin: 0px; padding:0px; font-size:14px; text-align:left; font-family:Trebuchet MS, sans-serif; background:#fff url(../images/bg.jpg); color:#000; }

/* misc */
h1, h2, h3, p, form, ul { padding:0; margin:0; }
h1 { color:#000; font-size:14px; padding-bottom:10px; padding-top:10px; }
h2 { font-weight:normal; }
h3 { font-size:19px; color:#000; font-weight:normal; }
p { line-height:130%; }
a { color:#000; text-decoration:underline; outline:none; }
a:hover { text-decoration:none; }
img { border:none; padding:0; margin:0; display:block; }
fieldset { border:0; margin:0; padding:0; }
.clear { clear:both; }
.float { float:left; }
.floatRight { float:right; }
.floatLeft { float:left; }
ul li { list-style:none; }
.wraper { margin:0 auto; text-align:left; width:1006px; }
.textCenter { text-align:center; }

/* =WRAP
---------------------------------------------------------------------------------------------------*/
.wrap { width:1006px; background:url(../images/bg-wraper.png) repeat-y; float:left; }
.wrap-center { width:960px; margin:0 auto; background:#fff; }


/* =MAIN
---------------------------------------------------------------------------------------------------*/
.main { width:960px; padding:15px 0 0 0; color:#000 }



/* =HOME PAGE BOXES
---------------------------------------------------------------------------------------------------*/
.title { height:25px; background:#660000; font-size:16px; line-height:25px; font-weight:bold; font:Arial, Helvetica, sans-serif; text-align:center; color:#FFF }

.latest { width:680px; height:202px; margin:0 15px 15px 0; float:left; background:#F4F4F4 url(../images/bg1.jpg) top right repeat-y; }
.latest .boxContents { margin:10px auto 5px; text-align:center }

.login { width:265px; height:202px; margin:0 0 15px 0; float:right; background:#F4F4F4 url(../images/bg1.jpg) top right repeat-y; overflow:hidden }
.login .boxContents { margin:10px; }
.login label { width:80px; float:right; margin:6px 0 0 0; font-size:14px; }
.login input { width:120px; float:right; margin:5px 25px 5px 0; }
.login .button-go { width:50px; }

.login .iconBox { width:230px; height:30px; margin:3px 10px 3px 3px; line-height:25px }
.login .iconText { margin:3px 10px 3px 3px; display:inline; }
.login .icon { margin:3px 10px 3px 3px; display:inline; vertical-align:middle }

.info { width:265px; height:auto; min-height:600px; margin:0 0 0 0; float:right; background:#F4F4F4 url(../images/bg1.jpg) top right repeat-y; }
.info .boxContents { margin:10px 10px 10px 10px; }

.popular { width:265px; height:650px; margin:0 15px 15px 0; float:left; background:#F4F4F4 url(../images/bg1.jpg) top right repeat-y; }
.popular .boxContents { margin:10px 10px 5px 10px; text-align:center; }

.trailer { width:400px; height:405px; margin:0 15px 0 0; float:left; background:#F4F4F4 url(../images/bg1.jpg) top right repeat-y; }
.trailer .boxContents { margin:10px 10px 5px 10px; }
.trailer .flashBox { padding:10px 0 10px 30px; }

.moreMovies { width:960px; height:203px; margin:0 0 15px 0; float:left; background:#F4F4F4 url(../images/bg1.jpg) top right repeat-y; }
.moreMovies .boxContents { margin:10px 5px 3px 7px; text-align:center }

.dotComBanner { width:960px; height:195px; margin:0 0 15px 0; float:left; background:#F4F4F4 url(../images/bg1.jpg) top right repeat-y; }
.dotComBanner .boxContents { margin:10px 55px 10px 55px; float:left; }
.dotComBanner img { display:inline; margin:0 10px 0 }

.thumbBox1 { width:115px; height:122px; background-color:#CCC; padding:5px 5px 5px 5px; margin:5px 5px 5px 5px; float:left; text-align:center; font-size:11px; font-weight:bold }
.thumbBox2 { width:110px; height:117px; background-color:#CCC; padding:5px 5px 5px 5px; margin:5px 5px 5px 5px; float:left; text-align:center; font-size:11px; font-weight:bold }
.thumbBox3 { width:115px; height:127px; background-color:#CCC; padding:5px 5px 5px 5px; margin:5px 5px 5px 5px; float:left; text-align:center; font-size:12px; font-weight:bold }

.thumbBox1 a { color:#204A89 }
.thumbBox2 a { color:#204A89 }
.thumbBox3 a { color:#204A89 }

.homeIndex { width:400px; height:192px; margin:0 15px 15px 0; float:left; background:#F4F4F4 url(../images/bg1.jpg) top right repeat-y; }
.homeIndex .boxContents { margin:10px 10px 5px 10px; text-align:center; }
.homeIndex .letterBox { margin: 10px 0 0 7px; }
.homeIndex .letter a { text-decoration:none; color:#F4F4F4; }
.homeIndex .letter { width:26px; height:26px; line-height:26px; font-size:18px; background-color:#660000; font:Verdana, Geneva, sans-serif; text-align:center; margin:4px 4px 4px 0; display:inline; float:left; font-weight:bold }

/* =SEARCH PAGE BOXES
---------------------------------------------------------------------------------------------------*/
.searchBox { width:680px; height:auto; min-height:700px; margin:0 15px 15px 0; float:left; background:#F4F4F4 url(../images/bg1.jpg) top right repeat-y; }
.searchBox .boxContents { margin:10px 10px 5px 10px; }

.viewSearch { width:680px; height:100px; margin:0 15px 15px 0; float:left; background:#F4F4F4 url(../images/bg1.jpg) top right repeat-y; }
.viewSearch .boxContents { margin:5px 5px 3px 16px; text-align:center }
.viewSearch .letter { width:21px; height:21px; line-height:20px; font-size:14px; background-color:#660000; font:Verdana, Geneva, sans-serif; text-align:center; margin:4px 4px 4px 0; display:inline; float:left; }
.viewSearch .letter a { text-decoration:none; color:#fff; font-weight:bold }
.viewSearch .letter .active { color:#ffcc33; }

.searchResult { width:310px; height:135px; float:left; margin:10px 0 10px 20px; background:#CCC}
.searchResultRight { width:160px; height:105px; float:left; margin:10px; color:#000 }
.searchResultRight a { color:#000 }

/* =VIEW PAGE BOXES
---------------------------------------------------------------------------------------------------*/
.viewBox { width:680px; height:auto; min-height:700px; margin:0 15px 15px 0; float:left; background:#F4F4F4 url(../images/bg1.jpg) top right repeat-y; }
.viewBox .boxContents { margin:10px 10px 5px 10px; }
.viewDetail { width:512px; height:143px; margin:20px auto 20px; background:#CCC}
.viewDetailLeft { width:160px; height:123px;  margin:10px; float:left; }
.viewDetailLeft img { border:5px solid #660000;}
.viewDetailRight { width:312px; height:123px;  margin:10px; float:left }
.viewDetailRight p { color:#000 }
.movieTitle { color:#900; font-size:14px; }
.buyMovie { width:492px; height:auto; margin:20px auto 20px; padding:10px; background:#CCC; color:#000}
.buyMovie a { color:#000}

/* =REGISTER PAGE BOXES
---------------------------------------------------------------------------------------------------*/
.registerBox { width:680px; height:auto; min-height:700px; margin:0 15px 15px 0; float:left; background:#F4F4F4 url(../images/bg1.jpg) top right repeat-y; }
.registerBox .boxContents { margin:20px 50px 5px 50px; }
.registerForm { width:350px; margin:auto }
.registerForm label { width:130px; float:left; margin:6px 0 0 0; font-size:14px; text-align:right }
.registerForm input,select { width:190px; float:right; margin:5px 0 5px 0; }
.registerForm .button-submit { width:100px; }

.reCapture {float:right; padding:5px 0 5px 0; }

.reCapture label { float:right; text-align:right; }
.reCapture input,select { width:190px; float:right; margin:5px 0 5px 0; }


.errorBox { width:inherit; height:40px; background:#eee; text-align:center; color:#C00; margin:0 0 10px 0}
.errorBox a { color:#C00}

/* =BUYSMS PAGE BOXES
---------------------------------------------------------------------------------------------------*/
.buySMS { width:680px; height:auto; min-height:700px; margin:0 15px 15px 0; float:left; background:#F4F4F4 url(../images/bg1.jpg) top right repeat-y; }
.buySMS .boxContents { margin:20px 50px 5px 50px; }
.buySMSForm { width:350px; margin:auto }
.buySMSForm label { width:230px; float:left; margin:6px 0 0 0; font-size:14px; text-align:left }
.buySMSForm input { width:110px; float:left; margin:5px 0 5px 0; }
.buySMSForm .button-submit { width:100px; }

/* =CONTACT PAGE BOXES
---------------------------------------------------------------------------------------------------*/
.contact { width:680px; height:auto; min-height:700px; margin:0 15px 15px 0; float:left; background:#F4F4F4 url(../images/bg1.jpg) top right repeat-y; }
.contact .boxContents { width:400px; margin:20px auto 5px ; }
.contact label { width:120px; float:left; margin:6px 20px 0 0; font-size:14px; text-align:right }
.contact input,textarea { width:250px; float:right; margin:5px 0 5px 0; }
.contact .button-submit { width:100px; }
.contact h2 {padding-bottom:10px; }
.contact .submit {width:150px; }

/* =MYDOWNLOADS PAGE BOXES
---------------------------------------------------------------------------------------------------*/
.displayBox { width:483px; height:50px; margin:10px auto 0; padding:5px; background:#660000; color:#FFF; font-size:11px; text-align:center; }
.displayBox a { color:#FFF; }
.displayBox img { float:right; border:5px solid #FFF;}
.displayBox .column1 { width:100px; height:50px; margin:0 0 0 5px; float:right}
.displayBox .column2 { width:100px; height:50px; margin:0 0 0 5px; float:right}
.displayBox .column3 { width:100px; height:50px; margin:0 0 0 5px; float:right}
.displayBox .column4 { width:100px; height:50px; margin:0 0 0 5px; float:right}

.displayTop { width:483px; height:30px; margin:10px auto 0; padding:5px; background:#660000; color:#FFF; font-size:11px; text-align:center}
.displayTop .column1 { width:100px; height:30px; margin:0 0 0 5px; float:right} 
.displayTop .column2 { width:100px; height:30px; margin:0 0 0 5px; float:right}
.displayTop .column3 { width:100px; height:30px; margin:0 0 0 5px; float:right}
.displayTop .column4 { width:100px; height:30px; margin:0 0 0 5px; float:right}

.expired {opacity:0.5; filter:alpha(opacity=50); }

/* =2257 PAGE BOXES
---------------------------------------------------------------------------------------------------*/
.usc2257 { width:680px; height:auto; min-height:700px; margin:0 15px 15px 0; float:left; background:#F4F4F4 url(../images/bg1.jpg) top right repeat-y; }
.usc2257 .boxContents { margin:20px 40px 5px 40px; }
.usc2257 p { padding: 10px 0 0 0 }

/* =SUCCESS PAGE BOXES
---------------------------------------------------------------------------------------------------*/
.success { width:680px; height:auto; min-height:700px; margin:0 15px 15px 0; float:left; background:#F4F4F4 url(../images/bg1.jpg) top right repeat-y; }
.success .boxContents { margin:20px 10px 5px 150px; }
.success p { padding: 10px 0 0 0 }

/* =POSTBACK PAGE BOXES
---------------------------------------------------------------------------------------------------*/
.postback { width:680px; height:auto; min-height:700px; margin:0 15px 15px 0; float:left; background:#F4F4F4 url(../images/bg1.jpg) top right repeat-y; }
.postback .boxContents { margin:20px 10px 5px 50px; text-align:center }
.postback .boxContents .smallBox { width:250px; height:50px; margin:20px 0 20px 90px; text-align:right}

/* FOOTER
--------------------------------------------------------------------------------------------------*/
.footer .copy { background:#050B14 url(../images/footer.jpg) left top no-repeat; height:190px; padding:90px 0 0 0; color:#999; font-size:11px; }
.copy a {color:#999; }