/* layout
------------------------*/
html, body { background:#f2f2f2; }
#main { position:static; *position:relative; width:100%; min-width:982px; margin:0 auto -18px; overflow:hidden; }
#main .content { position:static; width:880px; margin:0 auto 18px; padding:5em 50px 1px; zoom:1; }
#main .content .content { width:auto; padding:0; }
.content, .selfclear { zoom:1; }
.content:after, .selfclear:after { content:'.'; display:block; height:0; clear:both; visibility:hidden; }
/* fonts */
#main { font-size:1em; line-height:1.5; word-spacing:-1px; }
#main h1 { margin-bottom:.4em; font-size:2em; line-height:1.15; font-weight:normal; }
#main .headline h1 { margin-bottom:0; }
#main h2 { margin-bottom:.4em; font-size:1.3em; line-height:1.3; font-weight:normal; }
#main h3 { margin-bottom:.4em; font-size:1.1em; }
#main h4 { margin-bottom:.4em; font-size:1em; }
#main p.intro { font-size:1.15em; line-height:1.4; }
#main .subheader p { font-size:14px; }
#main header { font-size:1.3em; zoom:1; }
#main header h2 { margin-bottom:.2em; font-size:1.8em; }
#main header:after { content:'.'; display:block; height:0; clear:both; visibility:hidden; }
#main section,
#main aside { font-size:1.2em; line-height:1.4; }
#main section.section { font-size:1.35em; line-height:1.45; zoom:1; }
#main section h1,
#main aside h1 { font-size:1.5em; }
#main section.section section { font-size:.85em; line-height:1.55; }
#main section.section section .headline h1 { font-size:1.75em; }
#main .sidebar { font-size:1em; line-height:1.55; }
#main .sidebar h1 { font-size:1.75em; }
#main .sidebar h3 { font-size:1.2em; }
#main a.block { color:#333; }
#main section a.more { background-image:url(http://images.apple.com/global/elements/arrows/morearrow_med_08c.gif); }
#main .sidebar a.more { background-image:url(http://images.apple.com/global/elements/arrows/morearrow_08c.gif); }
#main a.wrap:hover { text-decoration:none; }
#main a.wrap:hover span { color:#08c; }
#main a.wrap:hover span,
#main a:hover .more { text-decoration:underline; cursor:pointer; }
#main a.back-to-top { position:absolute; right:0; top:14px; padding-right:10px; color:#08c; background:url(http://images.apple.com/global/elements/arrows/uparrow_08c.gif) no-repeat 100% 50%; }
/* layout */
.content h1 img,
.content h2 img { display:block; }
.video-thumb .play,
.side-divider,
.gallery img { behavior:url(/global/scripts/lib/ie7pngfix.htc); }
.gallery .gallery-content .close,
.macbookpro-iphone,
.gallery .simple-nav li a { behavior:url(/global/scripts/lib/iepngfix.htc); }
.content .headline-icon { display:table; height:60px; margin:0 0 25px; *position:relative; *z-index:10; }
.content .headline-icon img { margin:0 12px 0 0; }
.content .headline-icon .headline { display:table-cell; vertical-align:middle; *position:absolute; *top:50%; }
.content .headline-icon .headline h1 { *position:relative; *top:-50%; }
.content .headline-icon p { *position:relative; *top:-50%; width:735px; margin:5px 0 0; }
.content .hero { margin-bottom:2em; }
.content .divider-down-crease { padding-top:45px; background:url(http://images.apple.com/v/macosx/b/images/section_divider_crease_down.png) 0 0 no-repeat; }
.content .divider-up-crease { margin-bottom:45px; padding-bottom:3.2em; border-bottom:1px solid transparent; background:url(http://images.apple.com/v/macosx/b/images/section_divider_crease_up.png) 0 bottom no-repeat; _border-color:#fff; }
.content .narrow { padding-left:120px; padding-right:120px; }
.content .column { display:inline; }
.content .grid2col .column { width:46%; }
.content .grid3col .column { width:29%; margin-left:6%; }
.content .left { float:left; }
.content .right { float:right; }
.content .center { margin-right:auto; margin-left:auto; text-align:center; }
.content .middle { vertical-align:middle; }
.content .padright { padding-right:50px; }
.content .padleft { padding-left:50px; }
.content .paddright { padding-right:140px; }
.content .paddleft { padding-left:140px; }
.content .padtop { padding-top:25px; }
.content .flushright { margin-right:-50px; _position:relative; }
.content .flushleft { margin-left:-50px; _position:relative; }
.content .paddright .flushright { margin-right:-140px; _position:relative; }
.content .paddleft .flushleft { margin-left:-140px; _position:relative; }
.content .flushbottom { padding-bottom:0; }
.content img.inline { margin-top:1em; }
.content img.center { display:block; margin-right:auto; margin-left:auto; }
.content img.block { display:block; }
.content img.relative { _position:relative; }
.content img.violator-topleft { position:absolute; top:0; left:0; }
.content nav.box { width:820px; margin-bottom:32px; padding:20px 30px; border:1px solid #e5e4e4; background:#f1f1f1; }
.content nav.box .column { width:128px; margin-left:8px; }
.content nav.box .first { width:105px; }
.content nav.box .three { width:105px; margin-left:25px; }
.content nav.box .last { width:156px; }
.content nav.box a { display:block; padding:4px 0; color:#333; }
.content nav.box a:hover { color:#08c; text-decoration:none; }
.content nav.box h3 { margin-bottom:10px; padding-bottom:3px; border-bottom:1px solid #d9d9d9; }
.content section.app { position:relative; padding:18px 0 45px; border-bottom:1px solid #d9d9d9; zoom:1; }
.content section.app:after { content:'.'; display:block; height:0; clear:both; visibility:hidden; }
.content section.app.last { border-bottom:0; }
.content section.app img.icon { position:absolute; left:15px; top:22px; margin-bottom:0; }
.shadow { border:1px solid; border-color:#e5e5e5 #dbdbdb #d2d2d2; -webkit-box-shadow:rgba(0,0,0,.3) 0 1px 3px; -moz-box-shadow:rgba(0,0,0,.3) 0 1px 3px; box-shadow:rgba(0,0,0,.3) 0 1px 3px; }
img.shadow { -webkit-box-shadow:rgba(0,0,0,.5) 0 2px 7px; -moz-box-shadow:rgba(0,0,0,.5) 0 2px 7px; box-shadow:rgba(0,0,0,.5) 0 2px 7px; }
.shadow:nth-child(1n) { border:none; } /* reset border for smart browsers */
.gradient { padding:18px 20px 1px; margin-bottom:18px;
background:#f6f6f6;
background:-webkit-gradient(linear, 0% 0%, 0% 100%, from(rgba(0,0,0,.02)), to(rgba(0,0,0,.05)));
background:-moz-linear-gradient(100% 100% 90deg, rgba(0,0,0,.02), rgba(0,0,0,.05));
}
.content aside.features { margin:3.5em 0 3.5em; padding:0; }
.content aside.features a { padding:18px 70px 1px 62px; }
.content aside.features a h1 { margin-bottom:5px; padding-top:16px; }
.content aside.features a img.left { margin-top:16px; margin-right:45px; margin-bottom:12px; }
.video-thumb { float:right; font-size:.875em; line-height:1.286em; text-decoration:none; }
.video-thumb .image { display:block; position:relative; width:141px; z-index:0; }
.video-thumb .image img { display:block; position:relative; padding-bottom:5px; z-index:0; }
.video-thumb .play { position:absolute; width:45px; height:45px; left:48px; top:18px; opacity:.75; filter:alpha(opacity=75); background:url(http://images.apple.com/v/macosx/b/images/video_play.png) no-repeat 50% 50%; z-index:1; }
.video-thumb:hover .play,
a:hover .video-thumb .play { opacity:1; filter:alpha(opacity=100); }
.side-divider { float:right; display:block; height:168px; padding-left:13px; background:url(http://images.apple.com/v/macosx/b/images/side_divider.png) 0 0 no-repeat; }
.side-divider.double { float:right; display:block; height:247px; padding-left:13px; background:url(http://images.apple.com/v/macosx/b/images/side_divider_double.png) 0 0 no-repeat; }
.side-video { width:154px; }
.side-video a { padding:28px 0 0 13px; }
/* productheader
------------------------*/
#productheader { border:0; padding-bottom:0; }
#productheader h2 a { text-indent:0; width:120px; }
#server #productheader h2 a { cursor:default; }
#productheader li a { text-shadow:#fff 0 1px 0; }
.whatsnew #pn-whatsnew a,
.whatis #pn-whatis a,
.apps #pn-apps a,
.specs #pn-specs a,
.server #pn-server a,
.sme #pn-sme a,
.features #pn-features a,
.resources #pn-resources a,
.howtobuy #pn-howtobuy a { color:#999; }
#whatsnew #pn-whatsnew a,
#whatis #pn-whatis a,
#apps #pn-apps a,
#specs #pn-specs a,
#server #pn-server a,
#sme #pn-sme a,
#features #pn-features a,
#resources #pn-resources a,
#howtobuy #pn-howtobuy a { color:#999 !important; cursor:default; }
/* section navs
------------------------*/
#sectionnav { position:relative; margin:-5em -50px 60px; text-align:center; z-index:2; }
#sectionnav ul { height:149px; text-align:center; border-bottom:1px solid #d9d9d9;
background:#fff;
background:-webkit-gradient(linear, left bottom, left top, from(#f2f2f2), to(#fff));
background:-moz-linear-gradient(90deg, #f2f2f2, #fff);
-webkit-border-top-left-radius:4px; -webkit-border-top-right-radius:4px; border-top-left-radius:4px;
-moz-border-radius-topleft:4px; -moz-border-radius-topright:4px; border-top-right-radius:4px;
}
#sectionnav ul li,
#sectionnav ul li a { display:-moz-inline-stack; display:inline-block; *display:inline; zoom:1; }
#sectionnav ul li { position:relative; width:245px; height:149px; margin-bottom:-4px; vertical-align:top; }
#sectionnav ul li:nth-child(1n) { background:url(http://images.apple.com/v/macosx/b/images/nav_shadow.png) repeat-x 0 100%; }
#sectionnav ul li:nth-child(1) { background:url(http://images.apple.com/v/macosx/b/images/nav_shadow_first.png) no-repeat 0 100%; }
#sectionnav ul li:nth-last-child(1) { background:url(http://images.apple.com/v/macosx/b/images/nav_shadow_last.png) no-repeat 100% 100%; }
#sectionnav ul li a { position:relative; width:245px; *width:auto; height:149px; margin-bottom:-4px; border-right:1px solid #cbcbcb; color:#999; font-weight:bold; text-decoration:none; text-align:center;
-webkit-transition:.25s; -moz-transition:.25s; transition:.25s;
}
#sectionnav ul li a:hover { color:#333; }
#sectionnav ul li a:nth-child(1) { border:none; background:url(http://images.apple.com/v/macosx/b/images/nav_rule.png) no-repeat 100% 100%;
-webkit-box-shadow:1px 0 1px rgba(255,255,255,1) inset; -moz-box-shadow:1px 0 1px rgba(255,255,255,1) inset; box-shadow:1px 0 1px rgba(255,255,255,1) inset;
}
#sectionnav ul li a.roundedtopleft { -webkit-box-shadow:none; -moz-box-shadow:none; box-shadow:none; }
#sectionnav ul li a.roundedtopright { border-right:none; background:none; }
#sectionnav ul li a div { margin:28px auto 0; line-height:1.21em; }
#sectionnav ul li a div i { display:block; *display:inline; height:60px; margin:0 auto 12px; }
#sectionnav ul li a div span { width:183px; display:block; margin:10px auto 0; _margin-top:0; }
#sectionnav ul li a b { width:100%; height:11px; display:block; position:absolute; bottom:-10px; left:0; overflow:hidden; background:url(http://images.apple.com/v/macosx/b/images/selected_arrow.png) no-repeat 50% 0; visibility:hidden; }
#whatis #sectionnav #fn-lion a,
#security #sectionnav #fn-security a,
#compatibility #sectionnav #fn-compatibility a,
#accessibility #sectionnav #fn-accessibility a { height:150px; margin-bottom:-1px; border-bottom-color:#3a3a3a; color:#fff; cursor:default;
background:#3a3a3a;
background:-webkit-gradient(linear, left top, left bottom, from(#999), to(#444));
background:-moz-linear-gradient(90deg, #444, #999);
-webkit-box-shadow:0 2px 12px rgba(0,0,0,.52) inset; -moz-box-shadow:0 2px 12px rgba(0,0,0,.52) inset;
}
#whatis #sectionnav #fn-lion a b,
#security #sectionnav #fn-security a b,
#compatibility #sectionnav #fn-compatibility a b,
#accessibility #sectionnav #fn-accessibility a b { visibility:visible; }
/* next previous browse strip */
#pagenav { height:49px; padding:18px 20px; border-top:1px solid #e1e1e1; text-align:center; background:#f5f5f5;
-moz-box-shadow:0 1px 1px rgba(255,255,255,1) inset; -webkit-box-shadow:0 1px 1px rgba(255,255,255,1) inset; box-shadow:0 1px 1px rgba(255,255,255,1) inset;
}
#pagenav div { min-width:241px; overflow:hidden;
background-color:#f5f5f5;
background:-webkit-gradient( linear, 0 0, 0 100%, from(#fcfcfc), to(#ededed));
background:-moz-linear-gradient(90deg,#ededed,#fcfcfc);
-moz-border-radius:5px; -webkit-border-radius:5px; border-radius:5px;
}
#pagenav div:hover { background:-webkit-gradient( linear, 0 0%, 0 100%, from(#fafafa), to(#e6e6e6)); background:-moz-linear-gradient(90deg,#e6e6e6,#fafafa); *background-color:#f7f7f7; }
#pagenav a { display:block; text-decoration:none; }
#pagenav a span { display:block; border:1px solid #e0e0e0; background:none; }
#pagenav .prev { float:left; }
#pagenav .next { float:right; }
#pagenav .prev a { padding-left:17px; *padding-left:19px; border-left:none; background:url(http://images.apple.com/v/macosx/b/images/nav_mask_left.png) no-repeat 0 -1px; _background-image:url(http://images.apple.com/v/macosx/b/images/nav_mask_left.gif); }
#pagenav .next a { padding-right:17px; *padding-right:19px; border-right:none; background:url(http://images.apple.com/v/macosx/b/images/nav_mask_right.png) no-repeat 100% -1px; _background-image:url(http://images.apple.com/v/macosx/b/images/nav_mask_right.gif); }
#pagenav .prev a span { border-left:none; padding:14px 22px 14px 10px; }
#pagenav .next a span { border-right:none; padding:14px 10px 14px 22px; }
/* galleries
------------------------*/
.gallery { position:relative; margin-bottom:3.2em; z-index:0; }
.gallery:after,
.gallery-view:after { content:'.'; display:block; height:0; clear:both; visibility:hidden; }
.gallery .gallery-view figure { position:absolute; }
.gallery .gallery-view.swapView figure { position:relative; float:left; }
.gallery .gallery-view,
.gallery .gallery-content,
.gallery figure { width:100%; }
.gallery .gallery-content,
.gallery figure { display:none; }
.gallery .gallery-view .gallery-content,
.gallery .gallery-view figure { display:block; }
figure figcaption { font-size:.9em; }
/* slide view hardware galleries */
.slide-gallery { width:980px; margin-top:40px; overflow:hidden; -webkit-user-select:none; -webkit-transform:translateZ(0); }
.slide-gallery .gallery-view { -webkit-transform:translateZ(0); }
.slide-gallery .gallery-content,
.slide-gallery figure { float:left; display:inline; margin:0; -webkit-transform:translateZ(0); }
/* shared harware galleries */
.hardware { position:relative; margin:40px auto 0; z-index:0; background-repeat:no-repeat; background-position:50% 0; }
.gallery .hardware { margin-top:0; }
.fade-gallery { margin-top:40px; }
.hardware img { position:absolute; z-index:0; }
.gallery .hardware figure { position:relative; -webkit-transform:translateZ(0); }
.hardware figcaption { position:absolute; bottom:24px; left:0; width:100%; color:#777; text-align:center; z-index:0; }
/* macbook air hardware */
.macbookair { width:820px; height:530px; background-image:url(http://images.apple.com/v/macosx/b/images/hardware_macbookair.png); _background-image:url(http://images.apple.com/v/macosx/b/images/hardware_macbookair.gif); }
.paddleft .macbookair { margin-left:-60px; }
.paddright .macbookair { margin-right:-60px; }
.gallery .macbookair { width:820px; height:585px; margin-left:0; margin-right:0; padding:0 80px; }
.macbookair figcaption { _left:80px; }
#main .gallery.macbookair-gallery { margin-bottom:0; }
#main .gallery.macbookair-gallery figcaption { bottom:59px; }
#main .gallery.macbookair-gallery .simple-nav { bottom:30px; }
.macbookair img { left:110px; top:34px; }
.gallery .macbookair img { left:190px; }
/* imac hardware */
.imac { width:702px; height:629px; background-image:url(http://images.apple.com/v/macosx/b/images/hardware_imac.png); _background-image:url(http://images.apple.com/v/macosx/b/images/hardware_imac.gif); }
.gallery .imac { width:702px; height:659px; padding:0 139px; }
.imac figcaption { _left:139px; }
.imac img { left:27px; top:26px; }
.gallery .imac img { left:166px; }
.fade-gallery .imac img { left:28px !important; width:632px; height:355px; }
.fade-gallery .imac figure { width:702px; height:672px; }
/* imac 27 hardware */
.imac-21in { width:702px; height:629px; background-image:url(http://images.apple.com/v/macosx/b/images/hardware_imac_21in.png); _background-image:url(http://images.apple.com/v/macosx/b/images/hardware_imac.gif); }
.gallery .imac-21in { width:702px; height:659px; padding:0 139px; }
.imac-21in figcaption { _left:139px; }
.imac-21in img { left:35px; top:36px; }
.fade-gallery .imac-21in img { left:34px; width:632px; height:355px; }
.fade-gallery .imac-21in figure { width:702px; height:672px; }
/* macbook pro hardware */
.macbookpro { width:908px; height:520px; background-image:url(http://images.apple.com/v/macosx/b/images/hardware_macbookpro.png); _background-image:url(http://images.apple.com/v/macosx/b/images/hardware_macbookpro.gif); }
.paddleft .macbookpro { margin-left:-44px; }
.paddright .macbookpro { margin-right:-44px; }
.gallery .macbookpro { width:908px; height:550px; margin-left:0; margin-right:0; padding:0 36px; }
.gallery .macbookpro figure { width:908px; height:550px; }
.gallery .macbookpro figure img { width:610px; height:381px; }
.macbookpro figcaption { _left:36px; }
.macbookpro figure figcaption { left:0; }
.macbookpro img { left:150px; top:33px; }
.gallery .macbookpro img { left:185px; }
.gallery .macbookpro figure img { left:150px; }
/* iphone hardware */
.macbookpro-iphone { position:absolute; top:168px; right:26px; width:186px; height:359px; background-image:url(http://images.apple.com/v/macosx/b/images/hardware_macbookpro_iphone.png); }
.gallery .macbookpro-iphone { right:62px; margin:0; }
.macbookpro-iphone img,
.gallery .macbookpro-iphone img { left:35px; top:83px }
/* tips with indicator lines */
figure.tips { position:relative; z-index:0; }
figure.tips figcaption { position:absolute; top:0; left:0; width:100%; height:100%; z-index:0; }
figure.tips .tip { position:absolute; width:100px; text-align:left; z-index:0; }
figure.tips .tip h5 { font-size:.85em; line-height:1.4em; font-weight:bold; }
figure.tips .tip p { font-size:.85em; color:#666; }
figure.tips .tip-left { left:40px; }
figure.tips .tip-right { right:40px; }
/* paddle arrow nav */
.paddle-nav li { width:100%; position:absolute; top:0; left:0; z-index:1; _display:none; }
.paddle-nav li .arrow { position:absolute; display:block; top:0; height:560px; width:107px; padding:0 20px; -moz-opacity:0; opacity:0; filter:alpha(opacity=0); outline:none; z-index:1; cursor:pointer; *background-image:url(http://images.apple.com/global/elements/blank.gif);
-webkit-transition:.25s opacity ease-out; -moz-transition:.25s opacity ease-out; transition:.25s opacity ease-out;
}
.paddle-nav li .arrow:hover { -moz-opacity:1; opacity:1; filter:alpha(opacity=100); }
.paddle-nav li .arrow.disabled { display:none; }
.paddle-nav li .arrow b { display:block; width:40px; height:80px; margin-top:197px; text-indent:-9999px; overflow:hidden; behavior:url(/global/scripts/lib/ie7pngfix.htc); }
.paddle-nav li .arrow.prev { left:0; }
.paddle-nav li .arrow.prev b { float:left; background:url(http://images.apple.com/v/macosx/b/images/heronav_prev.png) no-repeat; }
.paddle-nav li .arrow.next { right:0; }
.paddle-nav li .arrow.next b { float:right; background:url(http://images.apple.com/v/macosx/b/images/heronav_next.png) no-repeat; }
@media only screen and (max-device-width:768px) {
.paddle-nav { display:none; } /* don't show the paddles on iOS, swipe instead */
}
/* simple dot nav */
.gallery .simple-nav { position:absolute; left:0; width:100%; margin:0; padding:0; bottom:0; overflow:hidden; z-index:1; text-align:center; line-height:1px; }
.gallery .simple-nav li,
.gallery .simple-nav li a { display:-moz-inline-stack; display:inline-block; *display:inline; zoom:1; }
.gallery .simple-nav li { position:relative; margin:0; width:15px; height:15px; z-index:1; }
.gallery .simple-nav li a { position:absolute; width:15px; height:45px; top:0; left:0; outline:none; cursor:pointer; text-indent:-9999px; background:url(http://images.apple.com/v/macosx/b/images/simplenav.png) no-repeat; z-index:1; }
.gallery .simple-nav li a:hover { top:-15px; }
.gallery .simple-nav li a.active { cursor:default; top:-30px; }
/* image navs */
.gallery .image-nav { margin:-.5em 0 0; text-align:center; }
.gallery .image-nav li { display:-moz-inline-stack; display:inline-block; *display:inline; zoom:1; width:102px; margin:0 14px 0 0; vertical-align:top; }
.gallery .image-nav li a { display:-moz-inline-stack; display:inline-block; *display:inline; zoom:1; font-size:.75em; line-height:1.3; color:#000; text-decoration:none; outline:none; }
.gallery .image-nav li a i { display:block; width:76px; height:53px; padding:16px 20px 15px; cursor:pointer; background:url(http://images.apple.com/v/macosx/b/images/thumb_shadow.png) no-repeat 0 5px; }
.gallery .image-nav li a i img { display:block; }
.gallery .image-nav li a b { display:block; padding:0 2px 6px; font-weight:normal; }
.gallery .image-nav li a:hover,
.gallery .image-nav li a:focus { text-decoration:none; }
.gallery .image-nav li a:hover i,
.gallery .image-nav li a:focus i { background-position:0 -78px; }
.gallery .image-nav li a.active { color:#777; cursor:default; }
.gallery .image-nav li a.active i,
.gallery .image-nav li a.active:hover i { background-position:0 -159px; cursor:default; }
/* inline videos */
.gallery .gallery-content.gallery-movie { position:relative; width:880px; height:480px; padding:50px 50px 46px; background:#fff; z-index:1; border-bottom:1px solid #e5e5e5; }
.gallery .gallery-content.gallery-movie:nth-child(1n) { border:none; } /* reset border for smart browsers */
.gallery .gallery-content.gallery-movie:after { content:' '; display:block; position:absolute; left:0; bottom:-23px; margin:0; width:980px; height:23px; background:url(http://images.apple.com/v/macosx/b/images/videoplatter_shadow.png) no-repeat; z-index:1; }
.gallery .gallery-content.gallery-movie .moviePanel { position:relative; width:848px; height:480px; z-index:5; }
.gallery .gallery-content .close { position:absolute; top:12px; left:63px; width:29px; height:29px; text-indent:-9999px; overflow:hidden; z-index:1; background:url(http://images.apple.com/global/elements/buttons/close_touchable.png) no-repeat 0 0; cursor:pointer;
-webkit-transition-duration:.20s; -moz-transition-duration:.20s; transition-duration:.20s;
}
.gallery .gallery-content .close:hover { opacity:.7; -moz-opacity:.7; }
/* footers
------------------------*/
/* sosumi */
.sosumi { width:940px; margin:0 auto; margin-bottom:10px !important; padding:18px 20px 0; }
ol.sosumi { margin-left:auto; padding-left:0; *padding-left:3px; }
.sosumi a { color:#333; }
.sosumi li { line-height:14px; padding-bottom:5px; margin-bottom:0; }
ol.sosumi li { margin-left:2em; }
.sosumi ul,
.sosumi ol,
.sosumi p { margin-bottom:0; }
/* page specific
------------------------*/
/* overview */
#overview .content { width:980px; margin-bottom:10px; padding:0; }
#overview .hero { position:relative; height:741px; margin:0; overflow:hidden; text-align:center; background:url(http://images.apple.com/v/macosx/b/images/overview_hero.jpg) no-repeat 0 0; z-index:2; }
#overview .hero h1 { margin-top:0; margin-bottom:0; }
#overview .hero h1 img { margin:0 auto; }
#overview #hero-gallery { width:6860px; _width:7195px; }
#overview .paddle-hide { display:none !important; }
#overview figure { width:980px; height:717px; padding:24px 0 0; }
#overview #hero .gallery-content hgroup { height:151px; }
#overview #hero .gallery-content p { position:relative; z-index:2; width:700px; margin:0 auto; padding-top:0px; color:#ccc; font-size:1.65em; line-height:1.038em; font-weight:100; text-align:center; letter-spacing:-1px; }
#overview #hero .gallery-content img.gallery-image { position:relative; z-index:1; }
#overview #hero .gallery-content a.more { font-size:.65em; letter-spacing:0; }
#overview #hero .hero-osx p { padding-top:10px; padding-bottom:10px; }
#overview #hero .hero-osx p.subhead { margin-top:-11px; letter-spacing:0; color:#898989; font-size:1em; }
#overview .hero .hero-osx h1 { margin-top:2px; margin-bottom:0px; }
#overview .hero .simple-nav { bottom:10px; }
#overview .hero .simple-nav li { width:18px; }
#overview .hero .paddle-nav li .arrow { z-index:10; }
#overview .hero .paddle-nav li .arrow b { margin-top:380px; }
#overview .featurettes { width:980px; margin:0 0 18px; padding:0; zoom:1; background:url(http://images.apple.com/v/macosx/b/images/featurettes_bg.jpg) no-repeat 0 0; }
#overview .featurettes a { display:block; width:275px; height:175px; padding:38px 26px 165px; color:#636363; line-height:1.4285em; }
#overview .featurettes a:hover { text-decoration:none;
background:-webkit-gradient(linear, 0 0, 0 100%, from(rgba(0,0,0,.03)), to(rgba(0,0,0,0)));
background:-moz-linear-gradient(top, rgba(0,0,0,.03), rgba(0,0,0,0));
}
#overview .featurettes a h3 { font-size:1.3em; line-height:1.1em; font-weight:normal; word-spacing:-3px; }
#overview .featurettes .column { margin:0 0 0 1px; width:326px; }
#overview .featurettes .last { margin-left:-2px !important; }
#overview .featurettes .column a { position:relative; z-index:1; }
#overview .featurettes img { position:absolute; bottom:0; left:0; }
#overview .featurettes .video-thumb { position:absolute; bottom:0; width:100%; height:159px; }
#overview .featurettes .video-thumb img { left:22px; }
#overview .featurettes .video-thumb .play { left:115px; top:38px; }
#overview .callouts { width:980px; margin:0 auto; }
#overview .callouts section { margin-bottom:15px; }
#overview .callouts section a { display:block; min-height:109px; _height:109px; margin-bottom:15px;
background:#f3f3f3;
background:-webkit-gradient(linear, 0 0, 0 100%, from(#ffffff), to(#e5e5e5));
background:-moz-linear-gradient(top, #fff 50%, #e5e5e5);
}
#overview .callouts section a:hover { text-decoration:none;
background:#f0f0f0;
background:-webkit-gradient(linear, 0 0, 0 100%, from(rgba(0,0,0,0)), to(rgba(0,0,0,.07)));
background:-moz-linear-gradient(top, rgba(0,0,0,0), rgba(0,0,0,.07));
}
#overview .callouts a span { color:#08c; }
#overview .callouts a:hover span { text-decoration:underline; }
#overview .callouts h1 { font-size:1.3em; line-height:1.1em; font-weight:normal; word-spacing:-3px; }
#overview .callouts p { color:#636363; margin-bottom:0; }
#overview .features a { float:left; width:293px; padding:30px 15px 0 15px; margin-right:10px; }
#overview .features img { float:left; margin-top:15px; margin-right:14px; }
#overview .buy a { float:right; width:579px; padding:30px 32px 0; }
#overview .buy img { float:left; margin-top:-15px; margin-right:29px; }
/* what is */
#whatis #main .software { width:auto; margin:0; padding:0 40px 25px 221px; background:none; }
#whatis #main .software img { margin:0 0 0 -191px; }
/* security */
#security #main section h1 { font-size:1em; font-weight:bold; }
#security .hero { margin-bottom:3em; }
#security .hero p.intro { margin:0 30px; }
#security .defense { padding-bottom:46px; }
#security .alert { padding-bottom:72px; }
#security .alert .column.first { padding-top:27px; width:47%; }
#security .alert img.right { margin:70px 30px 0 0; }
#security .update { padding-bottom:77px; }
#security .update img.left { margin:105px 0 0; }
#security .customize { padding-bottom:67px; }
#security .customize .column.first { width:400px; padding-top:67px; }
#security .privacy { padding-bottom:71px; }
#security .privacy .column.last { padding-top:100px; }
#security .parental { padding-bottom:77px; }
#security .parental .column.first { margin-top:31px; }
#security .parental img.right { margin:40px 0 0 0; }
#security .phishing { padding-bottom:95px; }
#security .phishing img.left { margin:50px 0 0 57px; }
#security .safely { padding-bottom:87px; }
#security .safely .column.first { padding-top:20px; }
#security .safely img.right { margin:0 45px 0 0; }
#security .hassle { padding-bottom:54px; }
#security .hassle .column.last { padding-top:47px; }
#security .hassle img.left { margin-left:9px; }
#security aside.gradient { width:880px; padding:0; margin-bottom:65px; }
#security aside.gradient .column { width:387px; height:180px; padding:18px 26px; }
#security aside.gradient .column.last { padding-top:51px; }
#security aside.gradient img.left { margin-right:29px; margin-bottom:75px; }
#security aside.gradient ul li { padding-bottom:5px; }
/* compatibility */
#compatibility .hero { margin-bottom:3em; }
#compatibility .hero p.intro { margin:0 30px; }
#compatibility #main section h1 { font-size:1em; font-weight:bold; }
#compatibility .move { padding-top:86px; padding-bottom:50px; margin-top:0; }
#compatibility .move .column.last { width:612px; }
#compatibility .standard { padding-bottom:46px; }
#compatibility .standard img.left { margin-left:22px; }
#compatibility .office-exchange { padding-bottom:60px; }
#compatibility .devices { padding-bottom:55px; }
#compatibility .devices img.right { padding-top:40px; padding-right:35px; }
#compatibility .windows { padding-bottom:75px; }
#compatibility .windows .column.last { padding-top:40px; }
#compatibility .network { padding-bottom:80px; }
#compatibility .network .column.first { width:354px; }
#compatibility .network img.right { margin-left:0; }
#compatibility aside.gradient { width:824px; padding:0; padding:35px 28px 10px; margin-bottom:65px; }
#compatibility aside.gradient h1 { font-size:1em; font-weight:bold; }
#compatibility aside.gradient ul li { padding-bottom:5px; }
/* accessibility */
#accessibility .hero { margin-bottom:3em; }
#accessibility #main section h1 { font-size:1em; font-weight:bold; }
#accessibility #main section hgroup h1 { font-size:2em; font-weight:normal; }
#accessibility .vision hgroup { padding:0 50px 50px; }
#accessibility .vision img.left { margin-left:29px; }
#accessibility .vision .column.last { width:464px; padding-top:48px; }
#accessibility .surfing { padding-bottom:44px; }
#accessibility .surfing .column.first { padding-top:86px; }
#accessibility .surfing img.right { margin-bottom:0; }
#accessibility .surfing .column.last { padding-top:47px; }
#accessibility .voices { padding-bottom:60px; }
#accessibility .voices .column.first img { margin-bottom:15px; }
#accessibility .voices .column.last { margin-top:80px; }
#accessibility .activities { padding-bottom:60px; }
#accessibility .activities .column.last { padding-top:17px; }
#accessibility .activities img { *float:left; }
#accessibility .international { padding-bottom:57px; }
#accessibility .international .column.first { padding-top:66px; }
#accessibility .international .column.last img { padding-bottom:5px; }
#accessibility .braille { padding-bottom:35px; }
#accessibility .braille .column.last { padding-top:50px; }
#accessibility .braille img.left { margin-right:-106px; }
#accessibility .ichat { padding-bottom:25px; }
#accessibility .ichat img.right { padding-top:75px; }
#accessibility .captioning { padding-bottom:77px; }
#accessibility .motorskills hgroup { padding-bottom:45px; }
#accessibility img.automator { margin-top:-65px; }
#accessibility .automate { padding-bottom:65px; _position:relative; z-index:1; }
#accessibility .automate .column.first { clear:both; }
/* tech specs */
#specs #main .content { padding-bottom:32px; }
#specs #main h1 { margin-bottom:1em; }
#specs #main ul.square { margin-left:25px; font-size:11px; line-height:18px; }
#specs #main ul.leading li { padding-bottom:11px; }
#specs #main ul.notop { margin-left:25px; font-size:11px; line-height:18px; margin-top:-18px; }
#specs #main section { font-size:1em; padding:20px 0 2px; border-top:1px solid #eee; }
#specs #main .sidebar h3 { font-size:1.1em; }
#specs .grid2cola .column.first { width:592px; }
#specs .grid2cola .column.last { width:227px; }
#specs .grid2cola .column.first section .column.first,
#specs .grid2cola .column.first section .column.last { width:47%; }
#specs #main .included { clear:both; }
#specs #main .included h1 { font-size:2em; }
#specs #main .included .grid3col { padding-bottom:30px; }
#specs #main .included .grid3col .column { width:250px; margin-left:64px; }
#specs #main .included .recovery { padding-right:320px; }
/* how to buy */
.howtobuy #main .content { padding-top:0; }
.howtobuy #main .hero { position:relative; }
.howtobuy #main .hero hgroup { padding-top:110px; }
.howtobuy #main .ready { margin-top:0; padding-top:30px; }
.howtobuy #main .ready h1 { font-size:1.3em; margin-bottom:25px; }
.howtobuy #main .ready ol.steps { margin:0 0 25px; }
.howtobuy #main .ready ol.steps li.column { list-style-type:none; margin-left:6.5%; }
.howtobuy #main .ready ol.steps li.last { float:right !important; width:29% !important; }
.howtobuy #main .ready ol.steps h2 { font-size:1.1em; line-height:1.3; margin-bottom:.4em; font-weight:bold; color:#333; }
.howtobuy #main .ready ol.steps h2 strong { clear:both; display:block; color:#000; font-weight:bold; padding-top:20px; }
.howtobuy #main .ready ol.steps p { font-size:.875em; }
.howtobuy #main .frame { padding:5px; background:#fff; }
#howtobuy #main .hero { margin-bottom:0; }
#howtobuy #main .hero img.flushright { margin-top:27px; margin-bottom:0; }
/* up to date */
#uptodate .content { padding-top:0; padding-bottom:30px; }
#uptodate .content h1,
#uptodate .content h2 { margin-bottom:30px; }
#uptodate .content hr { height:1px; margin:40px auto; border:0; background-color:#cfcecd; }
#uptodate .content .hero { margin-bottom:0; }
#uptodate .content .hero img { margin-left:18px; display:block; }
#uptodate .content .hero .hero-header .intro { text-align:center; margin:0 57px 35px; }
#uptodate .content .hero .hero-header img { margin-left:40px; }
#uptodate .content .hero .hero-header h1 { margin-bottom:5px; }
#uptodate .content .grid2col .column { width:400px; }
#uptodate .content .grid2col .column h2 { margin-bottom:30px; }
#uptodate .content .grid2col .column.first h2 { width:300px; }
#uptodate .content .grid2col .column.last h2 { width:280px; }
#uptodate .content #terms h4 { margin-bottom:20px; }
#uptodate .content #terms ul { margin-bottom:50px; }
#uptodate .content #terms li { margin-bottom:5px; }
#uptodate .content #terms p.sosumi { width:auto; padding:0; }
/* system */
#systems .content a.more { float:right; margin-bottom:50px; }
#systems .content #standard { margin-bottom:20px; }
#systems .content #refurbished { padding-top:20px; }
#systems .content table { width:100%; margin:20px 0; table-layout:fixed; border-collapse:collapse; border:1px solid #e0e0e0; }
#systems .content table th,
#systems .content table td { padding:5px; }
#systems .content table th { font-weight:bold; color:#000; background:#f0f0f0; }
#systems .content table th,
#systems .content table .div td { border-bottom:1px solid #e0e0e0; }
#systems .content table .alt td { background:#fafafa; }
#systems .content table .model { width:140px; text-align:center; }
#systems .content table .modelno { width:142px; padding-left:20px; }
#systems .content table .partno { width:203px; }
#systems .content table .desc { width:307px; padding-right:20px; }
#systems .content table p { margin-bottom:0; }
/* restore */
#restore .content { padding-top:27px; padding-bottom:30px; }
#restore .content h1 { font-size:1.3em; line-height:1.3; }
#restore .content p { line-height:1.7; }
#restore .content hr { height:1px; margin:25px auto 50px; border:0; background-color:#cfcecd; }
#restore .content .hero h1 { margin-bottom:5px; }
#restore .content .hero h1 img { display:block; margin:0 auto; }
#restore .content .hero p { line-height:1.5; font-size:1.13em; }
#restore .content .hero .hardware { height:515px; margin-top:0; }
#restore .content .hero .hardware img { margin-left:0px; }
#restore .content .grid2cola .first { width:630px; }
#restore .content .divider-down-crease { width:auto; padding-right:25px; }
#restore .content .divider-down-crease .safety p { width:590px; }
#restore .content .divider-down-crease .rescue p { width:357px; }
#restore .content .divider-down-crease .rescue img { margin-top:2px; }
#restore .content .divider-down-crease .timemachine { width:190px; }
#restore .content .divider-down-crease .timemachine h1 { font-size:1.2em; line-height:1.5; margin-bottom:10px; }
#restore .content .divider-down-crease .timemachine p { line-height:1.6; font-size:1em; }
#restore .content .divider-down-crease .timemachine img { margin-bottom:20px; }
#restore .content .recovery h1 { font-size:1.5em; margin-bottom:20px; }
#restore .content .diy img.right { margin:-5px 70px 0 40px; }
#restore .content .diy hr { margin-bottom:45px; }