/*--- layout ---*/
@charset "utf-8";
#main { width:920px; margin:0 0; }
#content { padding:0 0; }

/* boxes and layout
------------------------*/
.grid3cola { width:920px; margin:0 0px; }
.grid3cola .column { width:650px; margin-left:0px; }
.grid3cola .column.first,
.grid3cola .column.last { width:255px; }

#content,
#main .sidebar { color:#333; }
#main .sidebar { font-size:12px; line-height:14px; }
#main .sidebar a.more { padding-right:8px; background-position:100% .4em; }

#main a.arrow { text-align:left; display:block; padding-right:10px; background:url(/images/arrow.gif) no-repeat 100% 50%; }

/* boxes */
#content .box { position:relative; padding:0 20px 1px; overflow:hidden; background:#fff url(/images/box_bg.gif) repeat-y 0 0; zoom:1; }
#content .box .cap { position:absolute; width:600px; height:6px; margin:0 -20px; font-size:1px; behavior:url(/scripts/iepngfix.htc); }
#content .box .cap.top { top:0; background:url(/images/box_bgtop.png) no-repeat 0 0; margin-left:-2px; }
#content .box .cap.bottom { bottom:0; background:url(/images/box_bgbottom.png) no-repeat 0 100%; }
#content .box .gradient { margin:0 -18px; padding:0 18px; overflow:hidden; background:#fff url(/images/box_bggrad.gif) repeat-x 0 100%; }

#content .sidebar .box { padding:0 12px 1px; background-image:url(/images/box_sidebar_bg.gif) ; }
#content .sidebar .box .cap { width:255px; margin:0 -12px; left:12px; }
#content .sidebar .box .cap.top { background-image:url(/images/box_sidebar_bgtop.png); }
#content .sidebar .box .cap.bottom { background-image:url(/images/box_sidebar_bgbottom.png); }

#content .box h2 { margin:0 -18px; padding:6px 10px 4px; color:#4d4d4d; font-weight:normal; font-size:14px; border-bottom:1px solid #d9d9d9; background:#dfdfdf url(/images/box_header.gif) repeat-x 0 0; }
#content .box h2 a { color:#4d4d4d; }
#content .sidebar .box h2 { margin:0 -10px; }

#content .box ul { _width:100%; margin:0 -10px; padding:0 10px; overflow:hidden; }
#content .box ul li { margin:0 0 -1px; padding:1.1em 0; border-bottom:1px solid #d9d9d9; }

#content .box p { margin-top:.3em; margin-bottom:0; }
#content .box img { display:block; }
#content .box img.flush { margin:0 -10px; }

#content .box h3,
#content .box strong { display:block; color:#000; font-size:13px; line-height:16px; font-weight:normal; }
#content .box h3 a,
#content .box strong a { color:#000; }
#content .box em { font-style:normal; color:#a9a9a9 !important; }
#content .box h4 { color:#aaa; font-size:10px; font-weight:normal; }

#content .box a { color:#333; text-decoration:none; }
#content .box ul li a:hover,
#content .box ul li a:hover * { color:#08c; cursor:pointer; }
#content .box a.more { color:#08c; }
#content .box a.more:hover { color:#08c; text-decoration:underline; }

/* top section
------------------------*/
#content .upper .box { min-height:427px; _height:427px; }
#content .lower .box { min-height:536px; _height:536px; }

/* getamac */
#content .getamac li.love img { margin-bottom:-3px; }
#content .getamac li.ads { padding-bottom:0; }

/* promos */
#content ul.promos { margin-bottom:5px; padding:0 0 1px; overflow:hidden; }
#content ul.promos li { float:left; width:210px; height:120px; margin-bottom:0; padding:0 0 1px; overflow:hidden; }
#content ul.promos li.lead { clear:both; display:block; width:100%; height:250px; margin-bottom:4px; }
#content ul.promos li.news { clear:both; display:block; width:100%; height:50px; margin-bottom:4px; }
#content ul.promos li.last { float:right !important; width:210px !important; }

