/* Batteries CSS */
html { background:#fff; width:100%; height:100%; *overflow-x:hidden; }
body { background:#fff; min-width:1024px; min-height:100%; padding:0 0; position:relative; z-index:1; }
/* globalheader updates */
#globalheader { position:absolute; left:50%; margin-left:-50%; width: 100%; z-index:9998; }
@media only screen and (max-device-width: 767px) {
	#globalheader { position:relative; left:0; margin-left:0; margin-bottom: 1.7em; z-index:9998; }
}
#main { position:static; *position:relative; width:100%; min-width:980px; margin:0 auto; overflow-x:hidden; overflow-y:hidden; font-size:1.333em; line-height:1.688em; color:#333; }

#main .centered { text-align:center; }
#main .alternate { background-color:#f7f7f7; }
#main .row { margin:0 auto; width:700px; padding:111px 0 66px; }
#main .border-top { border-top:1px solid #eee; }
#main .hero .row { margin:0 auto; width:980px; }
#main .hero p.intro { margin:0 auto; width:700px; text-align:center; color:#333; line-height:1.688em; }
#main ul { margin:1em 0 1em 1em; }
#main p { margin-bottom:1em; }
#main h3 { margin-top:2.8em; }

/* links */
#main a { cursor:pointer; }
#main a.block { color:#000; }

a.more,
em.more,
span.more { display:inline-block; padding-right:.7em; line-height:1.71; line-height:1\9; *line-height:1.5; background-image:url(/v/batteries/a/images/more_16.png); background-position:100% 55%; *background-position:100% 60%; background-size:6px 11px; }

a.more.font-10,
em.more.font-10,
span.more.font-10 { background-image:url(/v/batteries/a/images/more_10.png); background-size:4px 7px; }

a.more.font-14,
em.more.font-14,
span.more.font-14 { background-image:url(/v/batteries/a/images/more_14.png); background-size:5px 9px; }

a.more.font-18,
em.more.font-18,
span.more.font-18 { background-image:url(/v/batteries/a/images/more_18.png); background-size:7px 13px; }

@media only screen {
	a.more,
	em.more,
	span.more,
	a.more.font-10,
	em.more.font-10,
	span.more.font-10,
	a.more.font-14,
	em.more.font-14,
	span.more.font-14,
	a.more.font-16,
	em.more.font-16,
	span.more.font-16,
	a.more.font-18,
	em.more.font-18,
	span.more.font-18 { background-image:url(/v/batteries/a/images/more.svg);
	}
}

a.link-block { text-decoration:none; color:#333; cursor:pointer; display:block; }
a.link-block:hover span.more { text-decoration:underline; }

/* product header */
#productheader { position:absolute; left:50%; margin-left:-490px; z-index:2; top:71px; border-bottom:1px solid rgba(0, 0, 0, 0.2); *border-bottom:1px solid #d7d7d7; }
@media only screen and (max-device-width: 767px) {
	#productheader { position:relative; left:0; margin-left:auto; margin-right: auto; z-index:2; top:0; }

	/* product header animation in mobile */
	#productheader { opacity:1; -webkit-transform:translate3d(0, 0, 0); -ms-transform:translate3d(0, 0, 0); transform:translate3d(0, 0, 0); -webkit-transition:-webkit-transform 0.3s 0.1s cubic-bezier(0.4, 0.01, 0.165, 0.99), opacity 0.3s 0.1s cubic-bezier(0.4, 0.01, 0.165, 0.99); transition:transform 0.3s 0.1s cubic-bezier(0.4, 0.01, 0.165, 0.99), opacity 0.3s 0.1s cubic-bezier(0.4, 0.01, 0.165, 0.99); }
	.gh-show-nav #productheader { z-index:50; opacity:0; -webkit-transform:translate3d(0, 34px, 0); -ms-transform:translate3d(0, 34px, 0); transform:translate3d(0, 34px, 0); -webkit-transition:-webkit-transform 0.4s 0s cubic-bezier(0.4, 0.01, 0.165, 0.99), opacity 0.4s 0s cubic-bezier(0.4, 0.01, 0.165, 0.99); transition:transform 0.4s 0s cubic-bezier(0.4, 0.01, 0.165, 0.99), opacity 0.4s 0s cubic-bezier(0.4, 0.01, 0.165, 0.99); }
	.gh-immediate #productheader { -webkit-transition-duration:0s; transition-duration:0s; -webkit-transition-delay:0s; transition-delay:0s; }
}
#productheader h2 { margin-left:0; }
#productheader h2 a { margin-top:2px; text-indent:0;  }
#productheader ul li a { margin-left:30px; color:#333; }
#productheader ul li:last-child a { margin-right:0; }

#why-lithium-ion 			#pn-why-lithium-ion a,
#maximizing-performance 	#pn-maximizing-performance a,
#replacement-recycling      #pn-replacement-recycling a { color:#999 !important; cursor:default; }

/* Overview */
#overview h3 { margin-left:0; }

#overview header.hero .row { padding-top:126px; width:980px; height:352px; }
#overview .hero .headline { margin-bottom:6px; padding-top:140px; }
#overview .hero .row p.intro { width:740px; }

#overview .main section { margin:0 auto; width:980px; }

#overview .main .row { width:780px; }
#overview .icon { display:block; margin:0 auto 12px; }
#overview .performance .icon { margin-bottom:40px; }
#overview .replacement .icon { margin-bottom:24px; }
#overview .accessories .row { padding-top:50px; width:980px; }
#overview .accessories .accessory img { margin-left:74px; }
#overview .accessories .accessory-overview { margin:-12px 0 0 -26px; width:508px; }
#overview .accessories .sosumi li { margin-left:10px; }

/* Battery Technology */
#why-lithium-ion h2 { margin-bottom:0; }
#why-lithium-ion h3 { font-size:.8em; }

#why-lithium-ion .hero .row { padding-bottom:80px; }
#why-lithium-ion .hero-icon { display:block; margin:0 auto; padding-top:58px; }
#why-lithium-ion .hero .headline img { display:block; margin:12px 0 0 140px; }

#why-lithium-ion .cycles .row { padding:20px 0 50px; }

#why-lithium-ion .charge-bar { margin:0 auto 52px; width:780px; }
#why-lithium-ion .charge-bar p.subtext { margin-top:10px; text-align:center; }
#why-lithium-ion .subtext { font-size:.9em; color:#888; }

#why-lithium-ion .charges .row .grid3col { height:200px; }

#why-lithium-ion #charges-animation { margin-top:90px; }
#why-lithium-ion #charges-animation p { font-size:.8em; line-height:1.6em; }
#why-lithium-ion #charges-animation h3 { margin-top:-10px; }
#why-lithium-ion #charges-animation .stage.trickle-charge,
#why-lithium-ion #charges-animation .stage.fast-charge { position:relative; z-index:1; margin-top:24px; }
#why-lithium-ion #charges-animation .fast-charge p { width:150px; }
#why-lithium-ion #charges-animation .trickle-charge { right:4px; }
#why-lithium-ion #charges-animation .trickle-charge p { margin-left:66px; width:186px; }
#why-lithium-ion #charges-animation .trickle-charge h3 { margin-left:66px; }
#why-lithium-ion #charges-animation .battery-icon { margin-left:-60px; }
#why-lithium-ion #charges-animation .battery-icon.column { width:43%; }
#why-lithium-ion #charges-animation .battery-icon.column img { margin-left:12px; }

#why-lithium-ion #charges-animation .color-bar { height:112px; *height:105px; *margin:8px 0 0 5px; background-color:#02e5ac; }
#why-lithium-ion #charges-animation .battery-bar-stage1 { position:relative; float:left; margin-right:4px; width:230px; *width:225px; height:112px; bottom:144px; left:26px;}
#why-lithium-ion #charges-animation .battery-bar-stage2 { position:relative; float:left; width:64px; *width:62px; height:112px; bottom:144px; left:26px; }
#why-lithium-ion #charges-animation.show-animation .stage-bar .color-bar { width:0; }
#why-lithium-ion #charges-animation.animation .stage-bar.battery-bar-stage1 .color-bar {
	 -webkit-transition:width 0.4s linear;
		-moz-transition:width 0.4s linear;
}
#why-lithium-ion #charges-animation.animation .stage-bar.battery-bar-stage2 .color-bar {
	 -webkit-transition:width 1.2s ease-in-out 400ms;
		-moz-transition:width 1.2s ease-in-out 400ms;
			-transition:width 1.2s ease-in-out 400ms;
}
#why-lithium-ion #charges-animation.animation .stage-bar.battery-bar-stage1 .color-bar { width:230px; border-radius:10px 0 0 10px; }
#why-lithium-ion #charges-animation.animation .stage-bar.battery-bar-stage2 .color-bar { width:64px; border-radius:0 10px 10px 0; }
#why-lithium-ion #charges-animation.hide-animation .stage-bar.battery-bar-stage1 .color-bar { border-radius:10px 0 0 10px; }
#why-lithium-ion #charges-animation.hide-animation .stage-bar.battery-bar-stage2 .color-bar { border-radius:0 10px 10px 0; }

#why-lithium-ion #charges-animation.show-animation .stage { opacity:0; }
#why-lithium-ion #charges-animation.animation .stage { opacity:1;
		-webkit-transition:opacity 0.5s linear;
		   -moz-transition:opacity 0.5s linear;
	}
