/* shared elements
------------------------*/
.content .hero hgroup.icon-lockup .icon { margin-bottom:0; }

/* hover zooms */
.zoomed { position:relative; cursor:url(/global/elements/blank.gif);}
.hoverzoom { position:relative; width:100%; height:100%; }
.hoverzoom img { display:none; }
.glass { position:absolute; width:220px; height:220px; z-index:100; cursor:none;
    background-repeat:no-repeat; background-position:0 0;
    border:3px solid #fff;
	-webkit-border-radius:110px; -moz-border-radius:110px; -o-border-radius:110px; border-radius:110px;
	-webkit-box-shadow:0 4px 5px rgba(0,0,0,.6); -webkit-box-shadow:inset 0 2px 3px rgba(0,0,0,.5), 0 4px 5px rgba(0,0,0,.6);
	-moz-box-shadow:0 4px 5px rgba(0,0,0,.6); -moz-box-shadow:0 4px 5px rgba(0,0,0,.6), inset 0 2px 3px rgba(0,0,0,.5);
	box-shadow:0 4px 5px rgba(0,0,0,.6); box-shadow:0 4px 5px rgba(0,0,0,.6), inset 0 2px 3px rgba(0,0,0,.5);
	-webkit-transform: translate3d(0,0,0);
}
.isChromeWindows .glass { -webkit-box-shadow:0 4px 5px rgba(0,0,0,.6); }
/* vml hover zoom for IE */
v\:* { behavior:url(#default#VML); }
.vmlglass { border-color: transparent; *border: none; }
.vmlglass .oval { position: absolute; }
.vmlglass .oval .fill { height: 100%; width: 100%; }


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

/* features */
#features .content { padding-bottom:0; }

#features .hero { padding-bottom:40px; }
#features .hero img.center { margin-top:-30px; _position:relative; _z-index:1; }
#features .hero hgroup { width:815px; }
#features .hero hgroup img.center { margin-bottom:0; }

#features .row { margin:0 -50px; padding:50px 105px 0; _position:relative; _z-index:0; }
#features .row img.block { display:block; }
#features .row .flushleft { margin-left:-105px; _position:relative; _z-index:0; }
#features .row .flushright { margin-right:-105px; _position:relative; _z-index:0; }

#features .headline-icon { height:64px; }
#features .headline-icon img { margin-top:3px; }
#features .facetime hgroup,
#features .facetime p { position:relative; z-index:1; }
#features .facetime img.right { margin-right: -30px; }

#features .hdvideo p { width:575px; }
#features .hdvideo img.block { padding-top:10px; margin-left:-5px; _position:relative; _z-index:0; }

#features .retina p { width:750px; }
#features .retina .hoverzoom-container { margin:40px auto 0; padding: 29px 115px 91px 115px; width: 479px; height: 318px; background-image:url(/ipodtouch/features/images/features_retina_hero.jpg); }
#features .retina .glass { margin-left:-10px; margin-top:-120px; width:262px; height:262px; left:258px; top:100px; -webkit-border-radius:131px; -moz-border-radius:131px; border-radius:141px; }

#features .airplay p { width:750px; }
#features .airplay img.block { padding-top:20px; }

#features .itunes hgroup,
#features .itunes p { width:475px; position:relative; z-index:1; }
#features .itunes img.block { margin-top:-180px; margin-bottom:-36px; margin-left:-129px; _position:relative; _z-index:0; }

#features .appstore .column.first { width:708px; padding-bottom:0; }

#features .ios h1,
#features .ios p.intro { width:725px; }
#features .ios .gallery { padding-top:20px; padding-bottom:45px; position:relative; }
#features .ios .gallery .gallery-content { width:880px; padding:0 50px 22px; }
#features .ios .gallery .gallery-content .column { width:200px; margin-left:50px; padding:0 15px; }
#features .ios .gallery .gallery-content .column img { margin:0 -15px -17px; _position:relative; z-index:0; }
#features .ios .gallery .gallery-content figcaption { position:relative; z-index:1; }
#features .ios .gallery .gallery-content .column h2 { font-weight:normal; }
#features .ios .gallery .gallery-content .column p { font-size:0.857em; line-height:1.286em; }

#features .ios .gallery { padding-top:20px; padding-bottom:45px; }
#features .ios .gallery-view { width:2940px; }
#features .ios .gallery-view .gallery-content { width:804px; padding:0 88px 22px; }

#features .icloud img.block { padding-top:20px; }
#features .icloud h1.headline { width:775px; }

#features .airprint img.center { margin-top:40px; }


/* airplay */
#airplay header { position: relative; background-position: right bottom; background-repeat:no-repeat; min-height:610px; }
#airplay .hero .first { width:334px; }
#airplay .programming h2 { padding-top: 10px; }
#airplay .wireless h2 { padding-top: 20px; }
#airplay .programming img,
#airplay .wireless img { padding-top: 30px; }

/* airprint */
#airprint .hero img.flushright { margin:42px -50px 48px 40px; _position:relative; _z-index:0; }
#airprint .wireless .column.last { width:372px; padding:3px 42px 60px 0; }
#airprint .print { padding-bottom:38px; }
#airprint .print .column.first { width:460px; padding-left: 20px; position:relative; z-index:1; }
#airprint .print img.right { margin-top:-160px; *margin:0px 0  0 -260px; _position:relative; z-index:0; }
#airprint .print figure figcaption ul { position:relative; }
#airprint .print figure figcaption ul li { display:inline; }
#airprint .print figure figcaption li.caption { text-align:center; position:absolute; z-index:5; top:258px; *margin:160px 35px 0 0; }
#airprint .print figure figcaption li.print-1 { width:370px; right:276px; }
#airprint .print figure figcaption li.print-2 { width:170px; right:171px; }
#airprint .print figure figcaption li.print-3 { width:170px; right:46px; }
#airprint .print figure figcaption li.print-4 { width:37px; right:0px; }
#airprint .printer img { margin-top:15px; }
#airprint .printer .column.last { width:366px; margin:84px 16px 0 0; }

/* retina */
#retina .content { padding-bottom: 0; }
#retina .hero .right { width:446px; height:298px; margin-top:132px; padding:26px 0 127px 106px; background-repeat:no-repeat; _margin-right:-25px; }
#retina .hero .right .glass { margin-left:-10px; margin-top:-120px; width:280px; height:280px; left:342px; top:25px; -webkit-border-radius:140px; -moz-border-radius:140px; border-radius:150px; }

@media only screen and (max-device-width:768px) {
	#retina .hero .right .glass { left:242px; }
}

#retina .hero { margin-bottom: 70px; }
#retina .hero p.intro { width:340px; }

#retina .compare { padding-top: 45px; }
#retina .compare h2,
#retina .compare p { margin-left: 60px; }
#retina .compare p { width:620px; margin-bottom:40px; }
#retina .compare .column p { width:auto; text-align:center; margin:114px 0 0 -25px; _position:relative; _z-index:1; }
#retina .compare .column { background:no-repeat 50% 0; _padding-bottom:0 !important; }
#retina .compare .column.first { width:201px; height:300px; padding:84px 22px 154px 24px; margin-left:58px !important; }
#retina .compare .column.first p { width:251px; }
#retina .compare .column.last { width:207px; height:307px; padding:74px 17px 157px; margin-right:130px; }
#retina .compare .column.last p { width:257px; }
#retina .compare .column .glass { margin-left:-80px; right:-80px; top:50px; }

#retina .backlighting { margin-top: -90px; padding-top:145px; }
#retina .backlighting .column.first { width:398px; }
#retina .backlighting .column.first img { display:block; margin-left:3px; }
#retina .backlighting .column.last { padding-top: 190px; padding-right: 50px; width:350px; }
#retina .backlighting .column.last h1 { margin-top:205px; }
#retina .backlighting .column.last p { width:365px; }

/* notification center */
#notification .grid2col .column { width:347px; }
#notification .hero .grid2col .column.last { width: 417px; }
#notification .hero img.left { margin-left:-90px; _position:relative; _z-index:0; }
#notification .notdisturb img { margin:-50px 0 0 54px; _position:relative; _z-index:0; }
#notification .notdisturb p { padding-bottom:30px; }
#notification .notdisturb .column.last { width:360px; margin-right:60px; }
#notification .yourway { padding-left:145px; padding-right:145px; }
#notification .yourway h2 { margin-top:-10px; _position:relative; _z-index:0;}

/* voice control */
#voicecontrol .content { padding-bottom:0; }
#voicecontrol .hero hgroup { width:290px; }
#voicecontrol .hero .column.last { width:541px; padding-top:20px; }
#voicecontrol .hero .column.last img.center { margin-bottom:-23px; _position:relative; _z-index:0; }
#voicecontrol .music .column.first { width:324px; }
#voicecontrol .music .column.first img.right { margin-bottom:-37px; _position:relative; _z-index:0; }
#voicecontrol .music .column.last { width:356px; padding:95px 107px 0 0; }
#voicecontrol .facetime .column.first { width:313px; padding:83px 0 0 100px; }
#voicecontrol .facetime img.right { margin-bottom:0; }
#voicecontrol .languages { padding-top:50px; padding-bottom:32px; }
#voicecontrol .languages ul { padding-top:18px; list-style:disc; }