#main .content { padding-top:0; padding-bottom:0; }

.apple #main .content { padding-top:60px; }

.content header { border-bottom:1px solid #dfdfd; }
.content .slide-nav { width:980px; margin-left:-50px; margin-right:-50px; position:relative; z-index:1001; padding:18px 0; overflow:hidden; -webkit-animation:fadeIn 0.5s ease-in; }

@-webkit-keyframes fadeIn {
	from {
		opacity:0;
	}
	to {
		opacity:1;
	}
}

.content .top-slide {
	border-bottom:1px solid #dfdfdf;
	background:#f9f9f9;
	background:-webkit-gradient(linear, 0% 0%, 0% 100%, from(#fefefe), to(#f9f9f9));
	background:-moz-linear-gradient(100% 100% 90deg, #f9f9f9, #fefefe);
}

.content .bottom-slide {
	border-top:1px solid #dfdfdf;
	background:#f9f9f9;
	background:-webkit-gradient(linear, 0% 0%, 0% 100%, from(#f9f9f9), to(#fefefe));
	background:-moz-linear-gradient(100% 100% 90deg, #fefefe, #f9f9f9);
}

.content .slide-nav .mask { width:880px; height:71px; margin:0 auto; position:relative; z-index:1001;  }

.content .slide-nav .container li { display:block; *display:inline; border:1px solid #d6d6d6; margin-left:1px; margin-right:4px; float:left; height:69px; width:212px; text-decoration:none;
	background:#fafafa;
	background:-webkit-gradient(linear, 0% 0%, 0% 100%, from(#fafafa), to(#e0e0e0));
	background:-moz-linear-gradient(100% 100% 90deg, #e0e0e0, #fafafa);
	-webkit-border-radius:4px; -moz-border-radius:4px; border-radius:4px;
	-webkit-box-shadow:inset 0 1px 0 #fff, 0 1px 1px #fff; -moz-box-shadow:inset 0 1px 0 #fff, 0 1px 1px #fff; box-shadow:inset 0 1px 0 #fff, 0 1px 1px #fff;
	-webkit-transform: translateZ(0);
}
.content .slide-nav .container a {  color:#000; text-decoration:none; }
.content .slide-nav .container a:hover { color:#08c; cursor:pointer; }
@media only screen and (max-device-width:768px) {
	.content .slide-nav .container a:hover { color:#000; cursor:pointer; }
}
.content .slide-nav .container a:last-child { margin-right:0; }

#apple-apps		.apple-apps-target,
#action			.action-target,
#casual			.casual-target,
#education		.education-target,
#entertainment	.entertainment-target,
#family			.family-target,
#games			.games-target,
#lifestyle		.lifestyle-target,
#music			.music-target,
#social			.social-target,
#sports			.sports-target,
#strategy		.strategy-target,
.content .slide-nav .container a.active {
	border:none; padding:1px;
	background:#E6E6E6;
	background:-webkit-gradient(linear, 0% 0%, 0% 100%, from(#ccc), color-stop(0.5, #ccc), to(#dbdbdb));
	background:-moz-linear-gradient(100% 100% 90deg, #fafafa, #e0e0e0);
	-webkit-box-shadow:inset 0 1px 5px rgba(0,0,0,.5); -moz-box-shadow:inset 0 1px 5px rgba(0,0,0,.5); box-shadow:inset 0 1px 5px rgba(0,0,0,.5);
}

#apple-apps		.apple-apps-target a:hover,
#action			.action-target a:hover,
#casual			.casual-target a:hover,
#education		.education-target a:hover,
#entertainment	.entertainment-target a:hover,
#family			.family-target a:hover,
#games			.games-target a:hover,
#lifestyle		.lifestyle-target a:hover,
#music			.music-target a:hover,
#social			.social-target a:hover,
#sports			.sports-target a:hover,
#strategy		.strategy-target a:hover,
.content .slide-nav .container a.active:hover { color:#000; cursor:default; }
.content .slide-nav .container a.active:nth-child(1n) { border-top-color:#979797; border-bottom-color:#c3c3c3; }

.content .slide-nav .arrow { position:absolute; top:18px; background:black; width:50px; height:71px; cursor:pointer; }
.content .slide-nav .arrow.left { left:0; background:url(/v/ipodtouch/b/images/arrow_left.png) no-repeat 50% 50%; }
.content .slide-nav .arrow.right { right:0; background:url(/v/ipodtouch/b/images/arrow_right.png) no-repeat 50% 50%; }
@media only screen and (-webkit-min-device-pixel-ratio:1.5), only screen and (min-device-pixel-ratio:1.5) {
	.content .slide-nav .arrow.left { background-image:url(/v/ipodtouch/b/images/arrow_left_2x.png); background-size:14px 22px; }
	.content .slide-nav .arrow.right { background-image:url(/v/ipodtouch/b/images/arrow_right_2x.png); background-size:14px 22px; }
}
.content .slide-nav .arrow.disabled { background:none; cursor:default; }

.content .slide-nav div.nav { width:100%; height:15px; margin:5px auto -15px; padding:0; bottom:0; position:relative; overflow:hidden; text-align:center; line-height:1px; }
.content .slide-nav div.nav a { display:inline-block; width:15px; height:45px; top:0; left:0; outline:none; cursor:pointer; background:url(/global/elements/buttons/dots_08c.png) no-repeat; z-index:1; }
.content .slide-nav div.nav a.active { background-position:0 -30px}

.content .slide-nav .headline-icon { height:51px; margin-top:10px; margin-left:10px; }
.content .slide-nav .headline-icon img { margin-top:0; margin-right:10px; }

.content .video-gallery .gallery-view .gallery-movie { margin:0 -50px; }

.content .blue-badge { display:block; position:relative; z-index:3; margin-top:-25px; }
.content .blue-badge h2 { display:inline-block; *display:inline; }
.content .blue-badge span { display:inline-block; position:relative; padding:0 7px; margin:0 0 0 7px; vertical-align:baseline;  bottom:0.23em; font-size:9px; font-weight:bold; text-shadow:0 -1px -1px rgba(0, 0, 0, .3); color:#fff;
	-webkit-border-radius:3px; -moz-border-radius:3px; border-radius:3px; border:#379cfa;
	background:#3188e9;
	background-image:-moz-linear-gradient(bottom, #2662ca 19%, #379cfa 72%, #379cfa 84%);
	background-image:-webkit-linear-gradient(bottom, #2662ca 19%, #379cfa 72%, #379cfa 84%);
	-webkit-box-shadow:0 1px 1px rgba(0,0,0,0.5);
	-moz-box-shadow:0 1px 1px rgba(0,0,0,0.5);
	box-shadow:0 1px 1px rgba(0,0,0,0.5);
}
.content .blue-badge span:nth-child(1n) { line-height:14px; border:none; }


/* page specific
------------------------*/

/* from the app store - overview */
#fromtheappstore .content { padding-top:50px; padding-bottom:32px; }
#fromtheappstore header { padding-top:9px; text-align:center; }
#fromtheappstore header hgroup { padding-bottom:18px; }
#fromtheappstore header hgroup h1 { margin-bottom:0px; }
#fromtheappstore header hgroup p.intro { width:760px; margin-bottom:13px; position:relative; z-index:1; }
#fromtheappstore header .hero { position:relative; z-index:0; margin-bottom:-84px; }

#fromtheappstore .categories { position:relative; z-index:1; padding-bottom:50px; }
#fromtheappstore .categories ul li { position:relative; z-index:1; width:204px; margin:0 21px 20px 0; *width:202px; border:none; *border:1px solid #d9d9d9; }
#fromtheappstore .categories ul li:after { content:""; display:block; position:absolute; left:0; bottom:-14px; z-index:1; width:204px; height:14px; background:url(/v/ipodtouch/b/images/tile_shadow.png); }
#fromtheappstore .categories ul li.last { margin-right:0; }
#fromtheappstore #main .categories ul li a.callout { padding:16px 16px 14px; min-height:300px; _height:300px; margin-bottom:0; text-align:center; font-size:14px; line-height:12px; border:3px solid #fff;
	-webkit-border-radius:7px; -moz-border-radius:7px; border-radius:7px;
	-webkit-box-shadow:rgba(0,0,0,.5) 0 1px 2px; -moz-box-shadow:rgba(0,0,0,.5) 0 1px 2px; box-shadow:rgba(0,0,0,.5) 0 1px 2px;
	background:#fff;
	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:-moz-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%);
}
#fromtheappstore .categories ul li img { margin-bottom:2px; }
#fromtheappstore .categories ul li h2,
#fromtheappstore .categories ul li p { text-align:left; font-size:1.00em; line-height:1.5em; }
#fromtheappstore .categories ul li h2 { margin-bottom:5px; *margin-right:-5px; font-size:1.35em; font-weight:normal; }
#fromtheappstore .categories ul li p { margin-bottom:0; color:#333; font-size:1em; }

#fromtheappstore .top-paid-apps { padding-top:32px; padding-bottom:0; margin-bottom:10px; }
#fromtheappstore .top-paid-apps h1,
#fromtheappstore .top-paid-apps p.right { width:50%; line-height:28px; }
#fromtheappstore .top-paid-apps h1 { margin-bottom:18px; font-size:1.7em; color:#666; }
#fromtheappstore .top-paid-apps p.last { margin:4px 0 11px; text-align:right; }

#fromtheappstore .top-paid-apps .grid3col { clear:both; display:block; }
#fromtheappstore .top-paid-apps .grid3col .column { width:252px; 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%);
}
#fromtheappstore .top-paid-apps .grid3col .column.last { margin-right:0; _width:252px !important; _float:right !important; }

#fromtheappstore .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; }
#fromtheappstore .top-paid-apps ol { margin:0 0 38px; padding-top:20px; border-top:1px solid #fff; }
#fromtheappstore .top-paid-apps ol li { margin:0 0 32px 16px; _margin-left:26px; color:#000; font-size:0.9em; position:relative; }
#fromtheappstore .top-paid-apps ol li img { position:absolute; top:1px; }
#fromtheappstore .top-paid-apps ol li h4,
#fromtheappstore .top-paid-apps ol li p { margin:0 0 4px 65px; font-size:1em; line-height:1em; }
#fromtheappstore .top-paid-apps ol li h4 { display:inline; }
#fromtheappstore .top-paid-apps ol li p { color:#666; }


/* from the app store - details pages */
.details header h1 { margin:50px 0 0; }

.details header hgroup { width:520px; }
.details header img.right { margin-left:-100px; padding-top:12px; _position:relative; _z-index:0; }
.details header .column.first { padding-bottom:82px; }

.details header .column.first .featured { width:430px; padding:82px 0 0 50px; }
.details header .column.first .featured h2 { font-weight:normal; }
.details header .column.first .featured .badge { vertical-align:baseline; position:relative; bottom:0.23em; _position:static !important; }

.details header.horizontal hgroup { width:740px; }
.details header.horizontal img.right { padding-top:195px; margin-right:-75px; _position:relative; _z-index:0; }
.details header.horizontal .column.first .featured { width:330px; }

.details .divider-left { margin-left:-50px; margin-right:-50px; padding:50px 50px 0; background:url(/v/ipodtouch/b/images/section_divider_left.jpg) 0 0 no-repeat; }

.details .row .column { width:240px; margin-left:88px; }
.details .row .column.last { margin-right:-16px; _position:relative; _z-index:0; }

.details .row .column .device { position:relative; display:block; width:160px; height:333px; }
.details .row .column .device .icon { position:absolute; bottom:-22px; left:-22px; z-index:3; }
.details .row .column .device .hardware { position:absolute; left:10px; z-index:0; width:160px; height:333px; background:url(/v/ipodtouch/b/images/hardware_ipodtouch_v.jpg) 100% 100% no-repeat; behavior:url(/global/scripts/lib/ie7pngfix.htc);  }
.details .row .column .device .screen { position:absolute; bottom:80px; left:22px; z-index:0; }

.details .row .column.horizontal .device { width:299px; height: 193px; margin-left:-38px; margin-top:140px; _position:relative; _z-index:0; }
.details .row .column.horizontal .device .icon { left:17px; }
.details .row .column.horizontal .device .hardware { bottom:3px; left:0; width:299px; height:188px; background:url(/v/ipodtouch/b/images/hardware_ipodtouch_h.jpg); }
.details .row .column.horizontal .device .screen { bottom:3px; left:48px; }

.details .row.h-all .column.horizontal .device { height:210px; margin-top:0; }

.details .row .column h2 { margin-top:2px; font-weight:normal; font-size:1.143em; position:relative; z-index:3; }


/* from the app store - apps by apple pages */

/* ibooks */
#ibooks h3 { margin-bottom:6px; }
#ibooks .hero { padding-bottom:21px; }
#ibooks .hero hgroup { width:366px; }
#ibooks .hero img.right { display:block; position:relative; z-index:0; margin:0 0 0 -50px; }
#ibooks .ibookstore img.center { position:relative; z-index:0; margin-bottom:-23px; }
#ibooks .ibookstore .column.last { width:365px; padding:58px 55px 0 0; }
#ibooks .read .column.first { width:377px; padding:122px 0 0 51px; }
#ibooks .read img.center { position:relative; z-index:0; margin-bottom:-3px; }
#ibooks .tools .column.last { width:353px; padding:60px 67px 0 0; }
#ibooks .pdfs { padding-bottom:39px; }
#ibooks .pdfs .column.first { width:360px; padding:138px 0 0 51px; }

/* garageband */
#garageband .autogallery { position:relative; z-index:1000; }
#garageband .content .hero { padding-top:77px; margin-bottom: -15px; }
#garageband .content .hero { text-align:left; }
#garageband .content .hero p.intro { width:350px; text-align:left; }
#garageband .content .hero { padding: 77px 0 18px 0; }
#garageband .content .hero .column.first { width:40%; }
#garageband .content .hero .column.last { width:504px; height:486px; }
#garageband .content .hero .column.first .intro { margin-bottom:0; margin-top:7px; }

#garageband .simple-nav { top: 376px; left:76px; }
#garageband #touch { border-top:1px solid #ccc; }

/* apps-by-apple */
#apple-apps .hero .column.first { padding-bottom:57px; }
#apple-apps .hero .column.first hgroup { width:565px; }
#apple-apps .hero .column.first .featured { padding-top:52px; width:370px; }
#apple-apps .hero img.right { margin-bottom:0; }
#apple-apps .garageband h3, 
#apple-apps .garageband p { width:265px; }
#apple-apps .cards p { width:225px; }
