@import url(/pt/global/styles/blackout.css);
@import url(/global/styles/overlay.css);

/*------------ general, grid ------------*/
html { background:#fff url(/finalcutexpress/images/body_bg20071115.gif) repeat-x 0 0; }
#main { padding-left:2px; }
#content { clear:both; width:908px; margin:0 0 22px; padding:35px 35px 0; border:1px solid #dbdddd; border-width:0 1px; background:#fff url(/finalcutexpress/images/content_bg20071115.gif) repeat-x bottom left; }
#content .cap { position:absolute; height:5px; width:980px; left:-1px; }
#content .cap.top { top:0; background:url(/euro/finalcutexpress/images/content_bgtop20071115.gif) no-repeat 0 0; }
#content .cap.topdark { top:0; background:url(/euro/finalcutexpress/images/content_bgtop_dark20071115.gif) no-repeat 0 0; }
#content .cap.bottom { bottom:-1px; background:url(/euro/finalcutexpress/images/content_bgbottom20071115.gif) no-repeat 0 100%; }
body.overview #content .cap.bottom { margin-left:-35px; }

.grid2colc .column.first.sidebar { width:232px; margin-left:-16px !important; }
.grid2colc .column.last { width:675px; }
.grid2colc .content { border:none; background:none; -webkit-box-shadow: none; -moz-box-shadow: none; }
.grid2cola .column.first { width:601px; }
.grid2cola .grid2col .column { width:46%; }
.grid2cola .grid2col .grid2col .column { margin-left:0; }
.grid2cola .column.last.sidebar { width:296px; }
.grid2colc .grid2col .column { width:320px; position:static; } 
.grid2colc .grid3col .column { width:195px; margin-right:26px; _margin-right:2px; margin-left:16px; }
.grid2col .column.first,
.grid3col .column.first { margin-left:0 !important; }

/*------------ header, top stuff ------------*/
#main #productheader { border: 0; }
#main #productheader h1 a { width: 210px; background-image: url(/finalcutexpress/images/localnav_finalcutexpress20071115.gif); }
#main #productheader ul#productnav li a { color:#333; }
#main #productheader ul#productnav li a:hover { color:#08c; text-decoration:none; }

body.overview #main #productheader h1 a, 
body.overview #main #productheader ul#productnav li#pn-overview a,
body.tutorials #main #productheader ul#productnav li#pn-tutorials a,
body.resources #main #productheader ul#productnav li#pn-resources a,
body.specs #main #productheader ul#productnav li#pn-specs a { color: #999; cursor: default; }

body.resources #main #productheader ul#productnav li#pn-resources a:hover,
body.specs #main #productheader ul#productnav li#pn-specs a:hover { color: #999 !important; }

/* hero */
#main #hero { clear:both; }
#main #hero img { display:block; }

/*------------ main, content ------------*/
body, #content { color:#555; }
#main h1 { font-weight:normal; color:#333; margin-bottom:.5em; }
#main h1 span { color:#666; }
#main h2 { font-size:18px; color:#333; margin:0 0 .8em; }
#main h3 { font-size:14px; margin-bottom:.2em; }
#main h3,
#main h4,
#main strong { color:#333; }
#main p.intro { margin-bottom: 2em; font-size:inherit; font-weight:inherit; }

#main h1 a,
#main h2 a,
#main h3 a,
#main h4 a { text-decoration:none; }

#main div.center { text-align:center; }
#main span.nowrap { white-space:nowrap; }

#main hr { height:1px; font-size:1px; margin:18px 0 0; color:#ccc; background:none; border:none; border-top:1px solid #ccc; }

#main img.left.icon { margin-bottom:5px; margin-right:10px; }
#main img.right.icon { margin-bottom:5px; margin-left:10px; }
#main img.centered { display:block; margin-left:auto; margin-right:auto; }
#main img.inline { margin-top:14px; }

/* links */
#main a { color:#08c; text-decoration:none; _height:.5em; }
#main a:hover { text-decoration:underline; }
#main a.arrow { padding-right:10px; text-decoration:none; background:url(/euro/finalcutexpress/images/arrow20071115.gif) no-repeat right 3px; zoom:1; *background-position:right 5px; }
#main a.arrow:hover { text-decoration:underline; }
#main a.arrow.circle { padding-right:20px; text-decoration:none; background:url(/euro/finalcutexpress/images/arrow_circle20071115.gif) no-repeat 100% .1em; }
#main a.arrow.circle:hover { background-position:100% .1em; }

/* swapper & noscript */
#main .noscript.backtotop { margin-top:1.6em; text-align:right; }
#main .swapcontainer { height:30em; _height:30em; position:relative; padding-bottom:2em; }

/* landing sections */
#main div.landing-features { clear:both; }
#main div.landing-features img.left { margin-right:0; clear:both; }
#main div.landing-features img.right { margin:-10px 20px 5px 10px; }

#main div.landing-features h3 a { color:#000; }
#main div.landing-features h3 a:hover { text-decoration:underline; }
#main div.landing-features .column { margin-bottom:1em; }

#main div.landing-features p,
#main div.landing-features h3 { margin-left:110px; }

/* specs/resources */
body#specs #main #content .column,
body#resources #main #content .column { width:280px; margin-left:31px; }
body#resources #main #content a { font-weight:bold; text-decoration:none; }
body#resources #main #content a:hover { text-decoration:underline; }
body#resources #main #content .sidebar a { font-weight:normal; }
body#resources #main #content li { margin-bottom: 5px; }

body#resources #main #content h1,
body#specs #main #content h1 { border-bottom:1px solid #ddd; } 
body#specs #main #content .grid3col,
body#resources #main #content .grid3col { margin-top:30px;}
body#specs #main #content,
body#resources #main #content,
body#specs #main #content .sidebar,
body#resources #main #content .sidebar { font-size:11px; line-height:1.5em; }
body#specs #main #content h3,
body#resources #main #content h3,
body#specs #main #content .sidebar .box h2,
body#resources #main #content .sidebar .box h2 { font-size:12px; line-height:1.5em; }
body#specs #main #content .sidebar .box h3,
body#resources #main #content .sidebar .box h3 { font-size:11px; margin-top:0.5em; }

#content .sidebar .box a.pdf { display:block; padding-top:0.7em; }

/* subnav */
#content #subnav { position:relative; margin:-15px 0 1em; font-size:12px; background:url(/euro/finalcutexpress/images/sidebarbg20071115.gif) repeat-y 0 0; }
#main #subnav ul { margin:0; padding:1.4em 1px 0.7em; }
#main #subnav ul li { display:block; margin:-7px 0 0; _margin-top:-7px; padding:0 0 1px; background:url(/euro/finalcutexpress/images/subnav_bgitem20071115.gif) no-repeat 0 100%; }
#main #subnav ul li.last { background:none; }
#main #subnav ul li a { display:block; margin:0; padding:7px 12px 7px; color:#444; text-decoration:none; outline:none; position:relative; *margin-bottom:-2px; }
#main #subnav ul li a:hover { color:#08c; }
#main #subnav ul li.active { background:none; }
#main #subnav ul li.active a { color:#000 !important; font-weight:bold; background:url(/euro/finalcutexpress/images/subnav_bgitem_active20071115.gif) no-repeat 0 50%; cursor:default; }

#main #subnav .sidebox { width:164px; padding:10px 15px 0; margin-top:1em; font-size:11px; background:url(/euro/finalcutexpress/images/sidebox_topcap20071130.gif) no-repeat 0 0; }
#main #subnav .sidebox .bottomcap { height:7px; width:194px; margin:0.5em -15px 0; background:url(/euro/finalcutexpress/images/sidebox_bottomcap20071130.gif) no-repeat 0 0;}
#main #subnav .sidebox h3 { font-size:13px; margin-bottom:0.3em; }
#main #subnav .sidebox p { font-size:11px; margin-bottom:0.5em; }

/* specs */
#main p.specs { font-size:11px; padding: 10px 0 15px 12px; }
#main p.specs a.arrow.circle { padding-top:1px; padding-right:16px; color:#333; }
#main p.specs a.arrow.circle:hover { color:#08c; }

/* promos */
#content .sidebar img.across { margin:-.4em 0 1.6em; }

/* box */
#content .sidebar div.box { padding:0 20px 2px; margin:0 0 1.6em; color:#666; background:#f3f3f3 url(/finalcutexpress/images/sidebarbox_bgbottom20071115.gif) no-repeat 0 100%; }
#content .sidebar div.box h2 { padding:1.4em 16px .6em; margin:0 -20px; font-size:14px; background:url(/euro/finalcutexpress/images/sidebarbox_bgtop20071115.gif) no-repeat 0 0; }

/* next/previous links */
#main .pagenav { clear:both; padding-top:1.5em; margin-top:2em; font-size:14px; border-top:1px solid #dbdbdb; }
#main .pagenav:after { content:"."; display:block; height:0; clear:both; visibility:hidden; }
#main .pagenav hr { width:660px; height:1px; margin:.7em 0; color:#eee; background:#eee; border:none; }
#main .pagenav a { font-size:12px; color:#08c; }
#main .pagenav a:hover { text-decoration:underline; }
#main .pagenav div.column { margin-bottom:.1em; }
#main .pagenav div.previous { clear:both; text-align:left; }
#main .pagenav div.previous a.arrow { padding-left:20px; padding-right:0; background:url(/euro/finalcutexpress/images/pagenav_arrowleft20071115.gif) no-repeat 0 .1em; *background-position:0 .1em; }
#main .pagenav div.next { text-align:right; }
#main .pagenav div.next a.arrow { padding-right:20px; background:url(/euro/finalcutexpress/images/pagenav_arrowright20071115.gif) no-repeat 100% .1em; *background-position:100% .1em; }

/* sosumi */
#main ol.sosumi, #main ul.sosumi, #main p.sosumi { padding-top:2em; line-height:1.4em; }

/*---- promo footers ----*/
#main #contentfooter { width: 984px; margin: 15px -2px 0; padding: 0 2px; background: url(/finalcutexpress/images/promofooter_bg20080408.gif) repeat-y; _zoom: 1; }
#main #contentfooter:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; }
#main #contentfooter .cap { height: 17px; margin: 0 -2px; font-size: 1px; }
#main #contentfooter .cap.top { margin-bottom: 0px; padding: 0 0 0 0; background: url(/finalcutexpress/images/promofooter_top20080408.gif) no-repeat; }
#main #contentfooter .cap.bottom { height: 120px; margin-top: -120px; background: url(/finalcutexpress/images/promofooter_bottom20080408.gif) no-repeat bottom left; }

#main #contentfooter .promo { width: 245px; float: left; position: relative; }
#main #contentfooter .promo h4, #main #contentfooter .promo p { margin-left: 15px; margin-right: 15px; }
#main #contentfooter .promo p { color: #777; font-size: 11px; }
#main #contentfooter .promo img.tour {margin: -20px 0 4px -13px}


#main #contentfooter .buy ul, #main #contentfooter .buy img { margin-left: 13px; }
#main #contentfooter .buy ul {margin-top: 20px;}
#main #contentfooter .buy li span { color: #666; }
#main #contentfooter .buy a { text-decoration: none; }
#main #contentfooter .buy a:hover { text-decoration: underline; }
#main #contentfooter .buy .product { margin-top: -20px; margin-right: 5px; margin-bottom: -5px; float: right; }
#main #contentfooter .buy .button { margin: 20px 6px 0 13px; }
#main #contentfooter .buy ul { font-size: 11px; }

#main #contentfooter #cf-wwdc img { position:relative; margin:-17px -50px 0 8px; }

/*------------ content footer ------------
#main #contentfooter { clear:both; width:980px; margin:0 0 0; padding:0; color:#999; font-size:11px; line-height:1.5em; position:relative; }
#main #contentfooter .cap { height:92px; margin:0; font-size:1px; }
#main #contentfooter .cap.top { position:relative; margin-bottom:-76px; background:url(/euro/finalcutexpress/images/contentfooter_bgtop20071115.gif) no-repeat top left; }
#main #contentfooter .cap.bottom { margin-top:-86px; background:url(/euro/finalcutexpress/images/contentfooter_bgbottom20071115.gif) no-repeat bottom left; }
#main #contentfooter .padder { position:relative; background:url(/euro/finalcutexpress/images/contentfooter_bg20071115.gif) repeat-y 0 0; }
	
#main #contentfooter.grid4col .column { position:relative; width:195px; margin:0; padding:.3em 25px 0; }

body.overview #cf-tutorials, body.tutorials #cf-tutorials, 
body.resources #cf-resources, body.specs #cf-resources { display:none; }

#main #contentfooter #cf-promos a { display:none; }

#main #contentfooter a.block { display:block; color:#999; text-decoration:none; }
#main #contentfooter a.block:hover { color:#08c; }
#main #contentfooter a.block strong { display:block; }
#main #contentfooter a.block span { display:block; margin-bottom:1em; }

#main #contentfooter #cf-congratscoens a.block span { display:block;margin-top: 5px; margin-bottom: 7px; margin-left: -10px; width: 160px;}
#main #contentfooter #cf-congratscoens p {margin-left: -10px; margin-top: 5px;}


#main #contentfooter #cf-buynow { width:205px; padding-right:15px;}
#main #contentfooter #cf-buynow img.right { margin:0 20px; }
#main #contentfooter #cf-buynow img.button { margin:1.5em 0; display:block; }
#main #contentfooter #cf-buynow ul,
#main #contentfooter #cf-buynow ul li { margin:0; padding:0 0 1px; position:relative; }
#main #contentfooter #cf-buynow ul li.reseller { margin-top:-.2em; }
#main #contentfooter #cf-buynow ul li.call,
#main #contentfooter #cf-buynow ul li.reseller { padding-bottom:.6em; }
*/

/*------------ gallery boxes ------------*/
#main .watchvideotour a.OverlayPanel, #main #importing-AnchorFix .watchvideo a.OverlayPanel,  #main #compositing-AnchorFix .watchvideo a.OverlayPanel,  #main #editing-AnchorFix .watchvideo a.OverlayPanel { display:block; width:165px; height:21px; margin:-1em 0 2em; text-indent:-9999px; background:url(/pt/finalcutexpress/images/btn_watchquicktour20071115.gif) no-repeat top left; outline:none; }
#main .watchvideotour a.OverlayPanel:hover, #main #importing-AnchorFix .watchvideo a.OverlayPanel:hover, #main #compositing-AnchorFix .watchvideo a.OverlayPanel:hover, #main #editing-AnchorFix .watchvideo a.OverlayPanel:hover { background-position:bottom left; }

#main .gallerybox { width:316px; padding:12px 14px 11px; display:block; margin-bottom:1.6em; _margin-right:-23px; background:url(/euro/finalcutexpress/images/popup_gallerybox_bottom20071115.gif) no-repeat 0 100%; }
#main .gallerybox .topcap { height:5px; width:340px; position:absolute; top:0; right:-20px; _right:-19px; background:url(/euro/finalcutexpress/images/popup_gallerybox_top20071115.gif) no-repeat 0 0; }
#main .gallerybox hr { clear:both; width:332px; height:0; padding:0; margin:0 0 14px -12px; border:none; border-bottom:1px solid #fff; border-top:1px solid #ddd; *height:2px; *margin-top:-5px; *margin-bottom:-30px; }
#main .gallerybox .watchvideo { margin:0 5px 14px; }

#main .gallerybox ul.popupnav { margin:0; _margin-left:-4px; }
#main .gallerybox ul.popupnav:after { content:'.'; display:block; clear:both; height:0; visibility:hidden; }
#main .gallerybox ul.popupnav li { display:inline; }
#main .gallerybox ul.popupnav li a, #main .gallerybox span.icon { display:block; float:left; width:74px; height:48px; padding:5px 6px 7px; margin:0 6px 0 5px; background:url(/euro/finalcutexpress/images/popupnav_thumb20071115.gif) no-repeat 0 0; }
#main .gallerybox ul.popupnav li.enlarge { clear:both; display:block; float:left; width:17px; height:17px; margin:-65px 0 0 0; _margin-left:3px; background:url(/euro/finalcutexpress/images/popupnav_enlarge20071115.png) no-repeat 0 0; font-size:1px; behavior:url(/global/scripts/lib/iepngfix.htc); }

/*------------ overlays ------------*/
.overlaypanel .overlayPanelContent { overflow:visible !important; }
.overlaypanel .video-content { width: 820px; height: 400px; padding: 15px 40px; }
.overlaypanel .video-content .media { width: 640px; height: 400px; margin-left: 205px; }
.overlaypanel .video-content .description { display: block; position: absolute; left: 20px; top: 120px; width: 195px; font-size: 12px !important; }

.overlaypanelgallery img.overlayPanelShadowImage { top:-9.6% !important; left:-7.6% !important; width:115.1% !important; height:120.3% !important; }
.overlaypanel .overlaygallery { position:relative; width:860px; height:612px; }
.overlaypanel .overlaygallery .overlaygalleryswap { width:860px; height:538px; text-align:center; overflow:hidden; }
.overlaypanel .overlaygallery .overlaygalleryswap .overlaygallerycontent { position:absolute; display:block; width:860px; height:538px; left:0; top:0; }
.overlaypanel .overlaygallery .overlaygalleryswap .overlaygallerycontent img { width:860px; height:538px; }
.overlaypanel .overlaygallery .overlaygalleryswap .overlaygallerycontent p { position:absolute; z-index:999; top:26px; left:0; width:100%; font-size:14px; color:#373737; text-align:center; }
.overlaypanel .overlaygallery .overlaygallerythumbs { display:block; position:absolute; left:287px; bottom:14px; height:56px; margin:0; text-align:center; font-size:11px; }
.overlaypanel .overlaygallery .overlaygallerythumbs a { float:left; display:block; margin-left:10px; outline:none; color:#999; text-decoration:none; }
.overlaypanel .overlaygallery .overlaygallerythumbs a img { display:block; width:74px; height:48px; margin: 5px auto; padding:3px; border:1px solid #fff; }
.overlaypanel .overlaygallery .overlaygallerythumbs a.active img { border-color:#ccc; }


/*
.overlay#ACOverlayAudioVrGallery .overlaydescription { height:320px; }
.overlay#ACOverlayAudio .overlaydescription ul,
.overlay#ACOverlayAudioVrGallery .overlaydescription ul { margin-top:-.8em; padding-bottom:1.6em; }
.overlay#ACOverlayAudio .overlaydescription ul li,
.overlay#ACOverlayAudioVrGallery .overlaydescription ul li { min-height:3.2em; *min-height:0; }
.overlay#ACOverlayAudio .overlaydescription a.overlayaudiolink,
.overlay#ACOverlayAudioVrGallery .overlaydescription a.overlayaudiolink { display:block; text-decoration:none; color:#555; cursor:default; }
.overlay#ACOverlayAudioVrGallery .overlaydescription p.sosumi { position:absolute; bottom:0; line-height:1.4em; }

.overlay#ACOverlayMovie .overlaymovie,
.overlay#ACOverlayMovieGallery .overlaymovie { width:640px; height:400px; padding-top:15px; margin-left:245px; }
.overlay#ACOverlayMovie .overlaycontroller,
.overlay#ACOverlayMovieGallery .overlaycontroller { margin:10px 0 0 245px; }

.overlay#ACOverlayImage .overlaynav ul.w3 { width:288px; }

/* movie gallery links */
.overlay.tour .links a { color:#000; height:25px; line-height:25px; }
.overlay.tour .links a:hover { color:#08c; text-decoration:none; }
.overlay.tour .links a.previous { background:url(/euro/finalcutexpress/images/popup_arrowprev20071115.gif) no-repeat 0 0; }
.overlay.tour .links a.previous:hover { background-position:0 0; }
.overlay.tour .links a.next { background:url(/euro/finalcutexpress/images/popup_arrownext20071115.gif) no-repeat 100% 0; }
.overlay.tour .links a.next:hover { background-position: 100% 0; }


/*------------ print ------------*/

@media print {
	body, #main, #content { color:#000; background:#fff; }

	#main #localnav { border-bottom:1px solid #ccc; }
	#main #localnav h1, #main #localnav h1 a { width:auto; height:auto; text-indent:0; color:#000; background:#fff; }
	#main #localnav ul, #main #localnav a.buynow { display:none; }
	#main #hero, #content.plain { margin-top:2em; }

	.column.sidebar { display:none; }
	.column.content { width:100% !important; }

	.grid2colc .grid2col .column { width:46%; } 
	.grid2colc .grid3col .column { width:30%; }
	
	#main .gallerybox, #main .watchvideotour, #main a.arrow, #main .pagenav, body#specs #main #content .backtoapp { display:none; }
}