/* hero
-------------------------------------*/
body#design #hero { padding-top:65px; }
body#design #hero h1 { position:relative; z-index:2; margin-top:-15px; margin-bottom:18px; }
body#design #hero .intro { width:690px; margin:0 auto; text-align:center; position:relative; z-index:2; }


/* thinnest
-------------------------------------*/
body#design #thinnest { padding-left:35px; }
body#design #thinnest .flushright { margin-top:-123px; margin-bottom:-54px; position:relative; z-index:1; }
body#design #thinnest h1 { position:relative; z-index:2; }
body#design #thinnest p { width:590px; position:relative; z-index:2; }


/* color
-------------------------------------*/
body#design #color { margin-top:-90px; position:relative; z-index:1; }
body#design #color .column { width:400px; padding:150px 0 490px 35px; }
body#design #color .color-thumbs { padding-top:5px; }
body#design #color .color-thumbs .thumb { display:block; float:left; margin-right:15px; margin-bottom:15px; }
body#design #color .color-thumbs .thumb img { border:1px solid #8e8f90; display:block; }
body#design #color .flushright { margin-left:-100px; position:relative; z-index:1; }

body#design #color .first a { color:#888; }
body#design #color .first a:hover { color:#08C; text-decoration:none; }
body#design #color .first a:hover .thumb img { border-color:#08c; }
body#design #color .gallery-trigger { text-align:center; padding-top:5px; }
body#design #color .gallery-trigger .img { display:inline-block; *display:inline; *zoom:1; width:21px; height:21px; margin-right:8px; margin-bottom:-5px; position:relative; z-index:1; background:url(/v/ipod-touch/a/images/open_gallery.png) no-repeat 0 0; background-size:21px 42px; }
body#design #color a:hover .gallery-trigger .img { background-position:0 -21px; }
@media only screen and (min-device-pixel-ratio:1.5) and (min-device-width:321px),
       only screen and (-webkit-min-device-pixel-ratio:1.5) and (min-device-width:321px) {
	body#design #color .gallery-trigger .img { background-image:url(/v/ipod-touch/a/images/open_gallery_2x.png); }
}

/* one-hand
-------------------------------------*/
body#design #one-hand { position:relative; border-bottom:1px solid #e6e6e6; background:url(/v/ipod-touch/a/images/design_divider_up.jpg) no-repeat bottom center; }
body#design #one-hand .one-hand-hero { width:391px; margin-top:-410px; margin-bottom:-52px; position:relative; z-index:1; }
body#design #one-hand .last { width:396px; padding-right:25px; padding-top:30px; }
body#design #one-hand .last p { padding-bottom:280px; }
body#design #one-hand img.swipe-area { position:absolute; bottom:0; right:100px; }


/* loop
-------------------------------------*/
body#design #loop { padding-top:100px; padding-bottom:80px; border-bottom:1px solid #e6e6e6; }
body#design #loop .autogallery { width:1120px; }
body#design #loop .autogallery .gallery-view { _margin-left:-115px; }
body#design #loop .autogallery .gallery-content { z-index:1000; }
body#design #loop .autogallery .gallery-content img { width:1120px; height:488px; _position:relative; _z-index:1; }
body#design #loop .in-the-loop { width:500px; padding-left:150px; _padding-left:20px; padding-bottom:20px; margin-top:-340px; position:relative; z-index:1200; }

body#design #loop .gallery .loop-nav { padding-left:150px; _padding-left:20px; position:relative; z-index:1200; }


/* headphones
-------------------------------------*/
body#design #headphones { padding-top:85px; border-bottom:1px solid #e6e6e6; overflow:hidden; }
body#design #headphones .gallery-view { *overflow:hidden; }
body#design #headphones .headphones { display:block; width:337px; margin:-687px 0 0 -30px; position:relative; z-index:1; }
body#design #headphones .headphones img,
body#design #headphones .headphones canvas { display:block; }
body#design #headphones .headphones canvas { margin-top:77px; width:408px; height:680px; }
body#design #headphones .headphones img { margin-left:30px; margin-bottom:-80px; margin-top:80px; }
body#design #headphones .last { min-height:500px; *height:500px; width:390px; padding-right:40px; padding-bottom:62px; }
body#design #headphones .gallery-headphones-default p { margin-bottom:25px; }

