/* ---- BUILT FILE. DO NOT MODIFY THIS DIRECTLY. ---- */
body { position: relative; z-index: 1; width: 100%; min-height: 100%; min-width: 1024px; background: #fff; }
body:nth-child(1n) { border: none; }
body:before { content: '.'; display: block; height: 0; clear: both; visibility: hidden; }

a { color: #0070c9; }

#content { width: 980px; margin: 0 auto; padding: 0; position: static; zoom: 1; }

@media only screen and (max-device-width: 768px) { body { width: 1024px; padding: 0; }
  #main { overflow: hidden; } }
@media only screen and (max-device-width: 767px) { #globalheader { margin-bottom: 1.7em; }
  #productheader { padding-top: 0; } }
#main .content .content { width: auto; padding: 0; }

.content:after { content: '.'; display: block; height: 0; clear: both; visibility: hidden; }

#main { overflow: hidden; }
#main .content, #main #content { background: transparent; box-shadow: none; border: none; border-radius: 0; }
#main .flushpad, #main .flushright, #main .flushleft, #main .relative { _position: relative; _z-index: 1; _zoom: 1; }
#main #hero, #main .row { zoom: 1; }
#main .row { width: 980px; margin: 0 auto; }
#main #hero:after, #main .row:after { content: '.'; display: block; height: 0; clear: both; visibility: hidden; }

.main { font-size: 1.3334em; line-height: 1.5715; color: #404040; }
.main h1 { font-size: 1.7142em; line-height: 1.1666; margin-bottom: 10px; font-weight: normal; }
.main h2 { font-size: 1.1667em; line-height: 1.3888; margin-bottom: 7px; }
.main h3 { font-size: 1.1428em; line-height: 1.25; margin-bottom: 7px; }
.main h4 { font-size: 1.1667em; margin-bottom: 7px; }
.main h1 img, .main h2 img { display: block; margin: 0; }
.main .title { font-size: 2em; margin-bottom: 10px; }
.main .title h1, .main .title h2, .main .title h3 { line-height: 1.2142; font-weight: normal; }
.main .title h1, .main .title h2, .main .title h3 { font-size: 1em; margin-bottom: 0; }
.main .title h2 { color: #898989; }
.main .small { font-size: 0.8571em; line-height: 1.5; }
.main .caption { color: #999; }
.main sup { bottom: 7px; }
.main #hero .intro, .main .hero .intro { line-height: 1.6875; color: #404040; }
.main .flushrow { overflow: hidden; *position: relative; }
.main .flushrow .row { width: 100%; }
.main .column { *display: inline; }
.main .block { display: block; }
.main .inline { display: inline; }
.main .left { float: left; }
.main .right { float: right; }
.main .center { display: block; margin-left: auto; margin-right: auto; text-align: center; }
.main .flushpad, .main .padright { padding-right: 125px; }
.main .flushpad, .main .padleft { padding-left: 125px; }
.main .flushpad, .main .flushright { margin-right: -125px; }
.main .flushpad, .main .flushleft { margin-left: -125px; }
.main .inset { border: 1px solid #ccc; box-shadow: inset 0 1px 4px rgba(0, 0, 0, 0.4); }
.main .inset:nth-child(1n) { border: none; }
.main .gradient { background: #fff; background: -webkit-gradient(linear, left top, left bottom, from(#fff), to(#f2f2f2)); }
.main .border-top { border-top: 1px solid #e2e2e2; }
.main .border-bottom { border-bottom: 1px solid #ccc; }

.batteryclock { width: 783px; margin-left: 136px; }
.batteryclock .clock-wrapper { float: left; position: relative; z-index: 1; width: 142px; height: 142px; margin-right: 10px; }
.batteryclock .clock-wrapper img, .batteryclock .clock-wrapper canvas { display: block; width: 142px; height: 142px; position: absolute; -webkit-transform: translateZ(0); }
.batteryclock .clock-wrapper img { z-index: 1101; }
.batteryclock .clock-wrapper canvas { z-index: 1100; }
.batteryclock .clock-wrapper.enhanced .degradation { display: none; }
.batteryclock .clock-caption img { margin: 20px -30px 0 0; }

.horizontal-chart .bars { width: 370px; color: #666; }
.horizontal-chart .bars li { width: 100%; }
.horizontal-chart .bars .bar { width: 0; height: 36px; position: relative; z-index: 1; }
.horizontal-chart .bars .caption { text-align: left; }

.vertical-chart .captions { position: absolute; bottom: 60px; width: 100%; }
.vertical-chart .captions .captions-wrapper { position: relative; bottom: -20px; }
.vertical-chart .captions .captions-wrapper .caption { text-align: center; position: absolute; }
.vertical-chart .bars .bar { width: 36px; height: 0; position: relative; z-index: 1; display: inline-block; }

.chart .bars .improvement .bar { background: #27b2e5; }
.chart .bars .improvement .caption { color: #000; }
.chart .bars .baseline .bar { background: #aaa; }
.chart .bars .baseline .caption { color: #666; }
.chart .bars .text-value { position: absolute; right: 9px; top: 7px; font-size: 14px; color: #fff; }
.chart .bars .caption { padding: 1px 0 8px 0; font-size: 11px; background: #fff; }
.chart .can-animate .text-value { opacity: 0; }
.chart .animate .bars .bar { -webkit-transition: all 600ms cubic-bezier(0.77, 0, 0.175, 1); transition: all 600ms cubic-bezier(0.77, 0, 0.175, 1); -webkit-transform: translateZ(0); }
.chart .animate .bar-one .bar { -webkit-transition-delay: 300ms; transition-delay: 300ms; }
.chart .animate .bar-two .bar { -webkit-transition-delay: 180ms; transition-delay: 180ms; }
.chart .animate .bar-three .bar { -webkit-transition-delay: 140ms; transition-delay: 140ms; }
.chart .animate .text-value { opacity: 1; -webkit-transition: opacity .5s; transition: opacity .5s; -webkit-transition-delay: 700ms; transition-delay: 700ms; }
.chart.gallery .animate .text-value { -webkit-animation: fadein .5s .6s both; }

@-webkit-keyframes fadein { 0% { opacity: 0; }
  100% { opacity: 1; } }
#productheader { border-bottom: 1px solid #e6e6e6; }
#productheader h2 a { width: 153px; text-indent: 0; }
#productheader li a { text-shadow: #fff 0 1px 0; }
#productheader ul li a { margin-left: 24px; }

.page-features #pn-features a, .page-design #pn-design a, .page-performance #pn-performance a, .page-osx #pn-osx a, .page-builtinapps #pn-apps a, .page-specs #pn-specs a { color: #999 !important; cursor: default; }

/* Sticky Nav */
.ph-wrapper { z-index: 9000; width: 100%; top: 0; background: rgba(255, 255, 255, 0.95); border-bottom: 1px solid #e6e6e6; position: relative; }

.sticky .ph-wrapper { position: -webkit-sticky; position: -moz-sticky; position: -ms-sticky; position: -o-sticky; position: sticky; }

.ph-wrapper #productheader { border: none; }

@media only screen and (min-device-width: 320px) and (max-device-width: 480px) { .ph-wrapper { top: -10px; padding-top: 20px; } }
/* Global Nav */
@media only screen and (max-device-width: 767px) { #globalheader { margin-bottom: 1.7em; } }
.gallery-link { width: 200px; height: 34px; display: block; overflow: hidden; position: relative; margin: 0 auto; }
.gallery-link img, .gallery-link:hover img { position: absolute; }
.gallery-link img { top: 0; left: 0; }
.gallery-link:hover img { top: auto; bottom: 0; }

.gallery:after, .gallery-view:after { content: '.'; display: block; height: 0; clear: both; visibility: hidden; }

.gallery { position: relative; z-index: 1; }
.gallery .gallery-view figure { position: absolute; z-index: 1; }
.gallery .gallery-view figure.swapView figure { position: static; 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: .89em; line-height: 1.3em; }

body.noscroll .fluid-slideshow figure { -webkit-transform: none; }

.moviePanel { position: relative; z-index: 2; width: 848px !important; height: 480px !important; }
.moviePanel + .close { position: absolute; z-index: 1; top: 0; right: 0; bottom: 0; left: 0; background: #fff url(http://images.apple.com/v/macbook-air/c/images/close.png) no-repeat 40px 40px; background-size: 30px 30px; }

@media only screen { .moviePanel + .close { background-image: url(/v/macbook-air/c/images/close.svg); } }
@media only screen and (max-device-width: 768px) { body > .gallery-view { position: fixed; z-index: 1; top: 0; right: 0; bottom: 0; left: 0; }
  body > .gallery-view .gallery-content-movie { height: 100% !important; padding-top: 0 !important; }
  body > .gallery-view .moviePanel { position: fixed; }
  body > .gallery-view .moviePanel + .close { position: fixed; } }
.paddle-nav li { width: 100%; position: absolute; top: 0; left: 0; z-index: 1003; _display: none; }
.paddle-nav li .arrow { padding-top: 160px; padding-bottom: 160px; padding-right: 22px; padding-left: 22px; *padding-right: 0; *padding-left: 0; margin-top: -160px; position: absolute; display: block; top: 0; width: 67px; opacity: 1; z-index: 1; cursor: pointer; *background-image: url(http://images.apple.com/global/elements/blank.gif); -webkit-transition: .25s opacity ease-out; transition: .25s opacity ease-out; background: transparent; border: none; }
.paddle-nav li .arrow b { display: block; width: 67px; height: 130px; margin-top: 65px; text-indent: -9999px; overflow: hidden; behavior: url(/global/scripts/lib/ie7pngfix.htc); background-size: 38px 79px; }
.paddle-nav li .arrow:hover { opacity: 1; }
.paddle-nav li .arrow.disabled { opacity: 0; cursor: auto; *display: none !important; }
.paddle-nav li .arrow.prev { left: -67px; }
.paddle-nav li .arrow.prev b { float: left; background: url(http://images.apple.com/v/macbook-air/c/images/paddle_previous.png) no-repeat; }
.paddle-nav li .arrow.next { right: -67px; }
.paddle-nav li .arrow.next b { float: right; background: url(http://images.apple.com/v/macbook-air/c/images/paddle_next.png) no-repeat; }
@media only screen and (max-device-width: 768px) { .paddle-nav { display: none; } }

.paddle-hide { display: none; }

.toggle-nav { width: 720px; margin: 50px auto 30px; text-align: center; position: relative; z-index: 1001; }
.toggle-nav ul { margin: 0 auto; }
.toggle-nav li, .toggle-nav li a { display: -moz-table-cell; display: inline-block; *display: inline; *zoom: 1; }
.toggle-nav li { width: 168px; }
.toggle-nav li a { width: 100%; margin: 0 auto; padding: 6px 0 7px; border: 1px solid #cfcfcf; font-size: 13px; color: #666; text-align: center; text-decoration: none; background-color: #fff; }
.toggle-nav li a:hover { color: #0070c9; }
.toggle-nav li a.first-child { border-left: 1px solid #cfcfcf; }
.toggle-nav li a.current { position: relative; cursor: default; text-decoration: none; border: 1px solid #2284d1; color: #fff; background-color: #59b1f6; }
.toggle-nav li:first-child a { border-radius: 6px 0 0 6px; box-shadow: none; }
.toggle-nav li:last-child a { border-radius: 0 6px 6px 0; }

.simplenav { width: 100%; margin: 0; padding: 0; overflow: hidden; text-align: center; line-height: 1px; }
.simplenav li, .simplenav li a { display: -moz-inline-stack; display: inline-block; *display: inline; zoom: 1; }
.simplenav li { z-index: 1; margin: 0 8px; padding: 0; width: 12px; height: 12px; line-height: 0; position: relative; }
.simplenav li a { zoom: 1; position: absolute; top: 2px; left: 2px; width: 6px; height: 6px; background: #949494; border: 1px solid transparent; text-indent: -999em; box-shadow: none; border-radius: 50%; }
.simplenav li a:hover { cursor: pointer; top: 2px; background: #666; }
.simplenav li a.current { cursor: default; top: 0; left: 0; border: 1px solid #0070c9; background: transparent; width: 10px; height: 10px; box-shadow: none; }
@media only screen and (max-device-width: 768px) { .simplenav li a { pointer-events: none; } }

.darkbox-content { width: 100%; height: 100%; background-color: #fff; }

.hideaway .gallery-view { -webkit-transition-duration: 0.01s !important; }

body.noscroll .noscroll-show { overflow: hidden; }
body.noscroll .noscroll-show .simplenav li, body.noscroll .noscroll-show .simplenav li a { display: -moz-inline-stack !important; display: inline-block !important; *display: inline !important; zoom: 1; }
body.noscroll .noscroll-show .simplenav { position: absolute; z-index: 10000; left: 0; bottom: 15px; }

@media only screen and (max-device-width: 768px) { body.noscroll .noscroll-show .paddle-nav { display: none !important; } }
#design-hero-slidegallery { position: relative; top: 50%; margin-top: -334px; }
#design-hero-slidegallery .ac-gallery-slidecontainer img { background-color: #FFF; }

@media only screen and (max-device-width: 1280px) { #design-hero-slidegallery { position: relative; top: 50%; margin-top: -264px; }
  #design-hero-slidegallery .ac-gallery-slidecontainer img { width: 960px; height: 514px; } }
/* END _hero-gallery.css */
#wifi-beams { position: relative; z-index: 1; height: 644px; }
#wifi-beams .hardware { width: 1280px; height: 644px; overflow: hidden; position: absolute; top: 0; left: -150px; z-index: 5; }
#wifi-beams .hardware img { position: absolute; z-index: 1; top: 0; left: 0; display: none; margin: 0; }
#wifi-beams .hardware img.degradation { display: block; }
#wifi-beams .data-rings { position: relative; z-index: 1; width: 980px; height: 418px; -webkit-perspective: 500px; -ms-perspective: 500px; perspective: 500px; -webkit-perspective-origin: 50%; -ms-perspective-origin: 50%; perspective-origin: 50%; *display: none; }
#wifi-beams.beams-canplay img { display: block; -webkit-transform: translateZ(0); }
#wifi-beams.beams-canplay img.degradation { display: none; }
#wifi-beams.beams-canplay .data-rings { position: relative; z-index: 1; width: 645px; height: 426px; top: 230px; left: 375px; }
#wifi-beams.beams-canplay .data-ring { position: absolute; z-index: 1; top: -346px; right: 44px; -webkit-filter: blur(0.5px); opacity: 0; background: #59b1f6; background: -webkit-radial-gradient(50% 50%, circle farthest-corner, rgba(255, 255, 255, 0), rgba(255, 255, 255, 0) 30%, #58cef5 85%, #58cef5 100%); background: radial-gradient(circle farthest-corner at 50% 50%, rgba(255, 255, 255, 0), rgba(255, 255, 255, 0) 30%, #58cef5 85%, #58cef5 100%); border-radius: 884px; -webkit-transform: scale3d(0.2, 0.2, 1) rotateX(70deg); -ms-transform: scale3d(0.2, 0.2, 1) rotateX(70deg); transform: scale3d(0.2, 0.2, 1) rotateX(70deg); }
#wifi-beams.beams-canplay .data-ring.inner { width: 248px; height: 221px; top: 122px; right: 274px; border-radius: 50%; }
#wifi-beams.beams-canplay .data-ring.inner-center { width: 415px; height: 322px; top: 74px; right: 196px; border-radius: 50%; -webkit-transform: scale3d(0.5, 0.5, 1) rotateX(70deg); -ms-transform: scale3d(0.5, 0.5, 1) rotateX(70deg); transform: scale3d(0.5, 0.5, 1) rotateX(70deg); }
#wifi-beams.beams-canplay .data-ring.inner-mid { width: 552px; height: 419px; top: 28px; right: 120px; border-radius: 50%; -webkit-transform: scale3d(0.62, 0.62, 1) rotateX(70deg); -ms-transform: scale3d(0.62, 0.62, 1) rotateX(70deg); transform: scale3d(0.62, 0.62, 1) rotateX(70deg); }
#wifi-beams.beams-canplay .data-ring.outer-mid { width: 726px; height: 536px; top: -37px; right: 39px; border-radius: 50%; -webkit-transform: scale3d(0.72, 0.72, 1) rotateX(70deg); -ms-transform: scale3d(0.72, 0.72, 1) rotateX(70deg); transform: scale3d(0.72, 0.72, 1) rotateX(70deg); }
#wifi-beams.beams-canplay * { -moz-transform-style: preserve-3d; }
#wifi-beams.beams-willplay .hardware { -webkit-transform: translateZ(0); -ms-transform: translateZ(0); transform: translateZ(0); }
#wifi-beams.beams-willplay .data-ring, #wifi-beams.beams-willplay .data-ring.inner, #wifi-beams.beams-willplay .data-ring.inner-center, #wifi-beams.beams-willplay .data-ring.inner-mid, #wifi-beams.beams-willplay .data-ring.outer-mid { -webkit-transition: opacity 1800ms cubic-bezier(0.39, 0.575, 0.425, 0.975), -webkit-transform 1800ms cubic-bezier(0.39, 0.575, 0.425, 0.975); transition: opacity 1800ms cubic-bezier(0.39, 0.575, 0.425, 0.975), transform 1800ms cubic-bezier(0.39, 0.575, 0.425, 0.975); }
#wifi-beams.beams-play .data-ring.inner, #wifi-beams.beams-play .data-ring.inner-center, #wifi-beams.beams-play .data-ring.inner-mid, #wifi-beams.beams-play .data-ring.outer-mid { -webkit-transform: scale3d(1, 1, 1) rotateX(70deg); -ms-transform: scale3d(1, 1, 1) rotateX(70deg); transform: scale3d(1, 1, 1) rotateX(70deg); }
#wifi-beams.beams-play .data-ring.inner { opacity: .35; }
#wifi-beams.beams-play .data-ring.inner-center { opacity: .25; }
#wifi-beams.beams-play .data-ring.inner-mid { opacity: .18; }
#wifi-beams.beams-play .data-ring.outer-mid { opacity: .13; }
#wifi-beams.beams-play.chrome .data-ring.inner { opacity: .45; }
#wifi-beams.beams-play.chrome .data-ring.inner-center { opacity: .35; }
#wifi-beams.beams-play.chrome .data-ring.inner-mid { opacity: .25; }
#wifi-beams.beams-play.chrome .data-ring.outer-mid { opacity: .2; }
#wifi-beams.beams-play.firefox .data-ring.inner { opacity: .5; }
#wifi-beams.beams-play.firefox .data-ring.inner-center { opacity: .4; }
#wifi-beams.beams-play.firefox .data-ring.inner-mid { opacity: .3; }
#wifi-beams.beams-play.firefox .data-ring.outer-mid { opacity: .25; }
#wifi-beams.beams-play.firefox .data-ring.outer-mid { opacity: .2; }
#wifi-beams.beams-didplay .data-ring, #wifi-beams.beams-didplay .data-ring.inner, #wifi-beams.beams-didplay .data-ring.inner-center, #wifi-beams.beams-didplay .data-ring.inner-mid, #wifi-beams.beams-didplay .data-ring.outer-mid { -webkit-transform: rotateX(70deg); -ms-transform: rotateX(70deg); transform: rotateX(70deg); }

.page-overview sup { font-size: 0.806em !important; }
.page-overview .row { border-bottom: 1px solid #ccc; }
.page-overview .row h1 { margin-bottom: 5px; }
.page-overview .row p { margin-left: auto; margin-right: auto; text-align: center; }
.page-overview .hero { padding-bottom: 54px; }
.page-overview .hero h1 { margin-top: 56px; margin-bottom: -4px; }
.page-overview .hero h2 { margin-top: 0; margin-bottom: 46px; }
.page-overview .hero .hero-img { margin: 0 -224px 5px; }
.page-overview .hero .caption { text-align: center; }
.page-overview .hero .caption .column.first { width: 400px; }
.page-overview .hero .caption .column.last { width: 422px; }
.page-overview .hero .stickers { padding-top: 52px; }
.page-overview .hero .stickers .block:hover .cta img, .page-overview .hero .stickers .block:active .cta img { margin-top: -33px; }
.page-overview .hero .stickers .first { width: 442px; }
.page-overview .hero .stickers .first .right { margin: 0 2px 0 0; }
.page-overview .hero .stickers .last { width: 538px; padding-top: 35px; }
.page-overview .hero .stickers .cta { display: block; position: relative; z-index: 10; overflow: hidden; height: 33px; }
.page-overview .hero .stickers-divider { border-top: 1px solid #ccc; margin-top: 32px; }
.page-overview .overview-hero-update h1 { margin-top: 30px; margin-bottom: 0px; }
.page-overview .overview-hero-update h2 { margin-top: 6px; margin-bottom: 25px; }
.page-overview .overview-hero-update .caption { color: #666; font-size: 14px; }
.page-overview .overview-hero-update .caption-width { margin: 0 auto 11px; width: 36%; }
.page-overview .overview-hero-update .caption-width .caption-left { border-right: 1px solid #ccc; height: 18px; }
.page-overview .processor { padding-top: 57px; padding-bottom: 44px; }
.page-overview .processor .hero-img { margin: 0 -54px 14px; }
.page-overview .processor h1 { margin-bottom: 34px; }
.page-overview .processor p { width: 736px; }
.page-overview .battery { padding-top: 63px; padding-bottom: 46px; }
.page-overview .battery h1 { margin-top: 66px; }
.page-overview .battery p { width: 830px; }
.page-overview .wireless { padding-top: 64px; padding-bottom: 45px; border-bottom: none; }
.page-overview .wireless .hero-img { display: none; margin: 0 -150px; }
.page-overview .wireless .hero-img.degradation { display: block; }
.page-overview .wireless h1 { margin-top: -5px; }
.page-overview .wireless .wifi-header { margin-top: -3px; }
.page-overview .wireless p { width: 800px; }
.page-overview .flash { padding-bottom: 43px; background: #000; color: #fff; }
.page-overview .flash .row { border: none; }
.page-overview .flash .hero-img { margin: 0 -90px; }
.page-overview .flash h1 { margin-top: -96px; }
.page-overview .flash p { width: 790px; }
.page-overview .flash a { color: #66bbff; }
.page-overview .apps { padding-top: 65px; padding-bottom: 40px; }
.page-overview .apps .hero-img { margin: 0 -14px 58px; }
.page-overview .apps p { width: 800px; }
.page-overview .osx { padding-top: 62px; padding-bottom: 42px; border: none; }
.page-overview .osx .hero-img { margin-bottom: 63px; }
.page-overview .osx p { width: 870px; }
.page-overview .yosemite { padding-top: 100px; }
.page-overview .yosemite .icon-img { margin-bottom: 22px; }
.page-overview .yosemite .hero-img { margin: 64px -58px 56px; }

.page-design .row { padding-top: 58px; padding-bottom: 58px; }
.page-design .row p { padding: 0 78px; color: #666; text-align: left; }
@media only screen and (max-device-width: 768px) { .page-design .row p { padding: 0 110px; } }
.page-design header { margin-top: 62px; padding-bottom: 60px; }
.page-design header h1 { margin-bottom: 8px; }
.page-design header p.intro { margin-bottom: 70px; text-align: center; }
.page-design header img.hero { margin: 0 -56px 18px; *position: relative; *z-index: 1; }
.page-design .darkbox-content .design-hero-gallery-mask { overflow: hidden; position: absolute; }
@media only screen and (max-device-width: 768px) { .page-design .darkbox-content .design-hero-gallery-mask { overflow: visible; } }
.page-design .darkbox-content .paddle-nav li { width: 100%; position: absolute; top: 50%; left: 0; z-index: 1003; _display: none; margin-top: -118px; }
.page-design .darkbox-content .paddle-nav li .arrow b { margin-top: 0px; }
.page-design .darkbox-content .simplenav li { margin: 0px 6px; }
.page-design .darkbox-content .simplenav li a.current { border: 1px solid #6b6b6b; }
.page-design .storage p { margin-bottom: 66px; }
.page-design .keyboard { background: #0a0a0a; color: #ccc; border-bottom: none; min-height: 877px; *height: 877px; }
.page-design .keyboard p { margin-bottom: 30px; color: #ccc; }
.page-design .keyboard.ac-ambient-canplay h1, .page-design .keyboard.ac-ambient-canplay p { opacity: 0.5; }
.page-design .keyboard.ac-ambient-play h1, .page-design .keyboard.ac-ambient-play p { opacity: 1; -webkit-transition: opacity 1s; transition: opacity 1s; }
.page-design .keyboard .keyboard-lights { position: relative; width: 744px; height: 550px; margin: 0 auto; }
.page-design .keyboard .keyboard-lights img { position: absolute; }
.page-design .keyboard .keyboard-lights .on { opacity: 1; }
.page-design .keyboard.ac-ambient-canplay .keyboard-lights .on { opacity: 0; }
.page-design .keyboard.ac-ambient-play .keyboard-lights .on { opacity: 1; -webkit-transition: opacity 1s; transition: opacity 1s; }
.page-design .multitouch { padding-bottom: 0; }
.page-design .multitouch p { margin-bottom: 75px; }
.page-design .multitouch .flush { display: block; }
.page-design .battery h1 { margin-bottom: 40px; }
.page-design .battery p { margin-top: 46px; }
.page-design .unibody .callout { width: 205px; margin: 98px 80px 0 0; padding: 20px 30px 0 24px; border: 1px solid #e0e0e0; font-size: 12px; position: relative; z-index: 1002; background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#fff), to(#f7f7f7)); }
.page-design .unibody .callout p { margin-bottom: 7px; padding: 0; font-size: 11px; }
.page-design .unibody .callout img { margin-bottom: -5px; }
.page-design .unibody .gallery-view { float: left; *float: none; margin: -248px 0 34px 0; height: 576px; min-height: 576px; padding-bottom: 76px; }
.page-design .unibody .gallery-view figure { margin-left: -15px; *width: 1011px; }
.page-design .unibody .image-nav { clear: both; width: 326px; height: 74px; position: absolute; bottom: 60px; margin-left: 327px; margin-right: 327px; }
.page-design .unibody .image-nav li { float: left; }
.page-design .unibody .image-nav li button { width: 154px; padding-top: 12px; padding-bottom: 14px; border: 1px solid #ccc; border-radius: 6px; background: transparent; }
.page-design .unibody .image-nav li button:hover { background-color: #fafafa; }
.page-design .unibody .image-nav li button.current { border-color: #0070c9; cursor: default; }
.page-design .unibody .image-nav li button.left { margin-right: 10px; }

.page-features .row { margin: 0 auto; padding: 65px 0; clear: both; }
.page-features .row.last-child { border-bottom: none; padding-bottom: 0; }
.page-features .divider { border-top: 1px solid #d6d6d6; }
.page-features .padded { padding: 0 78px; }
.page-features .hero { padding-top: 42px; }
.page-features .icon { display: block; position: relative; margin: 0 auto 25px; }
.page-features .across { display: block; position: relative; margin: 0 auto; }
.page-features .headline { margin-top: -5px; margin-bottom: 7px; }
.page-features .scroll-tiles ul { width: 769px; margin: 0 auto 63px; }
.page-features .scroll-tiles ul li { margin: 0 11px 14px 0; width: 180px; height: 150px; float: left; position: relative; z-index: 1; text-align: center; font-weight: normal; background: #fff; border-radius: 4px; }
.page-features .scroll-tiles ul li.last { margin-right: 0; }
.page-features .scroll-tiles ul li a { display: block; width: 180px; height: 132px; padding-top: 18px; border: 1px solid #e0e0e0; text-decoration: none; color: #000; font-size: 1em; line-height: 1.25em; cursor: pointer; background: #fff; border-radius: 4px; box-shadow: none; -webkit-transition: color 0.3s, border-color 0.3s; transition: color 0.3s, border-color 0.3s; }
.page-features .scroll-tiles ul li a:nth-child(1n) { border: 1px solid #e0e0e0; }
.page-features .scroll-tiles ul ul li:hover { background: #0088cc; }
.page-features .scroll-tiles ul li a:hover { margin: -1px; color: #999; border: 2px solid #0070c9; background: #fff; }
.page-features .scroll-tiles ul li a img { display: block; margin: 0 auto 5px; }
.page-features .scroll-tiles ul li.twoline a img { margin-bottom: -1px; }
.page-features .scroll-tiles ul:after { content: '.'; display: block; height: 0; clear: both; visibility: hidden; }
.page-features .main .hero h1 { margin-bottom: 20px; }
.page-features .main .hero p.intro { width: 834px; margin-bottom: 29px; }
.page-features .main .hero .scroll-tiles { margin-bottom: 34px; }
.page-features .main .hero .scroll-tiles ul { *margin-bottom: 50px; }
.page-features .battery .across { margin: 29px auto -27px; }
.page-features .processor, .page-features .wireless { padding-bottom: 41px; }
.page-features .processor .headline { margin: -7px 0 14px; }
.page-features .processor .across { margin: 37px 0 18px; }
.page-features .processor .across img { display: block; margin: 0 -76px 13px; }
.page-features .processor .across .left-figcap { text-align: left; font-size: 0.714em; color: #999; }
.page-features .processor .across .left-figcap a { display: inline-block; }
.page-features .processor .across .left-figcap em { color: #666; font-style: normal; }
.page-features .wireless .headline { margin: -9px auto 35px; }
.page-features .wireless .first { width: 451px; padding-left: 39px; }
.page-features .wireless .last { width: 452px; padding-top: 2px; }
.page-features .wireless .last .bar-chart { position: relative; padding-top: 6px; }
.page-features .wireless .last .bar-chart .bars { width: 412px; }
.page-features .wireless .last .bar-chart .bars li { position: relative; margin-bottom: 31px; height: 35px; }
.page-features .wireless .last .bar-chart .bars .bar { position: relative; display: block; width: 100%; height: 100%; background: #d6d6d6; }
.page-features .wireless .last .bar-chart .bars .bar .text-value { position: absolute; top: 7px; right: 10px; font-size: 0.875em; color: #fff; }
.page-features .wireless .last .bar-chart .bars .wifi { position: absolute; top: 38px; left: 0; font-size: 0.6875em; color: #666; }
.page-features .wireless .last .bar-chart .bars .bar-one .bar { background: #99cfeb; }
.page-features .wireless .last .bar-chart .bars .bar-three .bar .text-value { left: 31px; width: 100px; color: #aaa; }
.page-features .wireless .last #datarate-chart-gallery.can-animate .bars .bar { max-width: 0; }
.page-features .wireless .last .bar-chart .bars .bar-one .bar, .page-features .wireless .last #datarate-chart-gallery.animate .bars .bar-one .bar { max-width: 412px; }
.page-features .wireless .last .bar-chart .bars .bar-two .bar, .page-features .wireless .last #datarate-chart-gallery.animate .bars .bar-two .bar { max-width: 115px; }
.page-features .wireless .last .bar-chart .bars .bar-three .bar, .page-features .wireless .last #datarate-chart-gallery.animate .bars .bar-three .bar { max-width: 21px; }
.page-features .storage { background: #030303; }
.page-features .storage h1.headline { margin: -6px 0 6px; }
.page-features .storage p, .page-features .storage sup { position: relative; color: #fff; z-index: 5; }
.page-features .storage .across { margin: -135px auto 0; z-index: 1; }
.page-features .thunderbolt { border-bottom: none; }
.page-features .thunderbolt h1.headline { margin-top: -7px; }
.page-features .thunderbolt .column-width { width: 46%; }
.page-features .thunderbolt p { position: relative; z-index: 5; padding: 23px 0 0 39px; }
.page-features .thunderbolt img.right { position: relative; z-index: 2; margin: 29px -248px 66px -127px; }
.page-features .thunderbolt .gallery-content { overflow: hidden; z-index: 1; }
.page-features .thunderbolt .ports-labels { position: relative; z-index: 2; width: 980px; height: 290px; }
.page-features .thunderbolt .environment-column-last { clear: both; }
.page-features .ports { padding: 0 0 22px; margin-top: 15px; width: 980px; *height: 410px; }
.page-features .ports .gallery-view { text-align: center; width: 980px; min-height: 290px; height: 290px !important; margin-bottom: 124px; }
.page-features .ports .gallery-view figure { position: absolute; left: 0; top: 0; width: 980px; height: 290px; z-index: 1; }
.page-features .ports .gallery-view figure img { display: block; }
.page-features .ports .gallery-view figure .port-labels-top, .page-features .ports .gallery-view figure .port-labels-bottom { width: 100%; height: 290px; position: absolute; top: 0px; left: 0px; }
.page-features .ports .gallery-view figure .port-labels-top li, .page-features .ports .gallery-view figure .port-labels-bottom li { position: absolute; font-size: 12px; }
.page-features .ports .gallery-view figure .port-labels-top li { top: 123px; }
.page-features .ports .gallery-view figure .port-labels-bottom li { top: 273px; }
.page-features .ports .gallery-view figure.ports-gallery-left .port-labels-top .magsafe { left: 169px; }
.page-features .ports .gallery-view figure.ports-gallery-left .port-labels-top .usb { left: 257px; }
.page-features .ports .gallery-view figure.ports-gallery-left .port-labels-top .headphone { left: 307px; }
.page-features .ports .gallery-view figure.ports-gallery-left .port-labels-top .mics { left: 418px; }
.page-features .ports .gallery-view figure.ports-gallery-left .port-labels-bottom .magsafe { left: 108px; }
.page-features .ports .gallery-view figure.ports-gallery-left .port-labels-bottom .usb { left: 198px; }
.page-features .ports .gallery-view figure.ports-gallery-left .port-labels-bottom .headphone { left: 253px; }
.page-features .ports .gallery-view figure.ports-gallery-left .port-labels-bottom .mics { left: 363px; }
.page-features .ports .gallery-view figure.ports-gallery-right .port-labels-top .usb { left: 719px; }
.page-features .ports .gallery-view figure.ports-gallery-right .port-labels-top .thunderbolt { left: 774px; }
.page-features .ports .gallery-view figure.ports-gallery-right .port-labels-bottom .SDXC { left: 679px; }
.page-features .ports .gallery-view figure.ports-gallery-right .port-labels-bottom .usb { left: 795px; }
.page-features .ports .gallery-view figure.ports-gallery-right .port-labels-bottom .thunderbolt { left: 849px; }
.page-features .ports .gallery-nav { position: absolute; bottom: 0px; width: 100%; margin-bottom: 22px; }
.page-features .ports .gallery-nav .toggle-nav .ports-gallery-nav-right { margin-left: -6px; }
.page-features .ports #connectivity-gallery { position: relative; z-index: 1; }
.page-features .ports #connectivity-gallery figure { position: absolute; top: 0; left: 0; }
.page-features .ports .toggle-nav { margin: 46px auto 43px; }
.page-features .display { padding-bottom: 40px; }
.page-features .display h1.headline { margin-bottom: 36px; }
.page-features .display h3 { line-height: 1.2857em; }
.page-features .display h3, .page-features .display p { font-size: 0.875em; }
.page-features .display .icon { margin: -2px auto 17px; }
.page-features .display figure { margin-bottom: 50px; }
.page-features .display figure img { margin: 0 7px 32px 0; }
.page-features .display figure figcaption { margin-top: -8px; text-align: center; font-size: 0.75em; color: #6f6f6f; padding: 0 50px; }
.page-features .display .grid2col { width: 824px; }
.page-features .display .grid2col .column { width: 374px; }
.page-features .display .grid2col .column img { margin: 11px auto 17px; }
.page-features .multitouch { padding-bottom: 0; }
.page-features .multitouch .icon { margin: -2px auto 17px; }
.page-features .multitouch h1.headline { margin-bottom: 6px; }
.page-features .multitouch .hero-img { margin-top: 43px; }
.page-features .multitouch img { display: block; }
.page-features .multitouch .grid6col { display: block; position: relative; z-index: 2; margin: 47px auto 0; width: 894px; font-size: 0.75em; line-height: 1.5em; color: #666; }
.page-features .multitouch .grid6col .column { width: 135px; }
.page-features .multitouch .grid6col .column h4 { font-size: 1em; margin-bottom: 0; color: #555; }
.page-features .multitouch .grid6col .column p { margin-bottom: 32px; }
.page-features .multitouch .grid6col img { display: block; clear: both; margin: 0 -42px; }
.page-features .keyboard { background: #000; }
.page-features .keyboard .across { margin: 0 auto -35px; }
.page-features .keyboard .icon { margin-bottom: 24px; }
.page-features .keyboard h1.headline { color: #fff; }
.page-features .keyboard p { margin: 32px 0 43px; width: 554px; color: #fff; }
.page-features .keyboard .keyboard-speakers { margin-top: 30px; width: 244px; }
.page-features .keyboard .keyboard-speakers img { margin-bottom: 5px; }
.page-features .keyboard .keyboard-speakers figcaption { padding: 0 20px; font-size: 0.75em; line-height: 1.5em; color: #fff; text-align: center; }
.page-features .icloud .icon { margin-bottom: 24px; }
.page-features .icloud .across { margin: 68px -27px -1px; }
.page-features .experts { position: relative; padding-bottom: 0; min-height: 369px; }
.page-features .experts .right { position: absolute; bottom: 0; right: 5px; margin: 0; }
.page-features .experts .grid2col { width: 600px; padding-top: 20px; }
.page-features .experts .grid2col .column { width: 300px; }
.page-features .experts .grid2col .column h3 { font-size: 1em; }
.page-features .experts .grid2col .column p { font-size: 0.875em; line-height: 1.428em; }
.page-features ul.sosumi { padding: 0 27px; }
.page-features #buystrip { padding-top: 0; }

.page-performance .row { padding-top: 42px; }
.page-performance .hero { padding-bottom: 50px; }
.page-performance .hero h1 { margin-bottom: 18px; }
.page-performance .hero .header-margin { margin-bottom: 30px; }
.page-performance .hero p.intro { width: 820px; margin-bottom: 30px; }
.page-performance .hero .hero-image { margin: 0 -250px 0 -142px; *position: realtive; *z-index: 1; }
.page-performance .processor { padding-top: 62px; padding-bottom: 42px; }
.page-performance .processor .icon { margin-bottom: 18px; }
.page-performance .processor h1 { margin-bottom: 36px; }
.page-performance .processor .hero { margin: 0 -58px 0; *position: relative; *z-index: 1; }
.page-performance .processor p { padding: 0 80px; }
.page-performance .speed { padding-top: 58px; padding-bottom: 36px; }
.page-performance .speed h1 { margin-bottom: 6px; }
.page-performance .speed .column.first p { width: 318px; }
.page-performance .speed .column.first img.right { margin: 2px 20px 0 0; }
.page-performance .speed .column.last { width: 451px; margin-bottom: -32px; padding-left: 48px; *position: relative; *z-index: 1; }
.page-performance .speed #flash-chart-gallery { position: relative; z-index: 1; float: right; width: 249px; height: 335px; margin: 0 -75px 0 -34px; }
.page-performance .speed #flash-chart-gallery .bars .bar-one .bar, .page-performance .speed #flash-chart-gallery.animate .bars .bar-one .bar { max-height: 30px; }
.page-performance .speed #flash-chart-gallery .bars .bar-two .bar, .page-performance .speed #flash-chart-gallery.animate .bars .bar-two .bar { max-height: 284px; }
.page-performance .speed #flash-chart-gallery .bars .bar-one .bar, .page-performance .speed #flash-chart-gallery.animate .bars .bar-one .bar-height { max-height: 20px; }
.page-performance .speed #flash-chart-gallery .bars .bar-two .bar, .page-performance .speed #flash-chart-gallery.animate .bars .bar-two .bar-height { max-height: 340px; }
.page-performance .speed #flash-chart-gallery .bars .bar-li { position: absolute; bottom: 45px; }
.page-performance .speed #flash-chart-gallery .bars .bar-li .bar { height: 390px; }
.page-performance .speed #flash-chart-gallery .bars .bar-li .bar .text-value-right { right: 5px; }
.page-performance .speed #flash-chart-gallery .bars .bar-one { left: 81px; }
.page-performance .speed #flash-chart-gallery .bars .bar-two { right: 82px; }
.page-performance .speed #flash-chart-gallery .caption { max-width: 70px; font-size: 11px; font-weight: bold; color: #333; }
.page-performance .speed #flash-chart-gallery .caption.one { left: 81px; text-align: left; color: #666; }
.page-performance .speed #flash-chart-gallery .caption.two { width: 100px; right: 48px; text-align: left; }
.page-performance .speed #flash-chart-gallery.can-animate .bars .bar { max-height: 0; }
.page-performance .speed #flash-chart-gallery.can-animate .bar-two .bar { background-color: #59b1f6; }
.page-performance .flash-chart-gallery-left { bottom: 0; }
.page-performance .thunderbolt { padding-top: 50px; }
.page-performance .thunderbolt .icon { margin-bottom: 18px; }
.page-performance .thunderbolt h1 { margin-bottom: 38px; }
.page-performance .thunderbolt .lockup { margin-bottom: 34px; }
.page-performance .thunderbolt p { padding: 0 80px 42px; }

.page-osx .row { padding: 70px 0 45px; }
.page-osx #content { line-height: 1.75; word-spacing: -1px; }

.page-osx#what-is #accessibility { padding-bottom: 65px; }

.page-builtinapps #main .row { width: 880px; }

.page-specs .main { padding-top: 68px; }
.page-specs .main table { color: #000; }
.page-specs .main h3 { font-size: 0.775em; }
.page-specs th { width: 220px; padding: 15px 0; vertical-align: top; }
.page-specs th h2 { position: relative; }
.page-specs th h2 img { margin-left: 8px; }
.page-specs th h2 sup { position: absolute; z-index: 2; bottom: 14px; }
.page-specs th, .page-specs td { border-bottom: 1px solid #ccc; }
.page-specs td { padding: 17px 0 40px 0; font-size: 1.167em; vertical-align: top; }
.page-specs td p { color: #000; font-size: 0.7632em; }
.page-specs td.second p { margin-right: 15px; }
.page-specs td.fourth p { margin-left: 20px; }
.page-specs td.column-divider { padding-left: 42px; border: none; }
.page-specs td .configure { margin-bottom: 0; color: #666; }
.page-specs td ul li { margin-bottom: 8px; font-size: 0.775em; }
.page-specs td ul li em { margin-right: 6px; color: #666; font-style: normal; }
.page-specs td ul.circle { margin-bottom: 0; margin-left: 0; padding-left: 18px; }
.page-specs td ul.circle li { list-style-type: disc; margin-bottom: 2px; }
.page-specs tr.headline { text-align: center; }
.page-specs tr.headline td { vertical-align: bottom; padding-bottom: 40px; }
.page-specs tr.headline span.title { display: block; margin-bottom: 0; color: #000; font-size: 1.415em; margin-top: 37px; }
.page-specs tr.price td { padding-bottom: 76px; text-align: center; }
.page-specs tr.price span.price { font-size: 1.0527em; }
.page-specs tr.storage sup { left: 80px; }
.page-specs tr.storage .second, .page-specs tr.storage .third, .page-specs tr.storage .fourth { width: 183px; }
.page-specs tr.storage .rounded { width: 83px; margin: 0 15px 25px; padding: 9px 0; border: 2px solid #898989; text-align: center; border-radius: 8px; }
.page-specs tr.storage p { margin-left: 15px; }
.page-specs tr.battery sup { left: 180px; }
.page-specs tr.battery ul { width: 190px; margin-left: 20px; }
.page-specs tr.battery .second ul { margin-left: 0; }
.page-specs tr.battery ul li { margin-bottom: 16px; }
.page-specs tr.battery img.right { margin-left: -10px; *position: relative; *z-index: 1; }
.page-specs tr.size .fourth { padding-left: 20px; }
.page-specs tr.size td img { margin-bottom: 18px; }
.page-specs tr.graphics ul { width: 472px; margin-bottom: 36px; }
.page-specs tr.graphics ul li { margin-bottom: 0; }
.page-specs tr.graphics ul.circle li { margin-bottom: 2px; }
.page-specs tr.camera img.right { margin: 5px 60px 0 0; }
.page-specs tr.connections td { padding: 0; }
.page-specs tr.connections td img { margin-bottom: 25px; }
.page-specs tr.connections td .positioned { float: left; padding-top: 35px; padding-bottom: 40px; position: relative; z-index: 1; }
.page-specs tr.connections td.second .positioned { width: 365px; border-right: 1px solid #ccc; }
.page-specs tr.connections td.fourth .positioned { width: 357px; }
.page-specs tr.connections ul.circle { margin-left: 25px; }
.page-specs tr.connections .pin-captions { position: absolute; z-index: 1; top: 0; left: 0; width: 357px; height: 192px; }
.page-specs tr.connections .pin-captions li { position: absolute; z-index: 1; color: #666; font-size: 11px; }
.page-specs tr.connections .pin-captions li.top { top: 95px; }
.page-specs tr.connections .pin-captions li.bottom { top: 213px; }
.page-specs tr.connections .pin-captions.left .top.usb { left: 234px; }
.page-specs tr.connections .pin-captions.left .top.thunderbolt { left: 275px; }
.page-specs tr.connections .pin-captions.left .bottom.magsafe { left: 60px; }
.page-specs tr.connections .pin-captions.left .bottom.usb { left: 124px; }
.page-specs tr.connections .pin-captions.left .bottom.headphone { left: 167px; }
.page-specs tr.connections .pin-captions.left .bottom.mics { left: 245px; }
.page-specs tr.connections .pin-captions.right .top.sd { left: 153px; }
.page-specs tr.connections .pin-captions.right .top.usb { left: 218px; }
.page-specs tr.connections .pin-captions.right .top.thunderbolt { left: 258px; }
.page-specs tr.connections .pin-captions.right .bottom.magsafe { left: 39px; }
.page-specs tr.connections .pin-captions.right .bottom.usb { left: 101px; }
.page-specs tr.connections .pin-captions.right .bottom.headphone { left: 145px; }
.page-specs tr.connections .pin-captions.right .bottom.mics { left: 219px; }
.page-specs tr.wireless img.right { margin-right: 62px; }
.page-specs tr.audio img.right { margin-top: 15px; }
.page-specs tr.operating-requirements td { padding-bottom: 90px; }
.page-specs tr.operatingsystem img.left { margin-top: 10px; margin-bottom: 38px; }
.page-specs tr.operatingsystem p { width: 590px; padding-top: 17px; }
.page-specs tr.operatingsystem p.nopad { padding-top: 0; }
.page-specs tr.operatingsystem img.right { margin-right: 28px; margin-top: 7px; }
.page-specs tr.operatingsystem h3 { margin-bottom: 12px; }
.page-specs tr.operatingsystem ul { padding-left: 18px; width: 215px; }
.page-specs .includedsoftware sup { left: 128px; }
.page-specs .includedsoftware li { width: 114px; font-size: 0.957em; }
.page-specs .includedsoftware li figcaption { font-size: 0.775em; }
.page-specs .includedsoftware .icons { position: relative; left: -25px; }
.page-specs .includedsoftware .bia-learn-more { margin-top: 44px; margin-left: 25px; }
.page-specs tr.warranty p { width: 496px; }
.page-specs tr.warranty img.right { margin: 10px 50px 0 0; }
.page-specs tr.inthebox img.right { margin-right: 65px; }
.page-specs tr.options th, .page-specs tr.options td { border-bottom: none; }
.page-specs tr.options ul li { margin-bottom: 2px; }
.page-specs aside.environment { position: relative; width: 900px; margin: 0 auto 86px; padding: 38px 40px; background-color: #f8f8f8; min-height: 344px; *height: 344px; font-size: 0.875em; }
.page-specs aside.environment:after { content: ''; position: absolute; bottom: -6px; left: 0; width: 980px; height: 6px; background: url(http://images.apple.com/v/macbook-air/c/images/techspecs_environment_shadow.jpg); visibility: visible; }
.page-specs aside.environment img.right { margin: -12px -10px 0 0; *position: relative; *z-index: 1; }
.page-specs aside.environment h1 { margin-bottom: 0; }
.page-specs aside.environment p.intro { width: 525px; margin-bottom: 28px; font-size: 1em; }
.page-specs aside.environment .column h2 { margin-bottom: 12px; color: #666; font-size: 1em; }
.page-specs aside.environment .column p, .page-specs aside.environment .column ul li, .page-specs aside.environment .column sup { color: #999; }
.page-specs aside.environment .column li { margin-bottom: 8px; }
.page-specs aside.environment .environment-column-last { clear: both; }
.page-specs aside.accessories { padding: 22px 0 75px; }
.page-specs aside.accessories h1 { margin-bottom: 16px; }
.page-specs aside.accessories .grid4col { padding-left: 34px; }
.page-specs aside.accessories h2 { font-weight: normal; }
.page-specs aside.accessories li { margin-bottom: 6px; font-size: 0.875em; }

.page-stickers .hero { width: 980px; margin: 0 auto 60px; padding-bottom: 65px; border-bottom: 1px solid #d6d6d6; }
.page-stickers .hero h1 { margin-bottom: 30px; }
.page-stickers .hero h1 img { margin: 54px auto 0; }
.page-stickers .hero .hero-image { margin: 0 -8px 35px; }
.page-stickers .hero .cta { overflow: hidden; position: relative; margin: 0 auto; width: 290px; height: 32px; }
.page-stickers .hero .cta:hover img { margin-top: -43px; }
.page-stickers .hero .gallery-content-movie { height: 100%; }
.page-stickers .sticker-gallery { width: 100%; }
.page-stickers .sticker-gallery h1 img { margin: 0 auto 70px; }
.page-stickers .sticker-gallery ul { position: relative; z-index: 1; overflow: hidden; margin: 0 auto 50px; min-width: 980px; width: 100%; max-width: 1100px; }
.page-stickers .sticker-gallery ul li { position: relative; z-index: 1; float: left; overflow: hidden; margin: 0; width: 25%; }
.page-stickers .sticker-gallery ul li img { display: block; margin: 0 auto 12px; }
@media only screen and (max-device-width: 768px) { .page-stickers .sticker-gallery { margin: 0 auto; width: 980px; } }
.page-stickers .social { width: 980px; margin: 0 auto 100px; }
.page-stickers .social .divider { width: 150px; margin: 71px auto 52px; border-bottom: 1px solid #e0e0e0; }
.page-stickers .social .grid3col { width: 256px; margin: 0 auto; }
.page-stickers .social .grid3col .column { width: 85px; margin-left: 0; }
.page-stickers .social .grid3col img { display: block; margin: 0 auto; }

#buystrip { position: relative; z-index: 1; width: 980px; height: auto; margin: 0 auto; padding: 0; }
#buystrip h1 { margin-bottom: 0; }
#buystrip h2 { margin-bottom: 8px; }
#buystrip .grid4col { padding: 24px 0 20px; border-bottom: 1px solid #e2e2e2; border-top: 1px solid #e2e2e2; }
#buystrip .grid4col .column { width: 225px; margin-left: 0; padding-bottom: 23px; color: #666; text-align: center; }
#buystrip .grid4col .column p { margin-bottom: 14px; padding: 0 10px; line-height: 1.45em; color: #666; }
#buystrip .grid4col .column span { font-size: 1.32em; line-height: 1.45em; }
@media only screen and (max-device-width: 768px) { #buystrip .grid4col .column p { padding: 0 18px; } }
#buystrip .grid4col .column.border { padding-left: 9px; }
#buystrip .grid4col .column.first { width: 260px; padding-top: 10px; padding-right: 10px; }
#buystrip .grid4col .column.first p { margin-bottom: 18px; line-height: 1em; color: #999; *margin-top: 10px; }
#buystrip .grid4col .column.first img.product { margin-bottom: 13px; }
#buystrip .grid4col .column.second { padding-right: 10px; }
#buystrip .grid4col .column.last { width: 210px; }
#buystrip .grid4col .column.last span { color: #333; }
#buystrip .strip { width: 100%; padding: 16px 0 0 10px; font-size: 0.917em; }
#buystrip .strip li, #buystrip .strip li a { display: -moz-inline-stack; display: inline-block; *display: inline; zoom: 1; }
#buystrip .strip li { margin: 0 28px 0 0; }
#buystrip .strip li.last-child { margin-right: 0; }
#buystrip .strip img.left { margin: -3px 7px 0 0; }

.sosumi { width: 940px; margin: 18px auto; padding: 0 20px; }
.sosumi a { color: #333; }
.sosumi ol { margin: 0; padding-right: 21px; padding-left: 21px; }
.sosumi ul { margin: 0; }
.sosumi li { padding-bottom: 5px; }
.sosumi p { margin: 0; padding-bottom: 5px; }
.sosumi small { font-size: 1em; }

ol.sosumi { width: 898px; margin: 18px auto; }

a.more, em.more, span.more { display: inline-block; padding-right: .7em; line-height: 1.71; line-height: 1\9; *line-height: 1.5; background-image: url(http://images.apple.com/v/macbook-air/c/images/more_14.png); background-size: 5px 10px; background-position: 100% 60%; }
@media only screen { a.more, em.more, span.more { background-image: url(/v/macbook-air/c/images/more.svg) !important; } }

#overview a.more, #overview em.more, #overview span.more, .page-builtinapps a.more, .page-builtinapps em.more, .page-builtinapps span.more, #icloud a.more, #icloud em.more, #icloud span.more, #buystrip .column a.more, #buystrip .column em.more, #buystrip .column span.more { background-image: url(http://images.apple.com/v/macbook-air/c/images/more_16.png); background-position: 100% 55%; *background-position: 100% 70%; background-size: 6px 11px; }

#buystrip .strip a.more, #buystrip .strip em.more, #buystrip .strip span.more { background-image: url(http://images.apple.com/v/macbook-air/c/images/more_10.png); *background-position: 100% 70%; background-size: 4px 8px; }

html.blackout { background: #fff; }

body.noscroll { position: static; overflow: hidden; border: none; box-shadow: none; -webkit-box-shadow: none; -moz-box-shadow: none; *padding: 0; *width: 100%; }
body.noscroll > * { display: none !important; }
body.noscroll .noscroll-show { display: block !important; }

.darkbox-content { display: none; position: absolute; top: 0; left: 0; width: 100%; }
.darkbox-content .close { display: block; z-index: 2000; position: absolute; top: 24px; left: 24px; width: 31px; height: 31px; cursor: pointer; background: url(http://images.apple.com/v/macbook-air/c/images/close.png) 0 0; background-size: 30px 30px; }
@media only screen { .darkbox-content .close { background-image: url(/v/macbook-air/c/images/close.svg); } }

.fluid-gallery-debug { z-index: 99999999; position: absolute; top: 0; right: 0; padding: 5px; font-size: 1.5em; border: 2px solid #666; }

.darkbox-content { width: 100%; height: 100%; background-color: #fff; }

.hideaway .gallery-view { -webkit-transition-duration: 0.01s !important; }

body.noscroll .noscroll-show .hideaway figure img { display: none !important; }
body.noscroll .noscroll-show .hideaway figure.active img { display: block !important; }

.fluid-slideshow { display: block; margin: 0 auto; width: 940px; overflow: hidden; -webkit-user-select: none; -webkit-transform: translateZ(0); position: relative; z-index: 1001; }
.fluid-slideshow .gallery-view { width: 3760px; -webkit-transform: translateZ(0); position: relative; z-index: 1001; }
.fluid-slideshow .gallery-content, .fluid-slideshow figure { width: 940px; float: left; display: inline; margin: 0 10px; position: relative; z-index: 1001; background-color: #fff; }
@media only screen and (max-device-width: 768px) { .fluid-slideshow figure { -webkit-transform: translateZ(0); } }

@media only screen and (max-device-width: 768px) { .fluid-slideshow figure { -webkit-transform: translateZ(0); } }
.fluid-slideshow .gallery-content { width: 940px; height: 627px; }

#fluid-gallery-vertical-center { position: absolute; top: 50%; width: 100%; overflow: hidden; }
#fluid-gallery-vertical-center .paddle-nav li { top: 50%; margin-top: -280px; }
#fluid-gallery-vertical-center .paddle-nav li .arrow { *padding: 190px 40px 0; }
#fluid-gallery-vertical-center .paddle-nav li .arrow b { width: 31px; height: 73px; margin-top: 0; padding: 190px 40px; background-position: 50% !important; }
#fluid-gallery-vertical-center .paddle-nav li .arrow.prev { left: 0; }
#fluid-gallery-vertical-center .paddle-nav li .arrow.next { right: 0; }
#fluid-gallery-vertical-center figcaption { position: absolute; bottom: 0; margin: 0 13%; padding: 10px 0 35px; width: 74%; text-align: center; font-size: 1.25em; color: #333; }
#fluid-gallery-vertical-center .simplenav { position: absolute; z-index: 1012; left: 0; bottom: 15px; }
#fluid-gallery-vertical-center .simplenav li a.active { border: 1px solid #6b6b6b; }

@media only screen and (max-device-width: 768px) { body.noscroll .noscroll-show .paddle-nav { display: none !important; } }
a:focus, input:focus, textarea:focus, select:focus, button:focus, [tabindex]:focus { outline: 3px solid #c1e0fe; outline: 3px solid rgba(131, 192, 253, 0.5); outline-offset: 1px; }

a:focus[data-focus-method="mouse"]:not(input):not(textarea):not(select), input:focus[data-focus-method="mouse"]:not(input):not(textarea):not(select), textarea:focus[data-focus-method="mouse"]:not(input):not(textarea):not(select), select:focus[data-focus-method="mouse"]:not(input):not(textarea):not(select), button:focus[data-focus-method="mouse"]:not(input):not(textarea):not(select), [tabindex]:focus[data-focus-method="mouse"]:not(input):not(textarea):not(select) { outline: none; }

.dotnav-item:focus[data-focus-method="mouse"]:not(input):not(textarea):not(select) { box-shadow: none; }

.paddlenav-arrow:focus[data-focus-method="mouse"]:not(input):not(textarea):not(select) { box-shadow: none; }