#why-lithium-ion #charges-animation.animation .stage.battery-icon {
	-webkit-transition-delay:0ms;
	   -moz-transition-delay:0ms;
	       -transition-delay:0ms;
}
#why-lithium-ion #charges-animation.animation .stage.fast-charge {
	-webkit-transition-delay:350ms;
	   -moz-transition-delay:350ms;
	       -transition-delay:350ms;
}
#why-lithium-ion #charges-animation.animation .stage.trickle-charge {
	-webkit-transition-delay:600ms;
	   -moz-transition-delay:600ms;
	       -transition-delay:600ms;
}
#why-lithium-ion #charge-bar-animation { position: relative; z-index: 1; }
#why-lithium-ion #charge-bar-animation.show-animation .charge { width:0px; }
#why-lithium-ion #charge-bar-animation .charge { position:relative; float:left; height:20px; z-index:-1; }
#why-lithium-ion #charge-bar-animation .charge img { z-index:1; }
#why-lithium-ion #charge-bar-animation .charge:first-child { margin-left:72px; }
#why-lithium-ion #charge-bar-animation.hide-animation .charge.one { width:233px; }
#why-lithium-ion #charge-bar-animation.hide-animation .charge.two { width:175px; }
#why-lithium-ion #charge-bar-animation.hide-animation .charge.three { width:175px; }
#why-lithium-ion #charge-bar-animation.hide-animation .charge.four { width:59px; }
#why-lithium-ion #charge-bar-animation.hide-animation .charge.five { width:59px; }
#why-lithium-ion #charge-bar-animation .charge.charged { top:23px; background-color:#02e5ac;
		-webkit-transition:width 0.4s ease-in-out;
		   -moz-transition:width 0.4s ease-in-out;
	}