/* 360 */
body#design #headphones #animation-earpods .command { display:none;
	position:absolute; z-index:1; top:60%; left:50%;
	margin-left:-54px; width:190px;
	font-weight:bold; line-height:40px;; text-align:center; color:#fff;
	background:rgba(0,0,0,.5); font-size:1.0714em
	-webkit-transition:opacity .25s ease-in-out;
	   -moz-transition:opacity .25s ease-in-out;
	        transition:opacity .25s ease-in-out;
	-webkit-border-radius:20px;
	   -moz-border-radius:20px;
	        border-radius:20px;
}
body#design #headphones #animation-earpods.enhanced .command { display:block; }

body#design #headphones #animation-earpods.enhanced .command:before,
body#design #headphones #animation-earpods.enhanced .command:after { content:' '; display:inline-block; width:17px; height:10px; margin:0 5px; background:url(/v/iphone/shared/earpods-360/a/images/earpods_command_arrows.png) 0 0; background-size:17px 20px; }
body#design #headphones #animation-earpods.enhanced .command:after { background-position:100% -10px; }

@media only screen and (min-device-pixel-ratio:1.5) and (min-device-width:321px),
       only screen and (-webkit-min-device-pixel-ratio:1.5) and (min-device-width:321px) {
	body#design #headphones #animation-earpods.enhanced .command:before,
	body#design #headphones #animation-earpods.enhanced .command:after { background-image:url(/v/iphone/shared/earpods-360/a/images/earpods_command_arrows_2x.png); }
}

/* Video Thumbnails */
body#design #headphones .video-thumb { float:left; font-style:normal; text-align:center; }
body#design #headphones .video-thumb i { display:block; position:relative; z-index:1; margin:16px auto 10px; }
body#design #headphones .video-thumb i:after { content:' '; display:block; position:absolute; z-index:1; width:100%; height:100%; top:0; left:0;
	-webkit-border-radius:4px;
	   -moz-border-radius:4px;
	        border-radius:4px;
	-webkit-box-shadow:inset 0 0 20px rgba(0,0,0,.1);
	   -moz-box-shadow:inset 0 0 20px rgba(0,0,0,.1);
	        box-shadow:inset 0 0 20px rgba(0,0,0,.1);
}
body#design #headphones .video-thumb i .play { display:block; position:absolute; top:49%; left:49%; margin:-23px 0 0 -23px; width:46px; height:46px; background:url(/v/ipod-touch/a/images/video_play_medium.png) no-repeat 0 0; opacity:.5;
	-webkit-transition:.25s opacity ease-out;
	   -moz-transition:.25s opacity ease-out;
}
body#design #headphones .video-thumb:hover i .play { background-position:0 -46px; opacity:1; }
body#design #headphones .video-thumb i img { display:block; margin:0; }

@media only screen and (max-device-width:768px) {
	body#design #headphones .video-thumb:hover i .play { background-position:0 0; opacity:.5; }
}
@media only screen {
	body#design #headphones .video-thumb i .play { background-image:url(/v/ipod-touch/a/images/video_play_medium.svg); }
}

body#design #headphones .video-thumb i.round:nth-child(1n),
body#design #headphones .video-thumb i.round:nth-child(1n) img {
	-webkit-border-radius:5px;
	   -moz-border-radius:5px;
	        border-radius:5px;
}

body#design #headphones .video-thumb .link { display:block; width:100%; color:#8a8d99; }
body#design #headphones .video-thumb:hover .link { color:#0088cc; text-decoration:none; }


/* video gallery */
body#design #headphones .gallery-view { position:relative; z-index:1; }
body#design #headphones .gallery-video { position:absolute; z-index:2; width:880px; height:480px; padding-top:50px; margin-top:-325px; margin-left:-440px; top:50%; left:50%; }
body#design #headphones .moviePanel { width:848px; height:480px; }

/* video close button */
body#design #headphones .gallery-content .close { position:absolute; top:8px; left:12px;  width:29px; height:29px; text-indent:-9999px; z-index:1; background:url(/v/ipod-touch/a/images/button_close.png) no-repeat 0 0; _behavior:url(/global/scripts/lib/iepngfix.htc); }


/* feel-good 
-------------------------------------*/
body#design #feel-good { padding-top:84px; padding-bottom:50px; background:url(/v/ipod-touch/a/images/design_divider_up.jpg) no-repeat bottom center; }
body#design #feel-good h1 { width:460px; overflow:visible; margin:0 auto 28px auto; padding:0; }
body#design #feel-good .flushleft { margin-bottom:30px; }
body#design #feel-good .icons { margin-bottom:25px; }
body#design #feel-good p { width:460px; margin:0 auto 30px auto; }
body#design #feel-good p.learn { width:360px; padding-right:100px; }
body#design #feel-good p.learn a { color:#7ca604; }