/* -- Video thumbnail -- */
.video-thumb { float: left; text-align: center; line-height:19px; cursor: pointer;  }
.video-thumb .image { display: block; width: 152px; padding: 6px; position: relative; -webkit-box-shadow: rgba(0,0,0,0.8) 0 0 1px; -moz-box-shadow: rgba(0,0,0,0.5) 0 0 1px; box-shadow: rgba(0,0,0,0.5) 0 0 1px; *border:1px solid #e3e3e3; }
.video-thumb .image:after { content: ' '; background: url(http://images.apple.com/ipad/images/video_shadow_20110302.jpg) no-repeat; bottom: -10px; display: block; height: 10px; left: -2px; margin: 0px; position: absolute; width: 168px; }
.video-thumb .image img { display: block; }
.video-thumb .image .play { width: 100%; height: 100%; position: absolute; left: 0; top: 0; background: url(http://images.apple.com/ipad/images/video_play_20110302.png) no-repeat 50% 50%; _behavior:url(/global/scripts/lib/iepngfix.htc); _height:66px; _margin-top:29px; _margin-left:60px; }
.video-thumb:hover .image .play { background-image: url(http://images.apple.com/ipad/images/video_play_hover_20110302.png); }
.video-thumb .more { display: inline-block; text-align: center; margin: 8px auto 0; padding-right: 8px; }

@media only screen and (max-device-width: 768px) {
	.video-thumb .image { -webkit-box-shadow: none; box-shadow: none; border:1px solid #e3e3e3; }
}


/* badges */
.content .badge { position: relative; padding: 0 8px; *padding-bottom: 1px; top: -3px; *top: -1px; z-index: 1; display: inline-block; *display: inline; *zoom: 1; font-weight: normal; text-shadow: 0 1px 0 rgba(0,0,0,.3); color: #fff; font-size: 12px; line-height: 18px; -webkit-font-smoothing: auto;
	border: 1px solid #f88c13; border-top-color: #cf7310; border-bottom-color: #ffa312;
	background: #ff9a13;
	background: -webkit-gradient(linear, left top, left bottom, from(#ff8e14), to(#ffa312));
	background: -moz-linear-gradient(top, #ff8e14, #ffa312);
	-webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px;
	-webkit-box-shadow: inset 0 1px 1px #cf7310; -moz-box-shadow: inset 0 1px 1px #cf7310; box-shadow: inset 0 1px 1px #cf7310;
}
.content .badge:nth-child(1n) { border: 0; line-height: 20px; }

/* Back-page hero
---------------------------------*/
.back-page header { zoom: 1; margin-bottom: 10px; background-color: #fff; margin: 0 -50px; padding: 0 50px; }
.back-page header:after { content: '.'; display: block; height: 0; clear: both; visibility: hidden; }
.back-page header img.hero { float: right; margin-left: 20px; }

.back-page header hgroup { padding-top: 39px; }
.back-page header hgroup .icon { margin-bottom: 14px; }
.back-page header hgroup h1 { margin-bottom: 2px; }
.back-page header hgroup p.intro { font-size: 1.3em; line-height: 1.35em; margin-bottom: 28px; }

/* iPad Gallery
---------------------------------*/

.image-gallery { width:474px; height:413px; background: url(http://images.apple.com/ipad/images/ipad_gallery_bg_20110302.jpg) no-repeat; }
.image-gallery .imagecontent { height:385px; }
.image-gallery .imagecontent img { margin:37px 0 0 44px; }
.image-gallery .imagecontent div { position:relative; }
.image-gallery h3 { font-weight:normal; }

.ipad-gallery-nav { width:264px; margin:0 auto; _width:270px; }
.ipad-gallery-nav li { float:left; margin-right:12px; text-align: center; }
.ipad-gallery-nav li.last { margin-right: 0 !important; width: 78px !important; _padding-top:0 !important; }
.ipad-gallery-nav li a { width:81px; height:75px; display:block; text-decoration:none; cursor:pointer; }
.ipad-gallery-nav li a:hover { text-decoration:none; }
.ipad-gallery-nav li a:hover div { background:url(http://images.apple.com/ipad/images/ipad_gallery_thumb_bg_20110302.png) no-repeat 0 -79px; _background:url(http://images.apple.com/ipad/images/ipad_gallery_thumb_bg_20110302.gif) no-repeat 0 -79px; }
.ipad-gallery-nav li a:hover span { color:#08c; }
.ipad-gallery-nav li a span { font-size:0.786em; line-height:0.929em; color:#000; text-decoration:none; width:81px; }
.ipad-gallery-nav li a div { padding-top:18px; width:81px; height:57px; }
.ipad-gallery-nav li a.active { cursor:default; width:81px; }
.ipad-gallery-nav li a.active div { background:url(http://images.apple.com/ipad/images/ipad_gallery_thumb_bg_20110302.png) no-repeat 0 0; _background:url(http://images.apple.com/ipad/images/ipad_gallery_thumb_bg_20110302.gif) no-repeat 0 0; }
.ipad-gallery-nav li a.active:hover span { color:#888; }
.ipad-gallery-nav li a.active:hover div { background:url(http://images.apple.com/ipad/images/ipad_gallery_thumb_bg_20110302.png) no-repeat 0 0; _background:url(http://images.apple.com/ipad/images/ipad_gallery_thumb_bg_20110302.gif) no-repeat 0 0; }
.ipad-gallery-nav li a.active span { color:#888; }

.image-gallery-portrait { width:356px; height:497px; background: url(http://images.apple.com/ipad/images/ipad_gallery_portrait_bg_20110302.jpg) no-repeat; }
.image-gallery-portrait .imagecontent { height:479px; }
.image-gallery-portrait .imagecontent img { margin:44px 0 0 41px; }
.ipad-gallery-nav.portrait { width: 320px; _width:324px; }
.ipad-gallery-nav.portrait li { margin-right:16px; }
.ipad-gallery-nav.portrait li.last { width: 68px !important; }
.ipad-gallery-nav.portrait li a { width:68px; height:89px; }
.ipad-gallery-nav.portrait li a:hover div { background:url(http://images.apple.com/ipad/images/ipad_gallery_portrait_thumb_bg_20110302.png) no-repeat 0 -93px; _background:url(http://images.apple.com/ipad/images/ipad_gallery_portrait_thumb_bg_20110302.gif) no-repeat 0 -93px; }
.ipad-gallery-nav.portrait li a div { width:68px; height:71px; }
.ipad-gallery-nav.portrait li a span { top:94px; left:0; width:68px; }
.ipad-gallery-nav.portrait li a.active div { width:68px; background:url(http://images.apple.com/ipad/images/ipad_gallery_portrait_thumb_bg_20110302.png) no-repeat 0 0; _background:url(http://images.apple.com/ipad/images/ipad_gallery_portrait_thumb_bg_20110302.gif) no-repeat 0 0; }
.ipad-gallery-nav.portrait li a.active:hover div { background:url(http://images.apple.com/ipad/images/ipad_gallery_portrait_thumb_bg_20110302.png) no-repeat 0 0; _background:url(http://images.apple.com/ipad/images/ipad_gallery_portrait_thumb_bg_20110302.gif) no-repeat 0 0; }

.image-gallery-portrait li,
.image-gallery-portrait li a,
.image-gallery-portrait li a.active { _width:68px; }

/* simple dot navs
---------------------------------*/
.simple-nav { height:15px; text-align:center; position:absolute; bottom:0; left:0; width: 100%; overflow:hidden; line-height:1em; }
.simple-nav li,
.simple-nav li a { display:-moz-inline-stack; display:inline-block; *display:inline; zoom:1; }
.simple-nav li { position:relative; margin-right:3px; width:11px; height:11px; overflow:hidden; *margin-right: 5px; }
.simple-nav li.last-dot { margin-right:0;  }
.simple-nav li a { position:absolute; width:15px; height:45px; top:-2px; left:-2px; outline:none; cursor:pointer; text-indent:-9999px; line-height:0; background:url(../images/gallerynav_simple_large20110302.png) no-repeat 0 0; }
.simple-nav li a:hover { top:-17px; }
.simple-nav li a.active { cursor:default; top:-32px; opacity:1; -moz-opacity:1; }

.simple-nav li.last-dot a{ margin-right:0; cursor:default;   }
.simple-nav li.last-dot a.active{ margin-right:0; cursor:default; top:-32px; opacity:0; -moz-opacity:0;}

.simple-nav.small { height:13px; }
.simple-nav.small li { width:9px; height:9px; }
.simple-nav.small li a { position:absolute; width:13px; height:39px; background:url(http://images.apple.com/apps/imovie/images/gallerynav_simple20110302.png) no-repeat 0 0; }
.simple-nav.small li a:hover { top: -15px; }
.simple-nav.small li a.active { top:-28px; }


/* gallery nav
----------------------------------*/
.gallery-nav { text-align: center; }
.gallery-nav li { display:-moz-inline-stack; display:inline-block; *display: inline; zoom: 1; width: 128px; margin: 0 2px; *margin: 0 4px; vertical-align: top; }
.gallery-nav li a .thumb { display: block; *display: inline; zoom: 1; cursor: pointer; background: url(http://images.apple.com/ipad/images/gallerynav_thumb_bg_20110302.jpg) 0 -208px no-repeat; }
.gallery-nav li a:hover .thumb { background-position: 0 -104px; }
.gallery-nav li a.active .thumb ,
.gallery-nav li a.active:hover .thumb { background-position: 0 1px; cursor: default; }


/* Movies
----------------------------------*/
.gallery-content .close { position:absolute; top:12px; left:13px; width: 29px; height:29px; text-indent: -9999px; z-index:1; background: url(http://images.apple.com/ipad/images/button_close_20110302.png) no-repeat 0 0; _background: url(http://images.apple.com/ipad/images/button_close_20110302.gif) no-repeat 0 0; overflow:hidden; }
.gallery-content .close:hover { background-position:0 100%; }
.gallery-content { position:absolute; width:880px; padding-top:50px; }
.gallery-content .video-content { position:relative; }
.gallery-content .moviePanel {height: 480px; width: 848px; z-index: 0; }
.hero-video { top:0; width:880px; height:0; overflow:hidden; }

.swap-video { display:none; }
.swapView .swap-video { display:block; }

.video-wrapper { position:relative; z-index:999; }
.video-outgoing { width:880px; }
.video-incoming { position:absolute; width:880px; z-index:10; margin-top:-25px; }
.video-incoming .swap-video { height:535px; z-index:15; }
.video-absolute { position:absolute; }


/* Smart Cover VR
----------------------------------*/
#vr-wrapper { min-height: 484px; _height: 484px; }
#vr-wrapper #hardware { min-height: 477px; _height: 477px; }
#vr-wrapper p.ipad-color,
#vr-wrapper .cover-colors { color: #999; font-size: .8em; font-style: italic; }
#vr-wrapper p.ipad-color { margin-top: -9px; padding-left: 95px; }
#vr-wrapper .cover-colors { margin-top: 3px; padding-right: 269px; width: 308px; float: right; }
#vr-wrapper .cover-colors .column { width: 146px; height: 6px; border: 1px solid #d5d5d5; border-top: none; text-align: center; }
#vr-wrapper .cover-colors .column span { display: block; margin: -5px auto 0; background-color: white; }
#vr-wrapper .cover-colors .column.first span { width: 120px; }
#vr-wrapper .cover-colors .column.last span { width: 90px; }
#vr-wrapper .vr { clear: both; width:100%; height:430px; z-index:1; }
#vr-wrapper .hardware { *zoom: 1; }
#vr-wrapper .hardware:after { content:'.'; display:block; height:0; clear:both; visibility:hidden; }

#vr-wrapper .cover-content { display: none; }
#vr-wrapper .cover .cover-content { display: block; }

#vr-wrapper .cover-nav { margin: 13px 0 0; line-height: 0; position: relative; z-index: 1; }
#vr-wrapper .cover-nav li { margin: 0 -3px; display: inline-block; display: -moz-inline-block; *display: inline; *zoom: 1; line-height: 1em; *margin: 0 -1px; }
#vr-wrapper .cover-nav li a { display: block; width: 22px; height: 22px; padding: 6px; line-height: 1em; text-decoration: none; }
#vr-wrapper .cover-nav li a img.ios { display: none; }
#vr-wrapper .cover-nav li a:hover { text-decoration: none; }
#vr-wrapper .cover-nav li a.active { background: url(http://images.apple.com/ipad/smart-cover/images/dot_bg_active_20110309.jpg) no-repeat 0 0; }

#vr-wrapper .hardware-chooser { margin-top: -44px; float: left; padding-left: 92px; z-index: 2; }
#vr-wrapper .cover-chooser { float: right; padding-right: 274px; *padding-right: 264px; }

/* iPad and iPhone Media Query */
@media only screen and (max-device-width: 768px) {
	#vr-wrapper .cover-nav,
	#vr-wrapper .cover-colors,
	#vr-wrapper .ipad-color,
	#vr-wrapper .cover-nav li a img.desktop { display: none; }

	.isiOS4_3 #vr-wrapper .cover-nav,
	.isiOS4_3 #vr-wrapper .cover-colors,
	.isiOS4_3 #vr-wrapper .ipad-color,
	.isiOS4_3 #vr-wrapper .cover-nav li a img.ios { display: block !important; }
	
	.isiOS4_3 #vr-wrapper .cover-nav li { margin: 0; }
	.isiOS4_3 #vr-wrapper .cover-nav a { width: 28px; height: 28px; padding-top: 5px; }
	.isiOS4_3 #vr-wrapper .cover-nav a.active { background: url(http://images.apple.com/ipad/smart-cover/images/ios_dot_bg_active_20110324.jpg) no-repeat 0 0; }
	
	.isiOS4_3 #vr-wrapper .cover-nav.hardware-chooser { margin-top: -49px; padding-left: 75px; }
	.isiOS4_3 #vr-wrapper .cover-nav.cover-chooser { padding-right: 213px; }
	
	.isiOS4_3 #vr-wrapper .ipad-color { padding-left: 85px; }
	.isiOS4_3 #vr-wrapper .cover-colors { width: 418px; padding-right: 213px; }
	.isiOS4_3 #vr-wrapper .cover-colors .column { width: 198px; }
}

@-moz-document url-prefix() { 
	#vr-wrapper .cover-colors { width: 300px; padding-right: 279px; }
	#vr-wrapper .cover-colors .column { width: 144px }