#why-lithium-ion #charge-bar-animation .charge.uncharged { top:55px; background-color:#999;
	-webkit-transition:width 0.8s ease-in-out;
	   -moz-transition:width 0.8s ease-in-out;
	}
#why-lithium-ion #charge-bar-animation.animation .charge.one   { width:233px;
	-webkit-transition-delay:0.4s;
	   -moz-transition-delay:0.4s;
	       -transition-delay:0.4s;
	}
#why-lithium-ion #charge-bar-animation.animation .charge.two   { width:175px;
	-webkit-transition-delay:0.8s;
	   -moz-transition-delay:0.8s;
	       -transition-delay:0.8s;
	}
#why-lithium-ion #charge-bar-animation.animation .charge.three { width:175px;
	-webkit-transition-delay:1.6s;
	   -moz-transition-delay:1.6s;
	       -transition-delay:1.6s;
	}
#why-lithium-ion #charge-bar-animation.animation .charge.four  { width:59px;
	-webkit-transition-delay:2.0s;
	   -moz-transition-delay:2.0s;
	       -transition-delay:2.0s;
	}
#why-lithium-ion #charge-bar-animation.animation .charge.five  { width:59px;
	-webkit-transition-delay:2.8s;
	   -moz-transition-delay:2.8s;
	       -transition-delay:2.8s;
	}

/* Maximizing Performance */
#maximizing-performance a.no-padding { padding:0px; }
#maximizing-performance h1 { margin:0; }
#maximizing-performance .main ul { padding-left:63px; list-style:disc; }
#maximizing-performance .main section { margin:0 auto; width:980px; }
#maximizing-performance .row .content-section { margin-bottom:1em; }
#maximizing-performance .main section .row p { padding-left:43px; width:700px; }
#maximizing-performance .row p.subtext { padding:0; width:780px; font-size:.7em; color:#888; text-align:center; }

