/* = 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:#fff; }

/* misc */
h1, h2, h3, p, form, ul { padding:0; margin:0; }
h2 { font-weight:normal; }
h3 { font-size:19px; color:#000; font-weight:normal; }
p { line-height:130%; }
a { color:#FFF; 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 url(../images/main-bg.jpg) top right repeat-y; }


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


/* FOOTBALL BOX
--------------------------------------------------------------------------------------------------*/
.football { width:960px; height:220px; float:left; margin:0 15px 15px 0; background:url(../images/bg-football.jpg) no-repeat; }
.football h2 { float:left; }
.football p { font-size:12px; color:#CADFFF; font-weight:bold; text-align:left; }
#football_link { width:960px; height:220px; background:url(/images/bg-football.jpg) left top no-repeat; float:left; display:block; text-indent:-9999px }

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

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

.login { width:265px; height:195px; margin:0 0 15px 0; float:right; background:#204A89 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:#204A89 url(../images/bg1.jpg) top right repeat-y; }
.info .boxContents { margin:10px 10px 10px 10px; }

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

.trailer { width:400px; height:400px; margin:0 15px 0 0; float:left; background:#204A89 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:195px; margin:0 0 15px 0; float:left; background:#204A89 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:#204A89 url(../images/bg1.jpg) top right repeat-y; }
.dotComBanner .boxContents { margin:20px 25px 10px 25px; border:5px solid #FFF; }

.modelList { width:960px; margin:0 0 15px 0; float:left; background:#204A89 url(../images/bg1.jpg) top right repeat-y; }
.modelList .boxContents { margin:20px 5px 10px 5px;  }

.thumbBox1 { width:115px; height:110px; background-color:#CCC; padding:5px 5px 5px 5px; margin:5px 5px 5px 5px; float:left; text-align:center; font-size:12px; font-weight:bold }
.thumbBox2 { width:110px; height:105px; background-color:#CCC; padding:5px 5px 5px 5px; margin:5px 5px 5px 5px; float:left; text-align:center; font-size:12px; font-weight:bold }
.thumbBox3 { width:115px; height:110px; 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:185px; margin:0 15px 15px 0; float:left; background:#204A89 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:#204A89; }
.homeIndex .letter { width:26px; height:26px; line-height:26px; font-size:18px; background-color:#EEE; 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:#204A89 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:#204A89 url(../images/bg1.jpg) top right repeat-y; }
.viewSearch .boxContents { margin:10px 5px 3px 16px; text-align:center }
.viewSearch .letter { width:21px; height:21px; line-height:20px; font-size:14px; background-color:#EEE; font:Verdana, Geneva, sans-serif; color:#204A89; text-align:center; margin:4px 4px 4px 0; display:inline; float:left; }
.viewSearch .letter a { text-decoration:none; color:#204A89; font-weight:bold }
.viewSearch .letter .active { color:#900; }

.searchResult { width:310px; height:125px; 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:#204A89 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 #204A89;}
.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:#204A89 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; }
.registerForm .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:#204A89 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:#204A89 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:#eee; color:#000; font-size:11px; text-align:center; }
.displayBox a { color:#000; }
.displayBox img { float:right; border:5px solid #204A89;}
.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:#eee; color:#000; 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:#204A89 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:#204A89 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:#204A89 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/krea3-b1.jpg) left top no-repeat; height:225px; padding:58px 0 0 0; color:#fff; font-size:11px; }
.copy a {color:#FFF; }
