#apps .content,
#apps #content { width:710px; padding-top:50px; padding-left:135px; padding-right:135px; }
#apps .content .flushpad,
#apps .content .padright { padding-right:205px; }

#apps .content .flushpad,
#apps .content .padleft { padding-left:205px; }

#apps .content .flushpad,
#apps .content .flushright { margin-right:-205px; }

#apps .content .flushpad,
#apps .content .flushleft { margin-left:-205px; }

#apps .big { font-size:1.7143em; *zoom:normal; *background-position:100% 60%; }
#apps .big.more { background-image:url(/global/elements/arrows/morearrow_big_08c.gif); }

/* scrolltiles */
#apps .scrolltiles { width:830px; margin:0 -60px; text-align:center; _position:relative; _z-index:1; }
#apps .scrolltiles li,
#apps .scrolltiles li a { font-size:.9286em; display:-moz-table-cell; display:inline-block; *display:inline; *zoom:1; }
#apps .scrolltiles li { margin:7px 5px; vertical-align:bottom; }
#apps .scrolltiles li a { width:153px; min-height:125px; border:1px solid #ccc; color:#000; font-weight:bold; text-decoration:none;
	background:#f0f0f0;
	background:-webkit-gradient(linear, 0% 0%, 0% 100%, from(#fff), to(#f0f0f0));
    background:-moz-linear-gradient(100% 100% 90deg, #f0f0f0, #fff);
	-webkit-border-radius:4px; -moz-border-radius:4px; border-radius:4px;
    -webkit-box-shadow:0 1px 3px rgba(0, 0, 0, 0.25) inset; -moz-box-shadow:0 1px 3px rgba(0, 0, 0, 0.25) inset;  box-shadow:0 1px 3px rgba(0, 0, 0, 0.25) inset;
}
#apps .scrolltiles li a:hover { background:#f7f7f7; }
#apps .scrolltiles li a:nth-child(1n) { border:none; }
#apps .scrolltiles li a img { margin-top:14px; margin-bottom:2px; }


/* rows */
#apps .border-bottom { border-bottom:1px solid #ccc; margin-left:-135px; margin-right:-135px; padding-left:135px; padding-right:135px; _position:relative; _z-index:1; }
#apps .row { padding-top:40px; *overflow:hidden; }
#apps .row h1 { zoom:1; margin-bottom:18px; }
#apps .row h1:after { content:'.'; display:block; height:0; clear:both; visibility:hidden; }
#apps .row h1 img { float:left; }
#apps .row h1 .icon-image { margin-right:8px; margin-left:-6px; _position:relative; _z-index:1; }
#apps .row h1 .title-image { margin-top:21px; }

#apps .row .row-hero { padding-top:18px; }
#apps .row .row-hero img { display:block; width:710px; height:444px;
	-webkit-box-reflect:below 0px -webkit-linear-gradient(top,rgba(255,255,255,0) 85%,rgba(255,255,255,.09) 100%);
}
#apps .row .row-hero p.caption,
#apps .row .row-hero figcaption { width:100%; padding:30px 0 20px; text-align:center; color:#666; font-size:.9em; *zoom:1; }
#apps .row .row-hero .hardware { width:876px; height:468px; margin:0 -76px -23px -90px; -webkit-box-reflect:none; _position:relative; _z-index:1; }
#apps .row .row-hero figure { *width:100%; *background-color:#fff; }
#apps .row .row-hero.gallery-view .gallery-content {  *padding-bottom:20px; }
#apps .row .row-hero.gallery-view .gallery-content figcaption { padding-bottom:40px; }


/* toggle-nav */
#apps .content .toggle-nav { width:100%; margin:0 auto 20px; *padding-top:50px; text-align:center; position:relative; z-index:1001; }
#apps .content .toggle-nav li,
#apps .content .toggle-nav li a { display:-moz-table-cell; display:inline-block; *display:inline; *zoom:1; }
#apps .content .toggle-nav li a { padding:6px 20px 7px; min-width:115px; border:1px solid #cfcfcf; border-left-color:transparent; text-decoration:none;
	background-color:#f8f8f8;
	background:-webkit-gradient(linear, 0 0, 0 100%, from(#fefefe), to(#f4f4f4));
	background:-moz-linear-gradient(100% 100% 90deg, #f4f4f4, #fefefe);
	-webkit-box-shadow:inset 1px 0 0 #fff; -moz-box-shadow:inset 1px 0 0 #fff; box-shadow:inset 1px 0 0 #fff;
}
#apps .toggle-nav li a:hover { color:#0088cc;
	-webkit-box-shadow:1px 0 0 #fff; -moz-box-shadow:1px 0 0 #fff; box-shadow:1px 0 0 #fff;
	background-color:#fcfcfc;
	background:-webkit-gradient(linear, 0 0, 0 100%, from(#fff), to(#fafafa));
	background:-moz-linear-gradient(100% 100% 90deg, #fff, #fafafa);
}

#apps .content .toggle-nav li a.first-child { border-left: 1px solid #cfcfcf; }

#apps .content .toggle-nav li:first-child a {
	-webkit-border-radius:6px 0 0 6px; -moz-border-radius:6px 0 0 6px; border-radius:6px 0 0 6px;
	-webkit-box-shadow:none; -moz-box-shadow:none; box-shadow:none;
}
#apps .content .toggle-nav li:last-child a { -webkit-border-radius:0 6px 6px 0; -moz-border-radius:0 6px 6px 0; border-radius:0 6px 6px 0; }

#apps .content .toggle-nav li a.active { color:#fff; cursor:default; text-decoration:none; border:1px solid #666;
	background:#636363;
	background:-webkit-gradient(linear, 0 0, 0 100%, from(#545454), to(#7b7b7b));
	background:-moz-linear-gradient(100% 100% 90deg, #7b7b7b, #545454);
	-webkit-box-shadow:0 1px 9px rgba(0, 0, 0, 0.52) inset; -moz-box-shadow:0 1px 9px rgba(0, 0, 0, 0.52) inset;  box-shadow:0 1px 9px rgba(0, 0, 0, 0.52) inset;
}

.content .toggle-nav li a .everywhere { width:30px; height:21px; margin:-1px 10px -5px 0; display:inline-block; background:no-repeat 50% 0; _position:relative; _z-index:1; }
.content .toggle-nav li a.active .everywhere { background-position:50% 100%; }


/* section-specific */
#apps #hero { width:710px; padding-bottom:55px; text-align:center; background:url(/v/mac/shared/osx/apps/a/images/scrolltile_divider.png) no-repeat 50% 100%; }
#apps #hero h1 { margin-bottom:20px; }
#apps #hero p.intro { margin-bottom:30px; }

#apps #mac-app-store h1 .title-image { margin-top:3px; }

#apps #safari .row-hero img { width:875px; margin:0 -82px; _position:relative; _z-index:1; }
#apps #safari figure { width:100%; }


/* mountain lion promo */
#apps .mountain-lion {
	margin-bottom:40px;
	background:-webkit-linear-gradient(top,rgba(255,255,255,1) 35%,rgba(247,247,247,1) 100%) ;
	background:   -moz-linear-gradient(top,rgba(255,255,255,1) 35%,rgba(247,247,247,1) 100%) ;
	background:        linear-gradient(top,rgba(255,255,255,1) 35%,rgba(247,247,247,1) 100%) ;
	-webkit-box-shadow:inset 0px 1px 2px 1px rgba(0, 0, 0, .25);
	   -moz-box-shadow:inset 0px 1px 2px 1px rgba(0, 0, 0, .25);
	        box-shadow:inset 0px 1px 2px 1px rgba(0, 0, 0, .25);
}
#apps .mountain-lion .column { margin-bottom:5px; }
#apps .mountain-lion .first { width:160px; }
#apps .mountain-lion .first img.right { margin-bottom:0; }
#apps .mountain-lion .last { width:440px; padding:12px 70px 0 0; }
#apps .mountain-lion .last h1 { margin-bottom:0; }
#apps .mountain-lion .last p { font-size:.95em; line-height:1.4em; }

#apps .all { padding:50px 0; }

#apps #content .buckets { width:auto; padding:0 100px; margin-left:-211px; background:url(/v/mac/shared/osx/apps/a/images/bucket_gradient.png) no-repeat 50% 0; }
#apps #content .buckets .column { width:450px; margin-top:22px; padding-top:40px; padding-right:15px; }
#apps #content .buckets .column.first { border-right:1px solid #e5e5e5; }
#apps #content .buckets .column.last { padding-right:0; width:417px; }
#apps #content .buckets .column h2 { font-weight:normal; font-size:1.4286em; word-spacing:-.05em; letter-spacing:-.05em; margin-bottom:0; }
#apps #content .buckets .column p { color:#666; }
#apps #content .buckets .column img { margin-bottom:30px; }

@media only screen and (min-device-width:481px) and (max-device-width:768px) {
	#apps .buckets .column.last br { display:none; }
}