/*
LAYOUT: HBO REDSCREEN CSS FRAMEWORK 
*/

/*layout*/
html{height:100%;}
body {margin:0;padding:0;background:#000000;font-family:Helvetica;height:100%;}
.wrap{width:100%;min-height:100%;height:auto !important;height: 100%;margin: 0 auto;}
.page-container{margin:0 auto;padding:0;position:relative;width:987px;height:auto;overflow:hidden;}
.container{width:987px;height:auto;overflow:hidden;margin:0 auto;position:relative;}
.header{height:311px;width:987px;margin:0 auto;clear:both;background:url(../images/header-bg.jpg) no-repeat;}
.content{width:auto;height:auto;overflow:hidden;margin:0 auto;position:relative;z-index:2;display:inline;}
.content1{height:474px;width:987px;background:url(../images/middle-bg.jpg) no-repeat;clear:both;}
.content2{height:666px;width:987px;background:url(../images/middle2-bg.jpg) no-repeat;clear:both;}
.content3{height:auto;width:987px;background:url(../images/middle3-bg.jpg) no-repeat;clear:both;display:inline-block;position:relative;}
.content4{margin:0px 0 0 10px;display:inline-block;position:relative;width:204px;height:auto;}
.footer{display:block;height:110px;position:relative;overflow:hidden;width:100%;background:url(../images/footer-bg.jpg) no-repeat;z-index:1;}
.logo{width:412px;height:342px;position:absolute;top:-118px;left:-85px;}
.logo a{width:412px;height:342px;background:url(../images/logo-hbo.png) no-repeat;display:block;cursor:pointer;}
.hbo{width:114px;height:64px;position:absolute;top:53px;left:843px;}
.hbo a{width:114px;height:64px;background:url(../images/hbo.png) no-repeat;display:block;cursor:pointer;}
.banner{width:730px;height:92px;position:absolute;top:199px;left:0px;}
.unit{display:block;width:auto;height:auto;overflow:hidden;margin:0 auto;position:relative;}
#smallbanner{margin:0;}
.highlights{width:740px;height:457px;position:relative;margin:-2px 0 0 10px;display:inline-block;float:left;}
.highlights-menu{width:700px;height:19px;position:relative;margin:0 0 0 22px;display:block;z-index:2;}
.highlights-menu-1{width:169px;height:45px;background:url(../images/redtrailers-bg.png) no-repeat;float:left;display:block;cursor:pointer;}
.highlights-menu-1:hover,.highlights-menu-1.selected{width:169px;height:45px;background:url(../images/redtrailers-bg-over.png) no-repeat;float:left;display:block;cursor:pointer;}

.highlights-menu-2{width:201px;height:45px;background:url(../images/moviehighlights-bg.png) no-repeat;display:block;float:left;margin:0 0 0 -18px;cursor:pointer;}
.highlights-menu-2:hover,.highlights-menu-2.selected{width:201px;height:45px;background:url(../images/moviehighlights-bg-over.png) no-repeat;display:block;float:left;margin:0 0 0 -18px;cursor:pointer;}

.highlights-menu-3{width:137px;height:45px;background:url(../images/aboutred-bg.png) no-repeat;display:block;float:left;margin:0 0 0 211px;cursor:pointer;}
.highlights-menu-3:hover,.highlights-menu-3.selected{width:137px;height:45px;background:url(../images/aboutred-bg-over.png) no-repeat;display:block;float:left;margin:0 0 0 211px;cursor:pointer;}
.highlights-menu-3 a{width:137px;height:45px;display:block;cursor:pointer;}
.starring-content{display:table-row-group;height:32px;width:190px;}

.highlights-content{width:740px;height:457px;background:url(../images/highlight-bg.png) no-repeat;position:relative;z-index:1;}
.movie{display:inline-block;margin:11px 0 0 38px;width:200px;height:200px;float:left;height:288px;width:378px;position:relative;}
.movie-title{font:normal normal bold 18px "Helvetica";color:#fff;width:260px;height:auto;}
.movie-title a{color:#fff;}
.movie-title a:hover{color:#a60000;}

.movie-description{display:inline-block;height:294px;margin:11px 0 0 21px;width:274px;}
.movie-description ul{position:relative;display:table-row-group;height:auto;}
.movie-description ul li{height:40px;}
.inside-content{display:inline-block;margin:34px 45px 30px 40px;}

.redtrailer-movie{width:378px;height:360px;position:relative;display:inline-block;float:left;}
.redtrailer-movie2{display:inline-block;height:360px;margin:0 0 0 10px;position:relative;width:267px;}
.redtrailer-movie2 ul li{background:#010000;height:auto;min-height:45px;overflow:hidden;margin:0 0 1px 0;padding:10px;}
.redtrailer-movie2 ul li a{font-size:20px;color:#fff;}
.redtrailer-movie2 ul li a:hover, .redtrailer-movie2 ul li a.selected{font-size:20px;color:#a60000;}

.mailinglist{width:987px;height:72px;position:relative;background: #000;display:inline-block;z-index:3;}
.mailinglist-description{width:256px;height:72px;position:relative;display:inline-block;margin:10px 0 0 28px;float:left;}
.mailinglist-form{width:670px;height:72px;position:relative;display:inline-block;margin:15px 0 0 25px;}
.mailinglist-form label{font-size:11px;color:#fff;clear:both;}
.mailinglist-form input.email{font-size:12px;color:#666666;font-weight:bold;border:1px solid #5d0000;height:23px;width:210px;margin:3px 0 0 0;}
.mailinglist-option{width:169px;height:25px;background:url(../images/select-bg.png) no-repeat;margin:3px 10px 0 0;float:left;cursor:pointer;font:normal normal normal 12px "Helvetica";padding:5px;}
.mailinglist-form ul li{float:left;margin:0 10px 0 0;}
.submit-mailinglist{width:152px;height:44px;background:url(../images/subscribenow-button.jpg) no-repeat;border:0px;cursor:pointer;}

/*dropdown*/
.select-list{position:absolute;display:block;z-index:9999;margin:3px 0 0 -5px;}
.select-list ul{list-style:none;}
.select-list ul li{float:none;width:169px;height:16px;padding:3px 0 3px 5px;background:#d1cfcc;border-bottom:1px solid #999999;}
.select-list ul li:hover{background: #C0C0C0;}
.select-list ul li a{font-size:11px;font-weight:bold;color:#666666;}
.select-list ul li a:hover{color:#666666;}
#weeklyschedule{}

.footer-menu{float:left;width:400px;}
.footer-menu ul{list-style:none;margin:21px 0 0 25px;}
.footer-menu ul li{margin:0 0 0 23px;float:left;display:block;}

.footer-menu ul li a{text-transform:uppercase;font:normal normal bold 12px "Helvetica";color:#a60000;}
.footer-menu ul li a:hover{color: #FFFFFF;}
.footer-text{background:url(../images/dividerline.png) no-repeat;width:400px;height:50px;display:inline-block;margin:15px 0 0 20px;padding:0 0 0 31px;}
.footer-text p{color:#830000;font:normal normal normal 11px "Helvetica";}



.filter{width:400px;height:130px;position:absolute;top:9px;left:597px;}
.language{width:169px;height:25px;background:url(../images/select-bg.png) no-repeat;margin-right:10px;float:left;cursor:pointer;font:normal normal normal 12px "Helvetica";padding:5px;}
.country{width:169px;height:25px;background:url(../images/select-bg.png) no-repeat;margin-right:10px;float:left;cursor:pointer;font:normal normal normal 12px "Helvetica";padding:5px;}
.genre{width:169px;height:25px;background:url(../images/select-bg.png) no-repeat;margin-right:10px;float:left;cursor:pointer;font:normal normal normal 12px "Helvetica";padding:5px;}

.sort-alpha{left:398px;top:75px;position:absolute;}
.sort-alpha ul{list-style:none;}
.sort-alpha ul li{float:left;margin:0 10px 0 0;}
.sort-alpha ul li a{font-size:12px;font-weight:bold;color:#fff;padding:3px;}
.sort-alpha ul li a:hover{font-size:12px;font-weight:bold;background:#000000;color:#fff;-moz-border-radius: 4px 4px 4px / 4px 4px;cursor:pointer;padding:3px;}



.movie-list ul li{width:674px;height:100%;padding:10px 0 20px 0;margin:0 10px 10px 10px;border-bottom:1px dotted #a60000;display:inline-block;}
.movie-list-image{float:left;margin:0 10px 0 0;display:inline-block;}
.movie-list-desc{}
.movie-list-desc a{line-height:18px;}

.sort-alpha2 {position:relative;margin:0 0 0 390px;height:30px;}
.sort-alpha2 ul{list-style:none;}
.sort-alpha2 ul li{float:left;margin:0 10px 0 0;}
.sort-alpha2 ul li a{font-size:12px;font-weight:bold;color:#fff;padding:3px;}
.sort-alpha2 ul li a:hover{font-size:12px;font-weight:bold;background:#000000;color:#fff;-moz-border-radius: 4px 4px 4px / 4px 4px;cursor:pointer;padding:3px;}



/*mainmenu*/
.nav{width:987px;height:43px;background:url(../images/menu-bg.jpg) repeat-x;clear:both;position:absolute;top:137px;}
.group:after { visibility: hidden; display: block; font-size: 0; content: " "; clear: both; height: 0; }
*:first-child+html .group { zoom: 1; } /* IE7 */
#mainmenu { margin:9px 0 0 25px; list-style: none; position: relative; width: 960px; }
#mainmenu li { display: inline; }
#mainmenu li a { color: #8a0000; font-size: 14px; display: block; float: left; padding: 6px 15px 4px 10px; text-decoration: none; text-transform: uppercase;font:normal normal bold 14px "Helvetica"; }
#mainmenu li a:hover { color:#ffffff; }
#mainmenu li.current_page_item a { color:#ffffff; }
#magic-line { position: absolute; bottom: 10px; left: 0; width: 100px; height: 2px; background: #a60000; }



.more-movies{overflow:hidden;  margin:9px 0 0 13px;height:95px;float:left;display:table;}
#mycarousel-prev{display: block;height: 36px;width: 8px;background: url(../images/leftarrow-button.png) no-repeat 0 0;text-indent: -999px;position: absolute;top: 17px;cursor: pointer;left:26px;}
#mycarousel-next{display: block;height: 36px;width: 8px;background: url(../images/rightarrow-button.png) no-repeat 0 0;text-indent: -999px;position: absolute;top: 17px;left:381px;cursor: pointer;}


.mycarousel .arrow.back{display: block;height: 36px;width: 8px;background: url(../images/rightarrow-button.png) no-repeat 0 0;text-indent: -999px;position: absolute;top: 17px;left:381px;cursor: pointer;}

.watchtrailer{width:151px;height:44px;display:inline-block;margin:44px 0 0 30px;}
.watchtrailer a{width:151px;height:44px;background:url(../images/watchtrailer-button.jpg) no-repeat;display:block;cursor:pointer;}
.todayonred{width:204px;height:280px;position:relative;display:inline-block;margin:43px 0 0 0;}
.todayonred-header{display:inline-block;height:54px;}
.todayonred ul{height:auto;width:204px;}
.todayonred ul li{height:33px;width:190px;background: url(../images/todayonred-itembg.jpg) repeat-x;padding:10px 0 0 13px;display:inline-block;}
.todayonred-time{float:left;display:block;font-size:11px;margin-right:5px;color:#a60000;}
.todayonred-content, .todayonred-content a{font-size:11px;color:#fff;line-height:15px;margin:-2px 0 0;display:inline-block;}

.advertisement{display:inline-block;width:204px;height:120px;position:relative;}
.advertisement-content{position:relative;width:204px;height:110px;}
.advertisement-footer{position:relative;width:204px;}


.weeklyhighlight{width:987px;height:320px;position:relative;display:inline-block;margin:2px 0 0 35px;}
.weeklyhighlight-header{background:url(../images/weeklyhighlights-header.jpg) no-repeat;width:320px;height:55px;}
.weeklyhighlight-header2{color:#fff;font-size:12px;background:#a60000;width:auto;height:15px;padding:5px 0 4px 10px;}
.weeklyhighlight-content{width:129px;height:auto;margin:5px 0 0 2px;}
.weeklyhighlight-content2{width:auto;height:auto;margin:5px 0 0 12px;}
.weeklyhighlight-content2 a{font:normal normal bold 12px "Arial";}
.weeklyhighlight-content2 a:hover{color:#FFFFFF;}

.weeklyhighlight ul li{display:block;float:left;height:85px;width:129px;margin:0 2px 0 0;}

.movie-detail{width:699px;height:auto;position:relative;display:inline-block;overflow:hidden;margin: 0 0 40px 36px;float:left;background:#410400;}
.movie-detail-header{width:687px;height:87px;background:url(../images/movieitem-header.jpg) no-repeat;padding:13px 0 0 13px;}
.movie-detail-side{width:176px;height:500px;background:#410401 url(../images/side-bg.jpg) no-repeat;float:left;}
.movie-detail-content{width:523px;height:100%;display:inline-block;}
.red-header{width:513px;height:26px;background:#a60000;padding:10px 0 0 10px;}
.movie-detail-side ul {list-style:none;}
.movie-detail-side ul li{height:38px;width:auto; background:url(../images/list-bg.jpg) repeat-x;padding:13px 0 0 13px;}
.movie-detail-side ul li img{vertical-align:middle;margin:0 7px 0 0px;}
.movie-detail-side ul li a{font-size:12px;color:#a60000;font-weight:bold;}
.movie-detail-side ul li.last{border-bottom:1px solid #000000; height:38px;width:auto; background:url(../images/list-bg.jpg) repeat-x;padding:13px 0 0 13px;}
.time-header{background:#440000;float:right;display:inline-block;font-size:12px;color:#FFFFFF;height:26px;margin:-22px 0 0 0;font-weight:bold;padding:11px 9px 0 6px;}
.movie-detail-desc{background:#110000;height:auto;width:503px;display:inline-block;padding:10px;}
.dotted-line{border-bottom:1px dotted #a60000;display:inline-block; height:10px; width:495px;margin:0 0 10px 0; }

.schedule_table{margin:0;padding:0;}
.schedule_table tr{padding:0;}
.schedule_table td.time{color:#fff;padding:5px 14px;background:#a60000;height:auto;display:marker;vertical-align:top;}
.schedule_table td.program{border-bottom:1px dotted #a60000;padding:0px 0 10px 10px;display:inline-block;width:580px;}
.schedule_table td.program dt.title a{color:#fff;font-weight:bold;line-height:22px;}
.schedule_table td.program dt.title a:hover{color:#a60000;font-weight:bold;}
.schedule_table td.program dd.time {color:#fff;font-size:11px;padding:0;margin:3px 0 0 0;}
.schedule{margin-bottom:20px;}
#videoContent { margin:0;padding:0;height:278px;}


#comingsoon-carousel {position: relative;margin:1px 0 0 -40px;}
.comingsoon-carousel .wrapper {width: 930px;overflow: hidden;min-height: 10em;margin: 0 40px;position: absolute;top: 0;}
.comingsoon-carousel .wrapper ul {width: 9999px;list-style-image:none;list-style-position:outside;list-style-type:none;margin:0;padding:0;position: absolute;top: 0;}
.comingsoon-carousel ul li {display:block;float:left;height:85px;width:310px;margin:0 0px 0 0;}
.comingsoon-carousel ul li a img {display:block;}
.comingsoon-carousel .arrow.forward{display: block;height: 36px;width: 8px;background: url(../images/leftarrow-button.png) no-repeat 0 0;text-indent: -999px;position: absolute;top: 17px;cursor: pointer;left:26px;}
.comingsoon-carousel .arrow.back{display: block;height: 36px;width: 8px;background: url(../images/rightarrow-button.png) no-repeat 0 0;text-indent: -999px;position: absolute;top: 17px;left:978px;cursor: pointer;}
.comingsoon{width:987px;height:288px;position:relative;display:inline-block;margin:2px 0 0 30px;}
.comingsoon-header{background:url(../images/comingsoon-header.jpg) no-repeat;width:358px;height:55px;}
.comingsoon-header2{color:#fff;font-size:12px;background:#660000;width:299px;height:15px;padding:5px 0 5px 10px;}
.comingsoon-content{width:309px;margin:5px 0 0 0;}
.movieimage{float:left;display:block;margin:0 10px 0 0;}
.comingsoon-item a{line-height:18px;}

object{	margin-left: 38px;	margin-top: 11px;	*margin-top: 35px;	display: block;	float: left; }
.redtrailer-movie2 ul{height:auto;}