/* Recycling CSS */
html { background:#fff; height:100%; }
body { background:#fff; min-width:1024px; min-height:100%; padding:0 0; z-index:1; }

/* global header */
#globalheader { z-index:9998; }
#globalheader .gh-nav::after { background:#999; }
#globalheader,
#globalheader .gh-nav { background:#666; }

/* Sticky Nav */
.ph-wrapper { position:relative; z-index: 2; border-bottom:1px solid #e5e5e5; background:rgb(246,246,238); *margin-top:-18px; }
.sticky #globalheader { position:relative; left:auto; margin-left:auto; }
.sticky .ph-wrapper { z-index:9000; width:100%; top:0; background:rgba(246,246,238,0.95); border-bottom: 1px solid #e6e6e6;
    position:-webkit-sticky;
    position:   -moz-sticky;
    position:    -ms-sticky;
    position:     -o-sticky;
    position:        sticky;
}
.sticky .ph-wrapper #productheader { border:none; position:relative; left:auto; margin-left:auto; top:auto; padding-top:0.917em; }

@media only screen and (min-device-width:320px) and (max-device-width:480px) {
	.sticky .ph-wrapper { top:-10px; padding-top:10px; }
}

/* product header */
#productheader { position:absolute; left:50%; margin-left:-490px; z-index:2; top:71px; border-bottom:1px solid #e5e5e5; }
#productheader.browser-border { position:static; left:auto; margin-left:auto; border-bottom:none; background:rgb(246,246,238)}
#productheader h2 { margin-left:0; }
#productheader h2 a { margin-top:2px; text-indent:0; }
#productheader ul li a { color:#333; }
#productheader ul li a:hover { color:#08c; }

body#program #productheader ul li#pn-program a,
body#ipod	 #productheader ul li#pn-ipod a { color:#999; cursor:default; text-shadow:#fff 0 1px 0; }

#main a { -webkit-tap-highlight-color:rgba(0,0,0,0); outline:none; *outline:none; }
#main a.link-block { text-decoration:none; color:#333; cursor:pointer; display:block; border:0; }
#main a.link-block:hover span.more { text-decoration:underline; }

/*class-more*/
a.more, em.more, span.more {
  display:inline-block; padding-right:.7em; line-height:1.71; background-image:url(http://images.apple.com/v/recycling/a/images/more_16.png); background-position:100% 55%; *background-position:100% 60%; background-size:6px 11px; cursor:pointer; zoom:1; white-space:nowrap; outline:none; *outline:none; }

@media only screen {
	a.more,
	em.more,
	span.more { background-image:url(/v/recycling/a/images/more.svg); }
}

img.center { margin:0 auto; display:block; }
p.sosumi { width:940px; margin:0 auto; padding:8px 20px 0; }
ol.sosumi,
ul.sosumi  { width:950px; margin:2px auto 0; }
ol.sosumi li,
ul.sosumi li { margin-bottom:10px; }

#main p.sosumi { width:auto; padding:0; }
#main a { cursor:pointer; outline:none; *outline:none; }
#main {  position:static; width:980px; margin:0 auto; overflow:hidden; width:100%; min-width:980px; }
#main #hero { background-color:#f6f6ee; }
#main { font-size:1.333em; line-height:1.7em; }
#main.align-height { margin-top:-71px; }

/* Page Specific */

/* index */
#index .grid2col { width:980px; margin:0 auto; padding:160px 0 40px; }
#index .grid2col.above-fold { padding-top:107px; }
#index .grid2col .column { width:480px; padding:20px 0 20px; }
#index .grid2col .column p { color:#333; width:375px; }
#index .grid2col .column a { margin:10px 0 17px 70px; text-decoration:none; }
#index .grid2col .column.last h1 { margin-left:85px; }

#index #instore { width:980px; margin:0 auto; padding:60px; text-decoration:none; text-align:center; }

#index #instore span:hover { text-decoration:underline; }
#index #instore p { width:655px; margin:0 auto 12px; }

@media only screen and (min-device-width : 320px) and (max-device-width : 1024px){
    #index #instore { padding-left:0; padding-right:0; }
}

@media only screen and (min-device-width : 320px) and (max-device-width : 568px){
    #main.align-height { margin-top:-109px; }
}

/* landing pages */
body.landing h3 { margin-bottom:12px; }
body.landing p.short { width:475px; }
body.landing sup { font-size:8px !important; bottom:0.7em; }

body.landing .grid2col { width:860px; margin:0 auto; padding:35px 0 25px; }
body.landing .column.first { width:475px; }
body.landing .column.last { padding-top:18px; width:290px; }

body.landing #hero p.intro { width:980px; text-align:center; margin:0 auto 25px; font-size:1.4em; line-height:1.779; color:#999999; font-weight:normal; }
body.landing #hero ul { width:470px; margin:0 auto; min-height:18px; height:18px; *width:475px; }
body.landing #hero ul li { float:left; margin-right:25px; }
body.landing #hero ul li.last { margin-right:0; }

body.landing #hero { position:relative; padding-top:200px; padding-bottom:110px;  }
body.landing #hero h1 { text-align:center; margin-bottom:7px; line-height:10px; }
body.landing #hero h1 img.icon { margin-right:20px; }
body.landing #hero a { padding-left:25px; background:url(http://images.apple.com/v/recycling/a/images/icon_plus.png) no-repeat 0 0; background-size:18px 18px; outline:none; *outline:none; }

body.landing #content h3 { padding-top:44px; }
body.landing #content h3:first-child { padding-top:0px; }
body.landing #content ol { margin-left:28px; }
body.landing #content ol li { font-weight:normal; margin:2px 0 8px; }
body.landing #content ol li p { margin-left:-5px; }
body.landing #content ol li p:first-child { margin-bottom:0; font-weight:bold; font-weight:bold; color:#000; }

body.landing h3.border-top { margin-top:57px; padding-top:60px; border-top:1px solid #cecece; }
body.landing span.more { text-decoration:none; }
body.landing span:hover { text-decoration:underline; }
body.landing #content p { margin-bottom:10px; }
body.landing #content p.findstore { margin-top:15px; }


/* callout */
body.landing #content .callout { padding:0 27px; margin-bottom:0px; border:1px solid #d6d6d6; background:#fcfcfc url(http://images.apple.com/recycling/images/callout_bg.gif) repeat-x left bottom; }
body.landing #content .callout strong { color:#555; }
body.landing #content .callout sup { color:#08c; }
body.landing #content .callout p { color:#999999; font-size:1.450em; line-height:1.35em; margin-bottom:10px; }
body.landing #content .callout h4 { padding-top:30px; }
body.landing #content .callout h4:first-child { padding-top:46px; }
body.landing #content .callout p:last-child { padding-bottom:55px; }
body.landing #content .callout a.more,
body.landing #content .callout span.more { display:inline; background-position:100% 60%; *display:inline; *background-position:100% 55%; }
body.landing #content .callout a:hover span.more { text-decoration:underline; }

/* terms */
#terms #hero { padding-bottom:35px; padding-top:160px; }
#terms #hero.above-fold { padding-top:107px; }
#terms #hero .grid2col { width:980px; margin:0 auto; }
#terms #hero .grid2col .column.first { width:465px; padding:0px 60px; }
#terms #hero .grid2col .column.last { width:385px; padding-top:120px; }
#terms #hero .grid2col ul { width:auto; padding-left:40px; height:175px; }
#terms #hero .grid2col ul li { float:none; padding-bottom:16px; list-style-type:square; }
#terms #limitations { width:860px; margin:0 auto; padding:50px; }

/* program */
#program p.recycle-display { width:435px; }

/* overlays */
.lightbox-content { padding:0; }
.lightbox-frame { width:602px; }
body.recycling #main .responsibility-content,
body.recycling #main .faq-content { display:none; }

body.recycling .responsibility-content { width:526px; padding:38px; }
body.recycling .responsibility-content h2 { font-size:20px; line-height:20px; margin-top:8px; }
body.recycling .responsibility-content p { font-size:14px; line-height:20px; color:#666; clear:left; padding-left:3px; }
body.recycling .responsibility-content img { margin:0 10px 5px 0; }

body.recycling .faq-content { width:800px; padding:40px; }
body.recycling .faq-content .grid2col .column { width:380px; }
body.recycling .faq-content h2 { font-size:20px; line-height:20px; margin-bottom:20px; }
body.recycling .faq-content h4,
body.recycling .faq-content p { font-size:14px; line-height:20px; }
body.recycling .faq-content img.right { margin:-30px -14px 0 0; }

body.recycling .responsibility-content p,
body.recycling .faq-content p { color:#666; }

/*iframe faqs*/
#ipod iframe { height:1250px; width:535px; }
#ipod iframe div.header { font-size:18px; line-height:18px; font-weight:normal; }

#faqs #content { padding-top:40px; }
#faqs h2 {margin-bottom:10px; }
#faqs p,
#faqs h4 { font-size:14px; width:720px; }

/* environment footer */
#environment-footer { width:100%; min-width:980px; overflow:hidden; position:static; margin:auto; }
#environment-footer .hero { width:1440px; min-height:266px; left:50%; position:relative; margin-left:-720px; margin-bottom:13px; *height:266px; }
#environment-footer a:hover { text-decoration:none; }
#environment-footer h1 { margin:-200px 0 12px; }
#environment-footer p { padding:0 475px; font-size:16px; line-height:25px; text-align:center; }
#environment-footer span.more { margin-top:11px; color:#fff; background-image:url(http://images.apple.com/v/recycling/a/images/more-arrow-white.png); background-size:8px 12px; }
#environment-footer a:hover span.more { text-decoration:underline; }
#environment-footer a.link-block { text-decoration:none; color:#fff; cursor:pointer; display:block; border:0; }
#environment-footer a.link-block:hover span.more { text-decoration:underline; }

.footer-bgflush #environment-footer .hero { height: 266px; margin-bottom: 0} 
