/* General Page Styles
------------------------*/
body { position:relative; z-index:1; width:100%; min-height:100%; min-width:1024px; background:#fff; }
#main { width:100%; overflow-x:hidden; overflow-y:auto; }

.content {
	/* reset */
	border:0;
	-webkit-box-shadow:none;
	-moz-box-shadow:none;
	box-shadow:none;
	border-radius:4px;
	-webkit-border-radius:4px;
	-moz-border-radius:4px;
	-o-border-radius:4px;
	-khtml-border-radius:4px;
}

/* Globalnav Updates
-----------------------*/
@media only screen and (max-device-width: 767px) {
  .productbrowser#pb-mac, .loaded .productbrowser#pb-mac { opacity: 1; -webkit-transform: translate3d(0, 0, 0); -ms-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); -webkit-transition: -webkit-transform 0.3s 0.1s cubic-bezier(0.4, 0.01, 0.165, 0.99), opacity 0.3s 0.1s cubic-bezier(0.4, 0.01, 0.165, 0.99); transition: transform 0.3s 0.1s cubic-bezier(0.4, 0.01, 0.165, 0.99), opacity 0.3s 0.1s cubic-bezier(0.4, 0.01, 0.165, 0.99); }
  .gh-show-nav #main .productbrowser#pb-mac, .loaded.gh-show-nav #main #main .productbrowser#pb-mac { z-index: 50; opacity: 0 !important; -webkit-transform: translate3d(0, 34px, 0); -ms-transform: translate3d(0, 34px, 0); transform: translate3d(0, 34px, 0); -webkit-transition: -webkit-transform 0.3s 0.1s cubic-bezier(0.4, 0.01, 0.165, 0.99), opacity 0.4s 0s cubic-bezier(0.4, 0.01, 0.165, 0.99); transition: transform 0.3s 0.1s cubic-bezier(0.4, 0.01, 0.165, 0.99), opacity 0.4s 0s cubic-bezier(0.4, 0.01, 0.165, 0.99); }
}

.block { display:block; margin:0 auto; }
a.block { color:#333; }
.center { display:block; margin-right:auto; margin-left:auto; text-align:center; }

/* links */
a.more,
em.more,
span.more { display:inline-block; padding-right:.7em; line-height:1.71; line-height:1.71\9; background-image:url(more_14.png); background-position:100% 59%; background-size:5px 9px; }

a.more.font-10,
em.more.font-10,
span.more.font-10 { background-image:url(more_10.png); background-size:4px 7px; background-position:100% 50%; }

a.more.font-16,
em.more.font-16,
span.more.font-16 { background-image:url(more_16.png); background-size:6px 11px; }

@media only screen {
	a.more,
	em.more,
	span.more,
	a.more.font-10,
	em.more.font-10,
	span.more.font-10,
	a.more.font-16,
	em.more.font-16,
	span.more.font-16 { background-image:url(more.svg); }
}

/* Product Browser
------------------------*/
.productbrowser .pb-slider { height:170px; }
.productbrowser li.pb-macbookair { margin-left:5px; }
.productbrowser li.pb-macbookpro { margin-left:35px; margin-right:12px; }
.productbrowser li.pb-imac       { margin-left:18px; margin-right:18px; }
.productbrowser li.pb-macosx     { margin-left:-20px; }

.productbrowser li.pb-magicmouse     { margin-left:-12px; }
.productbrowser li.pb-magictrackpad  { margin-left:-32px; margin-right:4px; }
.productbrowser li.pb-airportexpress { margin-left:-4px; }
.productbrowser li.pb-airportextreme { margin-left:-13px; }
.productbrowser li.pb-timecapsule    { margin-left:-6px; }

.productbrowser li.pb-ilife { margin-right:16px; }
.productbrowser li.pb-iwork { margin-right:10px; }
.productbrowser li.pb-safari { margin-right:-1px; }
.productbrowser li.pb-finalcut { margin-left:4px; margin-right:3px; }

.productbrowser li.pb-displays,
.productbrowser li.pb-displays a { width:150px; }

.productbrowser li.pb-macosxserver { margin-left:6px; margin-right:12px; }
.productbrowser li.pb-macproserver { margin-right:16px; }
.productbrowser li.pb-ard          { margin-right:19px; }

/* Product browser overrides
----------------------------*/
.productbrowser { margin-bottom:24px; }
.productbrowser .pb-slide { position:relative; }
#pb-mac.productbrowser .pb-pageindicator { border-bottom:none; border-top:1px solid #d7d7d7; background:#fff; }
.productbrowser .pb-pageindicator b.caret { width:24px; height:1px; margin-top:-1px; margin-left:-13px; background:none;
	-webkit-transition-timing-function:ease-in-out;
	   -moz-transition-timing-function:ease-in-out;
	        transition-timing-function:ease-in-out;
}
.productbrowser .pb-pageindicator b.caret .caret-transform { display:block; width:100%; height:1px; border-top:1px solid #666;
	-webkit-transform-origin:50% 50%;
	   -moz-transform-origin:50% 50%;
	        transform-origin:50% 50%;
	-webkit-transition:-webkit-transform 0.4s ease-in-out;
	   -moz-transition:-moz-transform    0.4s ease-in-out;
	        transition:transform         0.4s ease-in-out;
}
.productbrowser .pb-pageindicator a.page { padding-top:13px; }


/* Showcase
------------------------*/
#showcase { margin-top:15px; box-shadow:none; *width:100%; }
#showcase .hero { text-align:center; }

/* hero section specific */
#showcase .hero-osxpreview { position:relative; }
#showcase .hero-osxpreview .block { width:100%; height:720px;}
#showcase .hero-osxpreview h1 { margin-bottom:0; padding-top:50px; margin-left:auto; margin-right:auto; }
#showcase .hero-osxpreview h1 img { display:block; margin:0 auto; }
#showcase .hero-osxpreview .background { position:absolute; bottom:70px; left:50%; margin-left:-910px; }

#showcase .hero-stickers { position:relative; }
#showcase .hero-stickers a.block { width:100%; height:700px; }
#showcase .hero-stickers h1 { margin-bottom:22px; padding-top:57px; margin-left:auto; margin-right:auto; }
#showcase .hero-stickers h1 img { display:block; margin:0 auto; }
#showcase .hero-stickers .cta { display:block; position:relative; z-index:10; overflow:hidden; height:33px; }
#showcase .hero-stickers a:hover .cta img,
#showcase .hero-stickers a:active .cta img { margin-top:-33px; }

#showcase .hero-stickers .interactive-sticker { display:block; position:relative; width:543px; height:356px; margin:40px auto; background-size:543px 356px; background-position:0 0; background-repeat:no-repeat; }
#showcase .hero-stickers .sticker { display:none; position:absolute; top:0; left:0; width:100%; height:100%; background-size:100% 100%; background-repeat:no-repeat; background-position:0 0; }
#showcase .hero-stickers .sticker#default { background-image:url(http://images.apple.com/mac/home/images/tab_hero_stickers_09.png); }
#showcase .hero-stickers .show { display:block; }


/* buy strip
------------------------*/
#buystrip { margin:0 auto; width:1014px; padding:25px 0 0; font-size:14px; line-height:1.4em; word-spacing:-1px; zoom:1; background-image:none; }
#buystrip.border-top { border-top:1px solid #e2e2e2; }

#buystrip .grid4col { margin:0 auto; width:1014px; }
#buystrip .grid4col .column { position:relative; margin:0; padding-bottom:25px; width:245px; min-height:208px; _height:208px; text-align:center; }
#buystrip .grid4col .column h2 { margin-bottom:18px; }
#buystrip .grid4col .column h2 img { display:block; margin:0 auto; }
#buystrip .grid4col .column p { display:block; margin:0 auto; width:186px; font-size:0.8571em; line-height:1.4166em; color:#666; }
#buystrip .grid4col .column.third p { width:175px; }
#buystrip .grid4col .column a:hover { text-decoration:none; }
#buystrip .grid4col .column a:hover p { cursor:pointer; }
#buystrip .grid4col .column a:hover .more,
#buystrip .grid4col .column a:hover .bottom-align { text-decoration:underline; }
#buystrip .grid4col .column.first { margin-right:20px; }
#buystrip .grid4col .column.first li { display:block; margin:-4px 0 0; }
#buystrip .grid4col .column.first p { margin-bottom:9px; font-size:0.9em; }
#buystrip .grid4col .column .bottom-align { position:absolute; width:100%; bottom:4px; left:0; text-align:center; font-size:1.1429em; line-height:1.71 }

#buystrip .app-link { width:980px; margin:4px auto 0; padding:18px 0 20px; font-size:0.7857em; text-align:center; }
#buystrip .app-link img { *position:relative; *z-index:1; margin:0 6px -7px 0; }
#buystrip .app-link a.inline-block { display:inline-block; padding:0 20px; color:#333; cursor:pointer; }

/* page specific */
#buystrip .grid4col .column .compare h2 { margin-top:0; margin-bottom:17px; }
#compare #buystrip .grid4col .column .compare h2 { margin-top:16px; }

/* sosumi */
.sosumi { width:940px; margin:18px auto; padding:0 20px; }
#globalfooter .sosumi a { color:#333; }