/* find out how */
#content .findouthow ul li { clear:left; padding:1.1em 0; }
#content .findouthow ul li h3 { line-height:14px; }
.remark  { color:#888; font-size:12px; }
#content .findouthow ul li img { float:left; margin:-6px 8px -7px 0; }

#content .findouthow ul li.featured { padding:5px 0 4px; text-align:center; }
#content .findouthow ul li.featured a { color:#888; border:0; }
#content .findouthow ul li.featured a img { margin:0 5px 1px; padding:0px ; border:none;   }/*background:url(/images/findouthow_featured.jpg) no-repeat 0 0;*/
#content .findouthow ul li.featured a b { display:block; color:#000; font-weight:normal; }

#content .findouthow ul li.more { padding:11px 0 10px; }

/* in action */
#content .inaction ul li.featured { min-height:281px; _height:281px; }
#content .inaction ul li.featured img { margin:8px 0 16px; }

/* buy */
#content .buy ul li p a { color:#08c; }
#content .buy ul li p a:hover { text-decoration:underline; }



/* top module
------------------------*/

/* movie panel */
#content .showcase #qtview { position:relative; width:560px; padding-top:373px; *height:1px; margin-top:14px; }
#content .showcase #qtview .qtcontent { position:absolute; width:560px; height:373px; top:0; }

#content .showcase #qtview img { position:absolute; z-index:1; left:0; }
#content .showcase #qtview ul { position:relative; padding:155px 0 0; text-align:center; z-index:1; }
#content .showcase #qtview ul li { display:block; padding:0; border:none; }

#content .showcase #qtview .endState { width:560px; height:352px; background:#000; }
#content .showcase #qtview .endState img { top:0; opacity:.7; -moz-opacity:.7; filter:alpha(opacity=70); }

/* pill buttons */
#content .showcase #qtview a.pillbutton { display:inline-block; position:relative; padding-right:43px; font-size:15px; line-height:1.3em; color:#fff; text-decoration:none; outline:none; z-index:2; }
#content .showcase #qtview a.pillbutton span,
#content .showcase #qtview a.pillbutton b { display:block; width:auto; padding:15px 0; text-align:left; }
#content .showcase #qtview a.pillbutton span { padding-right:8px; padding-left:25px; background:url(/images/pillbevel_leftcap.png) no-repeat 0 50%; _background-image:url(/images/pill_leftcap.gif); }
#content .showcase #qtview a.pillbutton b { position:absolute; width:43px; top:0; right:0; text-indent:-9999px; background:url(/images/pillbevel_rightcap.png) no-repeat 0 50%; _background-image:url(/images/pill_rightcap.gif); }
#content .showcase #qtview a.pillbutton:hover,
#content .showcase #qtview a.pillbutton:hover *,
#content .showcase #qtview a.pillbutton:focus { color:#e6e6e6; }

#content .showcase #qtview a.pillbutton, x:-moz-any-link { display:block; width:8.5em; margin:0 auto; } /* this is for firefox2 because it's dumb when it comes to inline-block */
#content .showcase #qtview .endState a.pillbutton, x:-moz-any-link { width:16em; } /* this is for firefox2 because it's dumb when it comes to inline-block */
#content .showcase #qtview a.pillbutton, x:-moz-any-link, x:default,
#content .showcase #qtview .endState a.pillbutton, x:-moz-any-link, x:default { display:inline-block; width:auto; } /* firefox3 reset */

/* qt controller */
#content .showcase #qtview .controllerPanel { display:block; position:absolute; width:560px; height:12px; bottom:0; padding:0; }
#content .showcase #qtview .controllerPanel div.control { position:relative; width:10px; height:10px; top:1px; text-indent:-999px; cursor:pointer; overflow:hidden; background:url(/images/qt_playpause.gif) left top no-repeat; }
#content .showcase #qtview .controllerPanel div.control.pause { background-position:left -10px; }
#content .showcase #qtview .controllerPanel div.sliderPanel { position:absolute; top:0; left:16px; height:12px; width:544px; }
#content .showcase #qtview .controllerPanel div.sliderPanel div.track { position:absolute; left:0; width:544px; height:12px; text-align:left; background:url(/images/qt_bgtrack.gif) no-repeat; }
#content .showcase #qtview .controllerPanel div.sliderPanel div.track div.loadedProgress { position:absolute; top:0; height:12px; background:url(/images/qt_bgtrack_load.gif) no-repeat; }
#content .showcase #qtview .controllerPanel div.sliderPanel div.track div.trackProgress { position:absolute; height:12px; }
#content .showcase #qtview .controllerPanel div.sliderPanel div.track div.playHead { position:absolute; top:0; margin:0 1px; width:13px; height:12px; background:url(/images/qt_pointer.png) no-repeat; cursor:pointer; behavior:url(/global/scripts/lib/iepngfix.htc); }

/* movie nav */
#productService {
	TEXT-ALIGN: left !important; height:120px; PADDING-BOTTOM: 0px; MARGIN: 0px auto; WIDTH: 920px; COLOR: #888; FONT-SIZE: 12px; BACKGROUND: url(/images/productService.jpg) no-repeat;
}
#productService ul.qtnav { width:920px; margin:0px 50px 14px; padding-top:13px; text-align:center; zoom:1; }
#productService ul.qtnav li { float:left; width:136px; margin:0 3px; padding:0; border-bottom:none; display:inline; }
#productService ul.qtnav li a { position:relative; display:block; padding:13px 0; color:#000; background:url(/images/showcase_qtnav.gif) no-repeat 0 0; font-size:12px; }
#productService ul.qtnav li a span { position:relative; top:4px; }
#productService ul.qtnav li a em { position:absolute; width:100%; left:0; top:30px; color:#fff !important; text-align:center; font-style:normal; z-index:2; }
#productService ul.qtnav li a img { display:block; margin:0 20px 0 19px; }
#productService ul.qtnav li a:hover,
#productService ul.qtnav li a:hover *,
#productService ul.qtnav li a:focus { text-decoration:none; color:#333; background-position:0 -97px; }
#productService ul.qtnav li a.active { cursor:default; outline:none; color:#525252; background-position:0 -194px; }
#productService ul.qtnav li a.active img { opacity:.3; -moz-opacity:.3; filter:alpha(opacity=30); }
#productService ul.qtnav:after { content:'.'; display:block; height:0; clear:both; visibility:hidden; }

#productService ul.qtnav .qtcontent { display:none; }

.foot_bg {
	height:60px; PADDING-BOTTOM: 0px;  WIDTH: 920px; COLOR: #888; FONT-SIZE: 12px; BACKGROUND: url(/images/foot_bg.jpg) no-repeat;
}