/* general
----------------------------- */
body { background:#f2f2f2; font-family: helvetica-neue, helvetica, arial, sans-serif; }
#container { width:984px; background:url(http://trailers.apple.com/trailers/images/generic/content_bg.gif) repeat-y 0 0; }
#main { background:url(http://trailers.apple.com/trailers/images/generic/content_bgbottom.gif) no-repeat 0 100%; }
#main .clearfix { display:block; *display:inline-block; }
#main .clearfix:after { content:'.'; display:block; clear:both; height:0; visibility:hidden; _height:1%; }
#main a.external { position: absolute; right:13px; bottom:-5px; font-size:11px; padding-right:14px; color:#444; font-weight:bold; text-decoration:none; background:url(http://trailers.apple.com/global/elements/icons/external10x10_ccc999.gif) no-repeat scroll 100% 50%; }
#main a.arrow, #content #movie-description span { color:#444; font-weight:bold; padding-right:7px; text-decoration:none; cursor:pointer; background:url(http://trailers.apple.com/trailers/images/generic/arrow.gif) no-repeat 100% 0.4em; }
#main a.arrow.down { padding-right:10px; background:url(http://trailers.apple.com/trailers/images/generic/arrow_down.gif) no-repeat 100% 60%; }
#main a.arrow.up { padding-right:10px; background:url(http://trailers.apple.com/trailers/images/generic/arrow_up.gif) no-repeat 100% 60%; }
#main a.external:hover, #main a.arrow:hover { color:#08C; text-decoration:underline; }
#main a#tellafriend-trigger { padding-left:25px; text-decoration:none; font-weight:bold; line-height:1em; color:#666; background:url(http://trailers.apple.com/trailers/images/generic/icon_send.gif) no-repeat 0 2px; }
#main a#tellafriend-trigger:hover { text-decoration:underline; }
#content { width:932px; padding:20px 26px; background:url(http://trailers.apple.com/trailers/images/generic/content_bgtop.gif) no-repeat; }
#content { color:#666; }

/* PRODUCTHEADER */
#productheader { position: relative; padding: 50px 0 4px; overflow: hidden; width: 980px; margin: 0 auto 13px; height: 41px; border-bottom: 1px solid #d5d5d5; border-bottom-color: rgba(0,0,0,.2); -moz-box-shadow: 0 1px 0 rgba(255,255,255,.8); -webkit-box-shadow: 0 1px 0 rgba(255,255,255,.75); }
#productheader h1, 
#productheader h2 { height: 30px; width: 275px; line-height: 32px; display: inline; float: left; margin: 1px 0 6px 8px; padding: 0; margin-bottom: 10px; font-size: 2em; margin-bottom:0.3em; }
#productheader h1 a, 
#productheader h2 a { line-height: 32px; background-position: 0 0; background-repeat: no-repeat; color: #000; display: block; font-weight: normal; height: 32px; position: relative; outline: none; text-decoration: none; text-indent: -9999px; background-image: url(http://trailers.apple.com/global/images/body-white-title.png); }

#productheader ul { display: inline; float: right; margin: 0; }
#productheader ul li { display: inline; }
#productheader ul li a { color: #000; float: left !important; margin-top: 1em; margin-left: 30px; margin-right: 8px; padding: 0; text-decoration: none; }
#productheader ul li a:hover { color: #08c; }

/* header
----------------------------- */
#content #header { padding-bottom:0.7em; margin-bottom:28px; background:url(http://trailers.apple.com/trailers/images/generic/header_rule.gif) repeat-x 50% 100%; }
#content #header h1 { margin-bottom:0.1em; color:#222; }
#content #header strong { color:#444; display:block; width:40%; float:left; height:16px; behavior:url(/global/scripts/lib/iepngfix.htc); }
#content #header strong.g { padding-left:35px; background:url(http://trailers.apple.com/trailers/images/generic/movie_rating_g.png) no-repeat; }
#content #header strong.pg { padding-left:42px; background:url(http://trailers.apple.com/trailers/images/generic/movie_rating_pg.png) no-repeat; }
#content #header strong.pg13, #content #header strong.pg-13 { padding-left:63px; background:url(http://trailers.apple.com/trailers/images/generic/movie_rating_pg13.png) no-repeat 0 0; }
#content #header strong.r { padding-left:35px; background:url(http://trailers.apple.com/trailers/images/generic/movie_rating_r.png) no-repeat 0 0; }
#content #header strong.nc17, #content #header strong.nc-17 { padding-left:63px; background:url(http://trailers.apple.com/trailers/images/generic/movie_rating_nc17.png) no-repeat 0 0; }
#content #header strong.nr { padding-left:42px; background:url(http://trailers.apple.com/trailers/images/generic/movie_rating_nr.png) no-repeat 0 0; }
#content #header strong.notyetrated { padding-left:89px; background:url(http://trailers.apple.com/trailers/images/generic/movie_rating_notyetrated.png) no-repeat 0 0; }
#content #header span { display:block; width:40%; float:right; text-align:right; color:#888; font-size:10px; }

/* top content
----------------------------- */
#content .grid3col { position:relative; min-height:23em; _height:23em; }
#content .grid3col .column.first { width:165px; padding:0; }
#content .grid3col .column.second { width:272px; margin-left:0; padding-right:20px;  }
#content .grid3col .column.last { min-height:22.5em; width:465px; padding:0; }
#content #movie-description {  overflow:hidden; }
#content #movie-description p { margin-bottom:0; }
#content #toggle { display:block; height:11px; line-height:11px; margin-top:0.3em; padding-right:15px; text-align:right; font-size:11px; }
#content #toggle a { color:#444; font-weight:bold; outline:none; }
#content ul { margin-top:8px; }
#content ul.details li { clear:both; font-size:11px; }
#content ul.details strong { float:left; display:block; width:45px; color:#444; }
#content ul.details span { display:block; width:206px; float:right; color:#7b7b7b; }
#content ul.details span a { color:#7b7b7b; text-decoration: none; }
#content ul.details span a:hover { text-decoration: underline; }

/* poster Popup
----------------------------- */
#poster { position:relative; }
#poster img { border:1px solid #aaa; cursor:pointer; -webkit-box-reflect:below 0 -webkit-gradient(linear, left top, left bottom, from(transparent), color-stop(0.85, transparent), to(rgba(255,255,255,.28))); }
#poster .enlarge { display:none; width:17px; height:17px; position:absolute; left:-7px; top:-6px; _top:-8px; _left:-168px; background:url(http://trailers.apple.com/trailers/images/generic/poster_enlarge.png) no-repeat 0 0; behavior:url(/global/scripts/lib/iepngfix.htc); }
#poster.active .enlarge { display:block; }
#poster-popup { position:absolute; z-index:9999; }
#poster-popup #poster-popupPoster { position:absolute; }
#poster-overlay { position:absolute; width:100%; top:0px; left:0; z-index:9999; }

/* hud
----------------------------- */
#content .hud { position:relative; }
#content .hud .top { width:465px; padding:0; background:url(http://trailers.apple.com/trailers/images/generic/hud_bgtop.png) no-repeat 0 0; behavior:url(/global/scripts/lib/iepngfix.htc); }
#content .hud .top .padder { width:437px; padding:10px 15px 0 13px; background-image:url(http://trailers.apple.com/trailers/images/generic/hud_bgtop_shade.png); background-repeat:no-repeat; behavior:url(/global/scripts/lib/iepngfix.htc); }
#content .hud .close-hud { display:none; }
#content .hud .bottom { position:absolute; height:35px; width:465px; bottom:26px; left:0; padding:0; background:url(http://trailers.apple.com/trailers/images/generic/hud_bgbottom.png) no-repeat 0 0; behavior:url(/global/scripts/lib/iepngfix.htc); }
#content .hud .bottom .padder { height:10px; padding:0; _height:0; background-image:url(http://trailers.apple.com/trailers/images/generic/hud_bgbottom_shade.png); background-repeat:no-repeat; behavior:url(/global/scripts/lib/iepngfix.htc); }
#content .hud h3 { font-size:13px; color:#444; font-weight:bold; padding:15px 20px 2px; _margin-top:-1px; }
#content .hud .trailer-nav { margin-top:6px; }
#content .hud .trailer-nav li span.arrow span { display:none; height:33px; width:205px; position:absolute; left:0; bottom:0; background:url(http://trailers.apple.com/trailers/images/generic/hud_arrowbg.png) no-repeat 0 0; behavior:url(/global/scripts/lib/iepngfix.htc); }
/* arrow text */
#content .hud .trailer-nav li { color:#444; font-weight:bold; border-color:#989898; }
#content .hud .trailer-nav li:hover { color:#fff; cursor:pointer; }
#content .hud .trailer-nav li.active span {  color:#fff; }
#content .hud .trailer-nav li a { color:#444; text-decoration:none; outline:none; }
#content .hud .trailer-nav li a:hover { color:#fff;}

/* buttons */
#content .hud .trailer-content h4 { color:#444; }
#content .hud .trailer-content a.ipod { color:#444; }
#content .hud .trailer-content ul li { background:#9aa5bb; }
#content .hud .trailer-content .ipod span * { background:#444; }

/* text under buttons */
#content .hud .trailer-content ul li.blank { background:none; }
#content .hud .trailer-content ul li.tag { color:#666; }


/* single trailer version
----------------------------- */
#content.single .hud { padding-bottom:49px; }
#content.single .grid3col .column.second { width:450px; }
#content.single .grid3col .column.last { width:287px; }
#content.single ul.details span { width:384px; }
#content.single .hud h3 { padding-bottom:10px; }
#content.single .hud .top { width:287px; background:url(http://trailers.apple.com/trailers/images/generic/hud_bgtop_single.png) no-repeat 0 0; }
#content.single .hud .top .padder { padding-top:5px; width:259px; background-image:url(http://trailers.apple.com/trailers/images/generic/hud_bgtop_shade_single.png); behavior:url(/global/scripts/lib/iepngfix.htc); }
#content.single .hud .bottom { width:287px; height:23px; background:url(http://trailers.apple.com/trailers/images/generic/hud_bgbottom_single.png) no-repeat 0 0; behavior:url(/global/scripts/lib/iepngfix.htc); }
#content.single .hud .bottom .padder { background-image:url(http://trailers.apple.com/trailers/images/generic/hud_bgbottom_shade_single.png); behavior:url(/global/scripts/lib/iepngfix.htc); }
#content.single .hud .trailer-content { width:230px; }

/* promo footer
----------------------------- */
#promofooter { padding-bottom:22px; margin:30px 0 6px; font-size:11px; line-height:1.5em; color:#666; background:url(http://trailers.apple.com/trailers/images/generic/promofooter_bgbottom.gif) no-repeat 0 100%; }
#promofooter p { margin:0; line-height:1.3em; }
#promofooter h3 { line-height:1.3em; margin-bottom:0.4em; }
#promofooter ul { padding:26px 1px 0; margin:0; background:url(http://trailers.apple.com/trailers/images/generic/promofooter_bgtop.gif) no-repeat 0 0; }
#promofooter li { _display:inline; float:left; width:146px; margin:0 20px; }
#promofooter ul li img.thumbnail { border:1px solid #7a7a7a; margin-right:0; }
#promofooter ul li img.left { margin-bottom:10px; }
#promofooter ul li.featured a.button { display:block; width:66px; height:19px; padding-top:2px; padding-left:8px; margin:6px 0 0 71px; border:0; color:#555; text-decoration:none; font-weight:bold; background:url(http://trailers.apple.com/trailers/images/generic/promofooter_btn.png) no-repeat; behavior:url(/global/scripts/lib/iepngfix.htc); }
#promofooter ul li.featured a.button:hover { color:#333; }
#promofooter ul li.featured h3 { margin:5px 0 5px 73px; }

#promofooter ul li span { display:block; width:146px; padding-bottom:18px; }
#promofooter ul li a { color:#666; }
#promofooter ul li a:hover { color:#08c; }

#promofooter ul ol { margin-left:20px; *margin-left:24px; margin-bottom:0; }
#promofooter ul ol li { width:auto; _display:block; float:none; border:0; padding:0; margin:0; }
#promofooter ul ol li span, #promofooter ul ol li br { display:none; }
#promofooter ul ol li strong { font-weight: normal; }
#promofooter ul ol li a, #promofooter .related a { color:#666; font-size:10px; text-decoration:none; }
#promofooter ul ol li a:hover, #promofooter .related a:hover { color:#08C; text-decoration:underline; }
#promofooter ul.related { padding:0; background:none; list-style-position:inside;}
#promofooter .related li { margin:0; }
#promofooter li.title { font-weight: bold; list-style-type:none; }
#promofooter a.arrow:hover { background:url(http://trailers.apple.com/global/elements/arrows/morearrow_08c.gif) no-repeat 100% 0.4em; }

/* promo footer 980px
----------------------------- */
#promofooter-980 { margin: 21px auto 0; padding: 0 1px; width: 978px; background: #fff url(http://trailers.apple.com/trailers/global/images/promofooter-bg-light-1.jpg) repeat-x 0 bottom; -moz-box-shadow:0 1px 2px rgba(0, 0, 0, 0.15); -webkit-box-shadow:0 1px 2px rgba(0, 0, 0, 0.15); -moz-border-radius: 4px; -webkit-border-radius: 4px; color:#898989; }
#promofooter-980 .grid5col { margin: 0; padding: 0 0 15px; background: url(http://trailers.apple.com/trailers/global/images/promofooter-dividers-light-1.png) -2px 0; }
#promofooter-980 a.more,
#promofooter-980 em.more { white-space: nowrap; padding-right: 10px; background: url(http://trailers.apple.com/trailers/global/images/morearrow_08c.gif) no-repeat 100% 50%; zoom: 1; }
#promofooter-980 a.block { display: block; *width: 100%; *overflow: hidden; }
#promofooter-980 a.block:after { visibility: hidden; display: block; font-size: 0; content: " "; clear: both; height: 0; }
#promofooter-980 a.external { white-space: nowrap; padding-right: 15px; background: url(http://trailers.apple.com/trailers/global/images/external10x10.gif) no-repeat 100% 49%; zoom: 1; }
#promofooter-980 a.read-more { display: none; float: right; background: no-repeat 100% 55%; padding-right: 11px; outline: none; margin-bottom:1em; }#promofooter-980 .grid5col a:hover { color: #08c !important; }
#promofooter-980 .grid5col .column { width: 164px; margin: 0; margin-right: 2px; padding: 0 10px 0 20px; }
#promofooter-980 .grid5col .column.truncate  h4 { min-height: 33px; }
#promofooter-980 .grid5col .column.last { margin-right: 0; }
#promofooter-980 .grid5col .column li.title,
#promofooter-980 .grid5col .column h4 { line-height: 16.5px; margin-bottom: 2px; *margin-right: -10px; color: #666; font-weight: bold; margin-top: 16px; font-size: 11px; }
#promofooter-980 .grid5col .column span { font-size: 11px; }
#promofooter-980 .grid5col .column ul li.title,
#promofooter-980 .grid5col .column ul h4 { padding-left: 0; background: none; }

#promofooter-980 .grid5col .column ul { margin-left: 0; list-style: none; }
#promofooter-980 .grid5col .column ul li { padding-left: 9px; background: url(http://trailers.apple.com/trailers/global/images/promofooter-bullet-dark-1.png) no-repeat 2px 50%; *background-position: 2px 10px; }
#promofooter-980 .grid5col .column ol { margin-left: 0; list-style: inside decimal; }
#promofooter-980 .grid5col .column ul,
#promofooter-980 .grid5col .column ol,
#promofooter-980 .grid5col .column a { font-size: .9167em; margin-bottom: 0; }
#promofooter-980 .grid5col .column ol li a,
#promofooter-980 .grid5col .column ul li a { color: #666; }
#promofooter-980 .grid5col .column li a strong { font-weight: normal; }
#promofooter-980 .grid5col .column li a br,
#promofooter-980 .grid5col .column li a span { display: none; }
promofooter-980 .grid5col .column a:hover { color: #08c; }

#promofooter-980 .grid5col .column a.block { margin-top: 8px; text-decoration: none; }
#promofooter-980 .grid5col .column a.block.two-col { padding-top: 17px; }
#promofooter-980 .grid5col .column a.block img.left { margin-top: -15px; margin-bottom: 1px; }
#promofooter-980 .grid5col .column .more { font-style: normal; padding-right: 7px; background-repeat: no-repeat; background-position: 100% 60%; *background-position: 100% 95%;  white-space: normal; }
#promofooter-980 .grid5col .column a.block:hover em.more { cursor: pointer; text-decoration: underline; }

#promofooter-980 .grid5col .column a.block { margin-top: 0; }
#promofooter-980 .grid5col .column a.block .more { *margin-right: -10px; *background-position: 100% 75%; position: relative; }
#promofooter-980 .grid5col .column a.block img { margin-top: 15px; }
#promofooter-980 .grid5col .column img.soundtrack { border:1px solid #7F7F7F; }
#promofooter-980 .grid5col .column img.reflect { -webkit-box-reflect:below 0 -webkit-gradient(linear, left top, left bottom, from(transparent), color-stop(0.85, transparent), to(rgba(255,255,255,.28))); }

@-moz-document url-prefix() { #promofooter-980 { border: 1px solid; border-color: #fff #d4d4d4 #979797; border-top: none; } } /* FF2 */
#promofooter-980 { *border: 1px solid; *border-color: #fff #d4d4d4 #979797; } /* IEs */


/* tell a friend
----------------------------- */
#defaultShareMessage, #shareBackMessage { display:none; }
/* share container*/
#sharecontainer { position:absolute; top:0; left:0; margin:0; padding:25px; padding-top:50px; width:935px; }
#sharecontainer h1 { text-align:left; padding-left:15px; margin-bottom:63px; text-indent:-9999px; }		
#sharecontainer .bottom { height:12px; background:url(http://trailers.apple.com/trailers/images/generic/tellafriend_bgbottom.gif) no-repeat 0 0;  }
#sharecontainer .top { height:12px; font-size:1px; background:url(http://trailers.apple.com/trailers/images/generic/tellafriend_bgtop.gif) no-repeat 0 0; }
#sharecontainer .grid2col { min-height:360px; _height:340px; background:url(http://trailers.apple.com/trailers/images/generic/tellafriend_bg.gif) no-repeat 0 0; }
#sharecontainer .grid2col .column.first { position:relative; width:344px; padding-bottom:0px; }
#sharecontainer .grid2col .column.last {position:relative; width:500px; padding-left:50px; padding-top:52px; }
#sharecontainer #sharesubmititem #sendformsubmit { display: block; width:100px; height:21px; border:none; cursor:pointer; background:transparent url(http://trailers.apple.com/trailers/images/generic/tellafriend_btn_send.gif) no-repeat; text-indent:-5000px; padding: 20px 0 0 0; }
#sharecontainer #sharesubmititem #sendingbtn { width:100px; height:21px; cursor:default; background:url(http://trailers.apple.com/trailers/images/generic/tellafriend_btn_sending.gif) no-repeat; }
#sharecontainer #sharesendagain { display:block; width:170px; height:21px; cursor:pointer; background:url(http://trailers.apple.com/trailers/images/generic/tellafriend_btn_sendagain.gif) no-repeat; text-indent:-5000px; overflow:hidden; }
#tellafriend #backtovideo { position: absolute; bottom:20px; left: 35px; background:url(http://trailers.apple.com/trailers/images/generic/tellafriend_arrow_back.gif) center left no-repeat; padding-left:10px;}
#tellafriend #backtovideo a { color:#454545;}

/* share form */
#shareformbox h2 { position:absolute; top:-43px; left:0; padding-left:15px; }
#shareformbox form { font-size:11px; position:relative; padding:15px 30px 0; }		
#shareformbox form label { float:left; font-weight:bold; font-size:12px; color:#333; }
#shareformbox form label.normal { margin:1px 0 4px 5px; font-weight:normal; color:#666; font-size:11px; }
#shareformbox form input { font-size:11px; padding:1px; display:block; width:228px; margin-left:50px; margin-bottom:5px; }
#shareformbox form input.default { color:#666; }
#shareformbox form input#shareremail, #shareformbox form input#sharesemail { *margin-top:-20px;}
#shareformbox form input#sharecopyreq { _margin-left:25px; margin-bottom:0; float:left; width:12px; margin-top:4px; *margin-top:0; }
#shareformbox form textarea { width:276px; height:88px; padding:4px; margin:6px 0 25px 0; color:#666; line-height:1.3em; border:1px solid #aaa; font-size:11px; font-family:"Lucida Grande",Geneva,Arial,Verdana,sans-serif; }
#shareformbox form #sharebacktovideo { width:106px; float:left; }
#shareformbox form #sendformsubmit,
#shareformbox form #sendingbtn { width:98px; float:right; margin:0; }
#shareformbox form #sendformsubmit.hide,
#shareformbox form #sendingbtn.hide { display: none; }
#shareformbox ul { text-align:left; margin:0; }
#shareformbox ul li#sharesnameitem { margin-top:12px; }
#shareformbox ul li#sharesubmititem { margin-bottom:0; height: 22px; }
#shareformbox ul li#sharemessageitem { clear:both; padding-top:12px; _padding-top:4px; }
#shareformbox ul li#sharemessageitem div { margin:0; width:245px; }
#shareformbox ul li#sharemessageitem div#sharecharcontainer { text-align:right; _margin-top:-20px; }
#shareformbox .validation-failed { background: #FFFFE6; }
#shareformbox .validation-advice { display:block; margin:-5px 0 7px 50px; line-height:1.3em; width:192px; font-size: 9px; color:red; }

/* success box */
#shareformbox #shareconfirmation { position:absolute; top:25px; left:25px; text-align:left; }
#shareformbox #shareconfirmation #sharesendagain { display:block; margin-bottom:-10px; }
#shareformbox #shareconfirmation strong { display:block; }

/* share preview */
#sharepreview { position:relative; color:#454545; }
#sharepreview img#movie-poster { position:absolute; top:58px; left:40px; width:134px; height:193px; padding:1px 2px 3px; background:url(http://trailers.apple.com/trailers/images/generic/tellafriend_posterbg.gif) no-repeat; }
#sharepreview h3 { margin-bottom:0.4em; margin-left:155px; margin-right:30px; font-size:22px; line-height:1.3em; color:#454545;}
#sharepreview h4 { font-size:16px; margin-bottom:20px; margin-left:155px; font-weight:normal; color:#454545; }
#sharepreview label, #sharecontainer #sharepreview span { font-weight:bold; }
#sharepreview h2 { position:absolute; top:-43px; left:0; _left:-30px; width:162px; padding-left:15px; }
#sharepreview ul { position:relative; float:left; width:295px; text-align:left; margin-left:155px; _margin-left:78px; margin-bottom:0; }
#sharepreview ul li { padding-bottom:10px; }

.hide { display: none; }