#maximizing-performance .hero .row { height:358px; }
#maximizing-performance .hero .hero-icon { display:block; margin:0 auto 16px; padding-top:60px; }
#maximizing-performance .hero .row p.intro { width:780px; text-align:center; }

#maximizing-performance .main section .row { width:780px; }
#maximizing-performance	.row img.icon { display:block; margin:0 auto 20px; }

#maximizing-performance .main .page-links .row { padding-top:52px; width:980px; }
#maximizing-performance .page-links	.row img { display:block; margin:0 auto; vertical-align:top; }
#maximizing-performance .page-links .row a { display:block; margin-top:26px; }
#maximizing-performance .page-links .row a div { margin-top:24px; text-align:center; }
#maximizing-performance .page-links .general-link div { margin-left:-20px; }
#maximizing-performance .page-links .ipod-link div { margin-left:-20px; }
#maximizing-performance .page-links .ios-link { margin-right:18px; }
#maximizing-performance .page-links .grid5col .column { margin-left:0; width:196px; }
#maximizing-performance .page-links .grid5col .column .ios-link { margin-left:-24px; }
#maximizing-performance .page-links .grid5col .column .ipod-link { margin-left:24px; }

#maximizing-performance .general .row { padding-top:64px; }
#maximizing-performance .general .row img.icon { margin-bottom:38px; }
#maximizing-performance .general .update-links { padding-left:43px; }
#maximizing-performance .general .update-links a,
#maximizing-performance .general .update-links a:last-child { margin-left:20px; padding-right:.7em; }
#maximizing-performance .general .update-links a.first { margin-left:0; }
#maximizing-performance .general .temp-zone { margin-top:74px; }
#maximizing-performance .general .temp-zone .macbook-temp { margin:56px 0 72px; }
#maximizing-performance .general .temp-zone img.temp-bar { margin-left:43px; }
#maximizing-performance .general .iphone-temp p.subtext.first { margin-bottom:-8px; }


#maximizing-performance .ios .row a.ios-battery-link { padding:0 .7em 0 0; }
#maximizing-performance .ios .idevice-links { margin:-4px 0 20px; }
#maximizing-performance .ios .sub-section-head { margin-left: 42px; margin-bottom: 14px; font-family: 'Myriad Set Pro', 'Helvetica Neue', Helvetica, Arial, sans-serif; font-size: 26px; font-weight: 400; color: #333; }

#maximizing-performance .ipod .row img.icon { margin-bottom:0; }

#maximizing-performance .ios .battery-usage.row { padding-top: 44px; padding-bottom: 0; }
#maximizing-performance .ios .battery-usage-title { width: 400px; margin-top: 0; margin-bottom: 6px; }
#maximizing-performance .ios .battery-usage-sectionpara { margin-top: 2em; }
#maximizing-performance .ios .battery-usage-image { float: right; margin-left: 54px; margin-bottom: 55px; position: relative; left: 6px; }
#maximizing-performance .ios .battery-usage p { width: auto; max-width: 700px; }

#maximizing-performance .watch img.icon { margin-bottom: 45px; }
#maximizing-performance .watch h3.update { margin-top: 1.4em; }
#maximizing-performance .watch .battery-usage { padding-top:44px; padding-bottom:0; }
#maximizing-performance .main .watch .battery-usage p { width:346px; }
#maximizing-performance .watch .battery-usage-title { margin-top: 0; }
#maximizing-performance .watch .battery-usage-image { position:relative; float:right; margin-top:10px; margin-right: -210px; }


/* Replacement recycling */
#replacement-recycling h2 { margin-bottom:0; }

#replacement-recycling .hero .row { padding:62px 0 76px; }
#replacement-recycling .hero .hero-icon { display:block; margin:0 auto; padding-top:118px; }
#replacement-recycling .hero .headline img { display:block; margin:6px auto 0; }
#replacement-recycling .hero p.intro { width:697px; }
#replacement-recycling .replacement .grid2col { margin:-10px 0 10px; }
#replacement-recycling .replacement .column.first { width:46%; }

#replacement-recycling .recycle { margin:0 auto; width:980px; }

/* Overrides for global elements */
body.ac-nav-overlap { position: inherit; }
#ac-ln-sticky-placeholder { margin-top:0; }