/* Built-in Apps Browse Nav
---------------------------------*/
.features-nav { clear:both; position:relative; z-index:1; margin:0 -70px; padding:5px 7px 10px; overflow:hidden;

	background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#f5f5f5), to(#fff));
	background-image: -moz-linear-gradient(center top, #f5f5f5 0%, #fff 100%);
	background-image: -o-linear-gradient(#f5f5f5, #fff);
	border-top:1px solid #d9d9d9;
}
.features-nav:after,
.features-nav ul:after { content:'.'; display:block; height:0; clear:both; visibility:hidden; }
.features-nav ul li { float:left; margin:0 40px 20px 0; }
.features-nav ul li.bottom-end-row { margin-right:0; }
.features-nav ul li a { display:block; font-size:14px; line-height:1.2em; cursor:pointer; }
.features-nav ul li a img { float:left; margin-right:10px; }

.features-nav ul li a > div { height:50px; display:block; display:table-cell; vertical-align:middle; }
.features-nav ul li a > div div { display:block; top:-50%; }

.features-nav ul li a { width:193px; padding:10px 10px 9px; color:#000; text-shadow:#fff 0 1px 2px; border:1px solid #dedede;
	-webkit-border-radius:5px; -moz-border-radius:5px; border-radius:5px;
	background:#f9f9f9;
	background:-webkit-gradient(linear, 0 0, 0 100%, from(rgb(249,249,249)), to(rgb(224,224,224)));
	background:-moz-linear-gradient(100% 100% 90deg, rgb(249,249,249), rgb(224,224,224));
}

.features-nav ul li a:hover { text-decoration:none;
	background-color:#d1d1d1;
	background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#ccc), to(#d9d9d9));
	background-image: -moz-linear-gradient(center top, #ccc 0%, #d9d9d9 100%);
	background-image: -o-linear-gradient(#ccc, #d9d9d9);
	-webkit-box-shadow:inset #777 0 1px 6px;
	-moz-box-shadow:inset #777 0 1px 6px;
	box-shadow:inset #777 0 1px 6px;
}


/* IE adjustments */
body.app,
body#from-the-app-store { *padding-top:18px; }

.features-nav ul li a { *height:50px; *position:relative; *z-index:1; }
.features-nav ul li a > div { *height:auto; *position:absolute; *z-index:1; *top:50%; }
.features-nav ul li a > div div { *position:relative; *z-index:1; }
.features-nav ul li a:hover { *border-color:#c1c1c1; }

#from-the-app-store.apps-by-apple #bn-apps-by-apple a,
.app #bn-apps-by-apple a,
#from-the-app-store.business #bn-business a,
#from-the-app-store.education #bn-education a,
#from-the-app-store.entertainment #bn-entertainment a,
#from-the-app-store.games #bn-games a,
#from-the-app-store.lifestyle #bn-lifestyle a,
#from-the-app-store.music #bn-music a,
#from-the-app-store.news #bn-news a,
#from-the-app-store.newsstand #bn-newsstand a,
#from-the-app-store.productivity #bn-productivity a,
#from-the-app-store.social #bn-social a,
#from-the-app-store.sports #bn-sports a,
#from-the-app-store.travel #bn-travel a { *border-color:#555; }

@media only screen and (max-device-width:768px) {
	.features-nav ul li a:hover { background:none !important; -webkit-box-shadow:none !important; border:none !important; }
}


/* Galleries
------------------------*/
.gallery { position:relative; z-index:1; }
.gallery:after,
.gallery-view:after { content:'.'; display:block; height:0; clear:both; visibility:hidden; }

.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; }

.autogallery { width:980px; overflow:hidden; -webkit-user-select:none; -webkit-transform:translateZ(0); }
.autogallery .gallery-view { -webkit-transform:translateZ(0); }
.autogallery .gallery-content,
.autogallery figure { float:left; display:inline; margin:0; -webkit-transform:translateZ(0); }

.hero .gallery { margin:0px 0px 0; width:1120px; position:relative; z-index:1; }
.hero .gallery .gallery-view { width:10800px; }
.hero .gallery .gallery-view .gallery-content { width:1120px; margin-right:100px; position:relative; z-index:1; }
.hero .gallery .gallery-view .gallery-content img { margin-left:-63px; position:relative; z-index:1; }

.hero .gallery .gallery-view .gallery-content a.more { position:absolute; z-index:1; }
.hero .gallery .gallery-view .hero-gallery-1 a.garageband { top:320px; left:110px; }
.hero .gallery .gallery-view .hero-gallery-1 a.iphoto { top:340px; left:534px; }
.hero .gallery .gallery-view .hero-gallery-1 a.imovie { top:320px; right:110px; }
.hero .gallery .gallery-view .hero-gallery-2 a.numbers { top:320px; left:110px; }
.hero .gallery .gallery-view .hero-gallery-2 a.keynoteapp { top:340px; left:534px; }
.hero .gallery .gallery-view .hero-gallery-2 a.pages { top:320px; right:110px; }
.hero .gallery .gallery-view .hero-gallery-3 a.news { top:320px; left:110px; }
.hero .gallery .gallery-view .hero-gallery-3 a.games { top:340px; left:490px; }
.hero .gallery .gallery-view .hero-gallery-3 a.starwalk { top:330px; right:110px; }
.hero .gallery .gallery-view .hero-gallery-4 a.lifestyle { top:320px; left:110px; }
.hero .gallery .gallery-view .hero-gallery-4 a.social { top:340px; left:500px; }
.hero .gallery .gallery-view .hero-gallery-4 a.games { top:320px; right:110px; }
.hero .gallery .gallery-view .hero-gallery-5 a.lifestyle { top:320px; left:110px; }
.hero .gallery .gallery-view .hero-gallery-5 a.social { top:340px; left:500px; }
.hero .gallery .gallery-view .hero-gallery-5 a.games { top:320px; right:110px; }





.hero .gallery .simple-nav { z-index:2000; bottom:15px; }
.hero .gallery .paddle-nav li .arrow { width:60px; }


/* Overview 
---------------------------------*/
.overview #main #content { padding-bottom:20px; }

.overview #main header { padding-top:60px; text-align:center; position:relative; z-index:2; }
.overview #main header hgroup { padding-bottom:18px; }
.overview #main header hgroup h1 { margin-bottom:10px; }
.overview #main header hgroup h2.intro { width:830px; margin:0 auto; }

.overview .categories { position:relative; z-index:1; padding-bottom:20px; padding-top:35px;  }
.overview .categories ul li { position:relative; z-index:1; width:229px; margin:0 21px 20px 0; *width:227px; border:none; *border:1px solid #d9d9d9; }
.overview .categories ul li:after { 
	content:""; display:block; position:absolute; left:0; bottom:-14px; z-index:0; width:204px; height:40px; 
	background:url(resim/tile_shadow_20111005.png) no-repeat bottom center;
	background: -webkit-gradient(linear, left top, left bottom, color-stop(10%,rgba(255,255,255,0)), color-stop(100%,rgba(255,255,255,0)));
	background: -moz-linear-gradient(linear, left top, left bottom, color-stop(10%,rgba(255,255,255,0)), color-stop(100%,rgba(255,255,255,0)));
	-webkit-transform:translateY(-14px);
	-moz-transform:translateY(-14px);
	-webkit-box-shadow: 10px 0 18px rgba(0, 0, 0,.7);
	-moz-box-shadow: 10px 0 18px rgba(0, 0, 0,.7);
	border-radius: 120px / 20px;
}
.overview .categories ul li.last { margin-right:0; _width:227px !important; _float:right !important; }

.overview #main .categories ul li a.callout { position:relative; z-index:2; padding:16px 26px 14px; height:280px; _height:283px; *height:283px; margin-bottom:0; text-align:center; font-size:14px; line-height:12px; border:3px solid #fff;
	box-shadow:0 1px 1.5px 0 rgba(0, 0, 0, 0.45); box-shadow:0px 0px 2px 0px rgba(0,0,0,0.45)\9; -moz-box-shadow:0 1px 1.5px 0 rgba(0, 0, 0, 0.55); -webkit-box-shadow:0 1px 3px 0 rgba(0, 0, 0, 0.45);
	-webkit-border-radius:10px; -moz-border-radius:10px; border-radius:10px;
	background:#fff;
	background:-moz-linear-gradient(top, rgb(255,255,255) 0%, rgb(255,255,255) 50%, rgb(240,240,240) 100%);
	background:-webkit-gradient(linear, left top, left bottom, color-stop(0%,rgb(255,255,255)), color-stop(50%,rgb(255,255,255)), color-stop(100%,rgb(240,240,240)));
	background:-webkit-linear-gradient(top, rgb(255,255,255) 0%,rgb(255,255,255) 50%,rgb(240,240,240) 100%);
	background:-o-linear-gradient(top, rgb(255,255,255) 0%,rgb(255,255,255) 50%,rgb(240,240,240) 100%);
	background:-ms-linear-gradient(top, rgb(255,255,255) 0%,rgb(255,255,255) 50%,rgb(240,240,240) 100%);
}
	
.overview .categories ul li img { margin-bottom:2px; }
.overview .categories ul li h2,
.overview .categories ul li p { text-align:left; }
.overview #main .categories ul li h2 { margin-bottom:5px; *margin-right:-5px; font-weight:normal; font-size:1.357em; }
.overview #main .categories ul li p { margin-bottom:0; color:#333; font-size:1em; line-height:1.667em; }

.overview .top-paid-apps { padding:57px 48px 60px 48px; margin-bottom:10px; background:url(http://images.apple.com/v/ipad/a/from-the-app-store/images/overview_divider_down.jpg) no-repeat top center; }
.overview .top-paid-apps h1,
.overview .top-paid-apps p.right { width:50%; line-height:28px; }
.overview .top-paid-apps h1 { color:#666; }
.overview .top-paid-apps p.last { padding:4px 0 11px; text-align:right; }

.overview .top-paid-apps .grid3col { clear:both; display:block; }
.overview .top-paid-apps .grid3col .column { width:253px; margin:0 14px 0 0; padding:12px 16px 0; border-top:1px solid #ececec;
	background:#f0f0f1;
	background:-webkit-gradient(linear, left top, left bottom, color-stop(0%,rgb(241,241,241)), color-stop(100%,rgb(255,255,255)));
	background:-webkit-linear-gradient(top, rgb(241,241,241) 0%,rgb(255,255,255) 100%);
	background:-moz-linear-gradient(top, rgb(241,241,241) 0%, rgb(255,255,255) 100%);
	background:-o-linear-gradient(top, rgb(241,241,241) 0%,rgb(255,255,255) 100%);
	background:-ms-linear-gradient(top, rgb(241,241,241) 0%,rgb(255,255,255) 100%);
}
.overview .top-paid-apps .grid3col .column.last { margin-right:0; _width:252px !important; _float:right !important; }

.overview #main .top-paid-apps h2 { margin-bottom:0; padding-bottom:8px; font-size:1.1em; color:#252525; text-shadow:0 1px 1px #fff; border-bottom:1px solid #ccc; }
.overview #main .top-paid-apps h1 { padding-bottom:20px; }
.overview .top-paid-apps ol { margin:0 0 38px; padding-top:20px; border-top:1px solid #fff; }
.overview .top-paid-apps ol li { margin:0 0 32px 16px; _margin-left:20px; color:#000; font-size:0.9em; position:relative; z-index:1; }
.overview .top-paid-apps ol li img { position:absolute; top:1px; }
.overview .top-paid-apps ol li h4,
.overview .top-paid-apps ol li p { margin:0 0 4px 65px; font-size:1em; line-height:1em; }
.overview .top-paid-apps ol li h4 { display:inline; }
.overview .top-paid-apps ol li p { color:#666; }


/* Apps By Apple 
---------------------------------*/
.apps-by-apple #main #content { padding-top:50px; }

.apps-by-apple #main header { margin-bottom:23px; text-align:center; }
.apps-by-apple #main header h1 { margin-bottom:15px; }
.apps-by-apple #main header .intro { padding:0 120px; }
.apps-by-apple #main .section-header  { *width:1120px; }
.apps-by-apple #main .section-header h1 { position:relative; z-index:1; float:left; margin:0 20px 0 116px; }
.apps-by-apple #main .section-header .hero { display:block; margin:0 auto; }
.apps-by-apple #main .section-header .intro { padding-top:5px; font-size:1.15em; }
.apps-by-apple #main .ilife .section-header .hero { margin-bottom:-8px; position:relative; z-index:1; }
.apps-by-apple #main .ilife .section-header .intro { padding-left:286px; padding-right:140px; }
.apps-by-apple #main .iwork .section-header .hero { margin-bottom:-17px; position:relative; z-index:1; }
.apps-by-apple #main .iwork .section-header .intro { padding-left:356px; padding-right:120px; position:relative; z-index:1; }

.apps-by-apple #main .row { padding:44px 0 0; border-top:1px solid #e4e4e4; }
.apps-by-apple #main .row h1 { margin-bottom:34px; }
.apps-by-apple #main .row .intro { width:335px; margin-bottom:50px; font-size:1.15em; }
.apps-by-apple #main .row.no-border { border:none; }

.apps-by-apple #main .row .column.first { width:361px; padding-left:50px; }
.apps-by-apple #main .row .hardware { width:548px; height:438px; padding:61px 0 0 85px; margin:48px -70px 0 0; background:url(http://images.apple.com/v/ipad/a/from-the-app-store/images/appsbyapple_hardware_landscape.jpg) no-repeat 0 0; position:relative; z-index:1; }
.apps-by-apple #main .row .hardware.portrait { width:430px; height:576px; padding:81px 0 0 69px; margin:-28px 18px 0 0; background:url(http://images.apple.com/v/ipad/a/from-the-app-store/images/appsbyapple_hardware_portrait.jpg) no-repeat 0 0; position:relative; z-index:1; }

.apps-by-apple #main .divider { padding-top:77px; margin:0 -70px 45px; border:none; background:url(http://images.apple.com/v/ipad/a/from-the-app-store/images/divider_down.jpg) no-repeat 0 0; position:relative; z-index:1; }
.apps-by-apple #main .grid2col.divider,
.apps-by-apple #main .grid3col.divider { padding:77px 70px 0; }

.apps-by-apple #main .itunes-u .column.first { margin-top:13px; }
.apps-by-apple #main .itunes-u .hardware { width:550px; padding-left:83px; margin-top:-5px; position:relative; z-index:1; }

.apps-by-apple #main .more-apps { margin-bottom:45px; }
.apps-by-apple #main .more-apps h1 { margin-bottom:18px; }
.apps-by-apple #main .more-apps p { padding-left:1px; }
.apps-by-apple #main .more-apps .hero { margin-bottom:-2px; position:relative; z-index:1; }
.apps-by-apple #main .more-apps .column { width:267px; margin-left:50px; }
.apps-by-apple #main .more-apps .landscape { width:346px; }
.apps-by-apple #main .more-apps .landscape p { width:320px; }
.apps-by-apple #main .more-apps .landscape .hero { margin:78px 0 -2px; position:relative; z-index:1; }


/* Category Pages 
---------------------------------*/
.badge { margin-left:5px; }

.details #main #content { padding-bottom:0; }
.details .sub-hero { position:relative; z-index:1; padding-top:50px; background-color:#fff; }
.details .sub-hero img.right { margin-left:-100px; margin-right:-28px; _position:relative; _z-index:0; }
.details .sub-hero .column.first  { width:430px; padding-bottom:32px; padding-left:50px; }
.details .sub-hero .column.first p.intro { font-size:1.5em; line-height:1.333em; }
.details #content .sub-hero .column.first h1 { margin-bottom:0; }
.details .sub-hero .column.first .featured { width:320px; padding:42px 0 0 70px; }
.details .sub-hero .column.first .featured h2 { margin-bottom:8px; font-size:1.333em; line-height:1.333em; font-weight:bold; }
.details .sub-hero .column.first .featured p { font-size:1em; line-height:1.5em; }

.details .sub-hero.horizontal img.right { margin-right:-32px; padding-top:35px; }
.details .sub-hero.horizontal .column.first { width:420px; }
.details .sub-hero.horizontal .column.first .featured { padding-top:32px; }

.details .row { padding-bottom:40px; padding-left:50px; padding-right:50px; width:880px; }
.details .divider-left { margin-left:-70px; margin-right:-70px; padding:50px 120px 40px; background:url(http://images.apple.com/v/ipad/a/from-the-app-store/images/section_divider_left.jpg) 0 0 no-repeat; position:relative; z-index:1; }

.details .row .column { width:47%; }
.details .row .column .device { position:relative; display:block; width:307px; height:414px; margin-left:33px; background:url(http://images.apple.com/v/ipad/a/from-the-app-store/images/hardware_ipad_v.jpg) 100% 100% no-repeat; }
.details .row .column .device .icon { position:absolute; bottom:-4px; left:-22px; z-index:3; }
.details .row .column .device .screen { position:absolute; bottom:71px; left:46px; z-index:1; }

.details .row .column.horizontal .device { width:392px; height:327px; margin-left:0; background:url(http://images.apple.com/v/ipad/a/from-the-app-store/images/hardware_ipad_h.jpg) 100% 100% no-repeat; }
.details .row .column.horizontal .device .icon { left:-19px; }
.details .row .column.horizontal .device .screen { bottom:67px; left:50px; }

.details .row.same .column.horizontal .device { margin-top:0; }
.details .row.mixed .column.horizontal .device { margin-top:87px; }


.details #content .row .column h1 { margin-top:-5px; margin-bottom:8px; font-weight:normal; font-size:1.142em; line-height:1.333em; position:relative; z-index:3; }
.details #content .row .column p { font-size:1em; line-height:1.5em; }

.business .sub-hero .column.first .featured { padding-top:117px; }
.education .sub-hero .column.first .featured { padding-top:119px; }
.entertainment .sub-hero .column.first .featured { padding-top:96px; }
.games .sub-hero.horizontal .column.first .featured { padding-top:49px; }
.lifestyle .sub-hero .column.first .featured { padding-top:72px; }
.news .sub-hero .column.first .featured { padding-top:105px; }
.social .sub-hero .column.first .featured { padding-top:85px; }
.sports .sub-hero.horizontal .column.first .featured { padding-top:60px; }
.travel .sub-hero.horizontal .column.first .featured { padding-top:50px; }


/* Education */
.education #apps-footer { margin-bottom:56px; }
.education #apps-footer a { padding:26px; display:block; font-size:16px; color:#666;
    background:#f3f3f3;
    background:-webkit-gradient(linear, 0 0, 0 100%, from(#fff), to(#f7f7f7));
    background:-moz-linear-gradient(top, #fff, #f7f7f7); }
.education #apps-footer a:hover { text-decoration:none;
    background:#f0f0f0;
    background:-webkit-gradient(linear, 0 0, 0 100%, from(#fafafa), to(#f1f1f1));
    background:-moz-linear-gradient(top, #f7f7f7, #f1f1f1); }   
.education #apps-footer a:hover span.more { text-decoration:underline; }
.education #apps-footer img { float:left; margin-right:25px; }
.education #apps-footer h4 { margin-top:5px; margin-bottom:0; font-size:16px; }
.education #apps-footer p { margin-bottom:6px; line-height:22px; }


/* iTunes U */
#itunes-u #main hgroup.first img { margin-bottom:14px }
#itunes-u #main #content { padding-top:60px; }
#itunes-u #main .hero .column { width:360px; padding-left:50px; }

#itunes-u .education { padding-top:5px; }
#itunes-u .education img { margin-left:100px; }
#itunes-u .education .last { width:300px; padding-top:108px; padding-right:70px; }

#itunes-u .courses { padding-top:35px; }
#itunes-u .courses img { margin-right:50px; }
#itunes-u .courses .first { width:300px; padding-top:20px; padding-left:100px; }

#itunes-u .assignments { padding-top:45px; }
#itunes-u .assignments img { margin-left:50px; }
#itunes-u .assignments .last { width:270px; padding-top:36px; padding-right:100px; }

#itunes-u .together { padding-top:30px; margin-bottom:55px; }
#itunes-u .together h2,
#itunes-u .together p { width:660px; margin-left:auto; margin-right:auto; }
#itunes-u .together img.center { padding-top:25px; margin-bottom:-15px; position:relative; z-index:1; }
#itunes-u .together p.center { color:#777; position:relative; z-index:2; }