#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/a/images/arrow_left.png) no-repeat 50% 50%; }
.content .slide-nav .arrow.right{ right:0; background:url(/v/ipodtouch/a/images/arrow_right.png) no-repeat 50% 50%; }
.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; }


/* 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/a/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/a/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/a/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; margin-left:-38px; _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/a/images/hardware_ipodtouch_h.jpg); }
.details .row .column.horizontal .device .screen { bottom:3px; left:48px; }

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

.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 .hero .first { width:40%; }

#ibooks .hero hgroup { height:89px; margin:0 -30px 0 0; padding-bottom:40px; }
#ibooks .hero hgroup h1 { padding-top:7px; margin-bottom:1px; line-height:10px; }
#ibooks .hero hgroup .icon { margin:0 14px 0 0; }
#ibooks .hero hgroup p.intro { font-size:22px; }

#ibooks .hero .pullout a { padding:19px 13px 1px; background:#f4f4f4; -moz-box-shadow:inset 0 1px 4px rgba(0,0,0,.25); -webkit-box-shadow:inset 0 1px 4px rgba(0,0,0,.25); -webkit-border-radius:4px; -moz-border-radius:4px; -o-border-radius:4px; -khtml-border-radius:4px; border-radius:4px; }
#ibooks .hero .pullout a:hover { background:#e6e9eb; }
#ibooks .hero .pullout a img.left { margin-bottom:30px; }

#ibooks .read .last { padding-top:50px; }
#ibooks .store .first,
#ibooks .picture .last,
#ibooks .pdf .first,
#ibooks .sync .last { padding-top:80px; }

/* 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; }