html, body { background: #ffffff repeat-x 0 0; }

body { min-width:1010px; }

#main .maincap { position:absolute; width:984px; height:7px; left:-2px; z-index:5; font-size:1px; }
#main .maincap.top { top:-1px; background: no-repeat; }

#main { width:100%; min-width:982px; margin:0 auto; overflow:hidden; }
.content { width:880px; margin:0 auto 18px; padding:4em 50px 2em; zoom:1; }
.content:after,
.selfclear:after { content:'.'; display:block; height:0; clear:both; visibility:hidden; }

h1 img, h2 img { display:block; }
.content { font-size:14px; line-height:21px; }
.content h2 { font-size:1.7em; }
.content h2 span { color:#888; }
.content h3 { font-size:1.1429em; }
.content hr { margin:4em -12px 3em; height:1.5em; *height: .75em; border:none; background: no-repeat 50% 50%;
	*width:0; *display:list-item; *list-style: inside; *filter:alpha(opacity=0);
}
.content hr.plain { display:block; margin:3em 0 2em; height:0; background:none; border-bottom:1px solid #d9d9d9; *filter: none; *width: 100%; }
.content hr.flushleft { margin-left:-50px; }
.content hr.flushright { margin-right:-50px; }
.content hr.last { margin-bottom:0; }

.left { float:left; }
.right { float:right; }
.center { text-align:center; margin-right:auto; margin-left:auto; }
.middle { vertical-align:middle; }

.content .padtop { padding-top:4em; }
.content .padright { padding-right:50px; }
.content .padleft { padding-left:50px; }
.content .padbottom { padding-bottom:2em; }

.content .flushtop { margin-top:-4em; *position:relative; }
.content .flushright { margin-right:-50px; *position:relative; }
.content .flushleft { margin-left:-50px; *position:relative; }
.content .flushbottom { position:absolute; bottom:0; }
.content img.inline { margin-top:1em; }
.content img.center { display:block; margin-right:auto; margin-left:auto; }

.shadow { -webkit-box-shadow: rgba(0,0,0,0.35) 0 1px 3px; -moz-box-shadow: rgba(0,0,0,0.35) 0 1px 3px; }
img.shadow { padding: 5px; background: #fff; margin-bottom: 2px; *border: 1px solid #e2e2e2; _position: relative; }

#main .gradient { background-color: #f9f9f9; background-image: -webkit-gradient( linear, left top, left bottom, color-stop(0, rgb(242,242,242)), color-stop(1, rgb(253,253,253))); background-image: -moz-linear-gradient( center top, rgb(242,242,242) 0%, rgb(253,253,253) 100%); filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#FFF2F2F2', endColorstr='#FFFDFDFD'); }
#main .gradient p { color: #666; }

.more { color:#08c; padding-right:10px; white-space:nowrap; background: no-repeat 100% 50%; zoom:1; }
.learn { display:block; float:left; margin:-.95em 0 1.5em; text-align:left; }
.learn:after { content:'.'; display:block; height:0; clear:both; visibility:hidden; }
.intro .more { background: no-repeat 100% .35em; }
a.block { display:block; color:#333; cursor:pointer; }
a.wrap { float:none; }
a.wrap:hover,
a.block:hover,
a.block:hover .wrap { text-decoration:none; }
a.wrap:hover span,
a.block span { color:#08c; }
a.wrap:hover span,
a.block:hover span,
a:hover .more { text-decoration:underline; cursor:pointer; }
a.backtotop { float:right; margin-top:1em; padding-right:10px; font-size:12px; text-align:right; background: no-repeat 100% 50%; }
a.pillbutton { text-decoration:none; }

.column { display:inline; }
.grid2col .column { width:47%; }

noscript p { text-align:center; font:24px "Lucida Grande", "Lucida Sans Unicode", arial, verdana, sans-serif; font-weight:500; }

#promofooter { margin-top:0; -webkit-font-smoothing:antialiased; }

#main .maincap,
.callout .enlarge,
.gallery .simple-nav li a,
.gallery .gallery-content.movie .close { behavior:; }
.gallery .gallery-nav ul li a div img { behavior:; }

.hero-nav li { width: 100%; position: absolute; top: 0; left: 0; z-index: 10; }
.hero-nav li .arrow { position: absolute; display: block; height: 560px; width: 107px; -moz-opacity:0; opacity:0; -webkit-transition: .25s opacity ease-out; float: none; padding: 0 20px; outline: none; z-index: 100; top:0; }
.hero-nav li .arrow:hover { -moz-opacity:1; opacity:1; }
.hero-nav li .arrow.disabled { display: none; }
.hero-nav li .arrow img,
.hero-nav li .arrow span { display: block; margin-top: 255px; *margin-top: 120px; text-indent: -1000em; }
.hero-nav li .arrow:hover span,
.hero-nav li .arrow.left { left: 0; }
.hero-nav li .arrow.left img,
.hero-nav li .arrow.left span { float: left; }
.hero-nav li .arrow.right { right: 0; }
.hero-nav li .arrow.right img,
.hero-nav li .arrow.right img { float: right; }
/* iPad Styles */
@media only screen and (device-width: 768px) {
	.hero-nav li .arrow { opacity: 1; -webkit-transition: none; }
}

/* product header
------------------------*/
#productheader { z-index:10; }
#productheader h2 a { display:inline; text-indent:0; }
#productheader h2 a img { position:relative; margin-bottom:-8px; }

.whatsnew  #pn-whatsnew a,
.whatis    #pn-whatis a,
.features  #pn-features a,
.ios4      #pn-ios4 a,
.gamesapps #pn-gamesapps a,
.itunes    #pn-itunes a,
.design    #pn-design a,
.gallery   #pn-gallery a { color:#999; text-shadow:#fff 0 1px 0; }

#overview  #pn-overview a,
#whatsnew  #pn-whatsnew a,
#whatis	   #pn-whatis a,
#features  #pn-features a,
#ios4      #pn-ios4 a,
#gamesapps #pn-gamesapps a,
#itunes    #pn-itunes a,
#design    #pn-design a,
#gallery   #pn-gallery a,
#specs     #pn-specs a { color:#999 !important; text-shadow:#fff 0 1px 0; cursor:default; }


/* scroller nav
------------------------*/
.scrollernav { margin:0 -50px -3em -50px; font-size:12px; line-height:1.5; text-align:center; }
.scrollernav:after { content:"."; display:block; height:0; clear:both; visibility:hidden; }
.scrollernav li { display:-moz-inline-stack; display:inline-block; *display:inline; width:150px; vertical-align:top; text-align:left; background: no-repeat 0 0; zoom:1; }
.scrollernav li { _background-image: expression(this.previousSibling==null?'none':''); }
.scrollernav li:first-child { background:none; }
.scrollernav li a { display:block; display:inline-block; *display:inline; width:125px; padding:0 15px; color:#333; outline:none; zoom:1; }
.scrollernav li a span.more { display: block; float: left; margin-top: -1.8em; padding-right: 12px; background:  no-repeat 100% 50%; }
.scrollernav li a img { margin-bottom:7px; background-color:#fff; }
.scrollernav li a p { margin-bottom:0; padding-bottom:2em; }
.scrollernav li:hover a,
.scrollernav li a:hover { text-decoration:none; }


/* galleries
------------------------*/
.gallery { margin-bottom:4em; }
.gallery:after,
.gallery-view:after { content:'.'; display:block; height:0; clear:both; visibility:hidden; }

.gallery .gallery-content { width: 100%; }

.gallery .gallery-content.movie { padding-bottom: 0; }
.gallery .gallery-content.movie .moviePanel,
.gallery .gallery-content.movie .endState { width: 848px; height: 480px; }
.gallery .gallery-content.movie .endState { background:  no-repeat; }
.gallery .gallery-content.movie .close { padding-left: 16px; position: absolute; top: -25px; left: 16px; color: #666; background:  no-repeat 0 1px; }
.gallery .gallery-content.movie .close:hover { color: #08c; background-position: 0 -49px; text-decoration: none; }

/* gallery navs */
.content .gallery .gallery-nav,
.content .gallery .simple-nav { margin-right:-50px; margin-left:-50px; }

/* slyder
------------------------*/
.slider { position:relative; margin:0 -30px; width:940px; padding-top:2em; overflow:hidden; z-index:0; font-size:12px; }

/* dots nav */
.slider .nav { position:absolute; top:0; left:50%; }
.slider .nav a { display:block; float:left; width:8px; height:8px; margin:0 2px; cursor:pointer; background: 50% 0 no-repeat; _background: 50% 0 no-repeat; overflow:hidden; }
.slider .nav a:hover { background-position:50% -8px; }
.slider .nav a.active { background-position:50% -16px; cursor:default; }

/* previous and next arrows */
.slider a.arrow { position:absolute; top:50%; width:30px; height:30px; margin-top:-15px; cursor:pointer; overflow:hidden; z-index:11; }
.slider a.left { left:0; background: no-repeat 0 0; _background-image:; }
.slider a.right { right:0; background: no-repeat 0 0; _background-image:; }
.slider a.arrow:hover { background-position:0 -30px; }
.slider a.disabled,
.slider a.disabled:hover { background-position:0 -60px; }

/* mask */
.slider .mask { position:relative; display:block; margin:0 30px; width:880px; overflow:hidden; z-index:0; }

/* callouts
------------------------*/
#main .callout { font-size:12px; }

.callout { position:relative; padding:19px; zoom:1;
	-webkit-box-shadow: 0 1px 2px rgba(0,0,0,.4); -moz-box-shadow: 0 1px 2px rgba(0,0,0,.4); box-shadow: 0 1px 2px rgba(0,0,0,.4);
	background-color: #f9f9f9;
	border: none; *border: 1px solid #e5e5e5; border-top-color: #f9f9f9; border-bottom-color: #bdbdbd;
	border-radius: 4px; -webkit-border-radius: 4px; -moz-border-radius: 4px; -o-border-radius: 4px; -khtml-border-radius: 4px;
}
.callout.inset { background: #f4f4f4; -moz-box-shadow: inset 0 1px 1px rgba(0,0,0,.20); -webkit-box-shadow: inset 0 1px 2px rgba(0,0,0,.15); }
.callout:after { content:'.'; display:block; height:0; clear:both; visibility:hidden; }

.callout a.block { display:block; margin:-18px; padding:18px; text-decoration:none; zoom:1;
	background-color:#f0f3f5; background-image:-webkit-gradient(linear, 0 0, 0 100%, from(rgba(255,255,255,1)), to(rgba(255,255,255,0)));
	border-radius: 4px; -webkit-border-radius: 4px; -moz-border-radius: 4px; -o-border-radius: 4px; -khtml-border-radius: 4px;
}
.callout a.block:hover { background-color:#e6e9eb; background-image:-webkit-gradient(linear, 0 0, 0 100%, from(rgba(255,255,255,.8)), to(rgba(255,255,255,0))); }
.callout a.block:after { content:'.'; display:block; height:0; clear:both; visibility:hidden; }

.callout.inset a.block { background: #f4f4f4; -moz-box-shadow: inset 0 1px 4px rgba(0,0,0,.25); -webkit-box-shadow: inset 0 1px 4px rgba(0,0,0,.25); }
.callout.inset a.block:hover { background: #e6e9eb; }

.callout h3 { margin-bottom:0; }
.callout p { margin-bottom:0; zoom:1; }
.callout img.left { margin-right:12px; }
.callout img.right { margin-left:12px; }
.callout .learn { margin-top:.3em; margin-bottom:0; }

/* audio links for circular controllers */
.content a.audioLink { float:left; background:none; padding-top:7px; padding-left:0; }
.content a.audioLink img { vertical-align:middle; margin-right:6px; }
.content a.controller { padding:0; }


/* footers
------------------------*/

/* buy now strips */
#buystrip { margin: 0 auto 4px; _height:156px; _overflow:hidden; }
#buystrip img { clear: none; }
#buystrip h2 { margin-bottom:10px; }
#buystrip .column.first { height:136px; padding-top:25px; }
#buystrip .column.first h4 { width:86px; margin-bottom:0; color:#000; text-align:right; }
#buystrip .column.first .right { margin:-5px 16px 5px 0; }
#buystrip #comparison { position:absolute; bottom:10px; }
#buystrip #comparison .family { margin:-8px 18px -10px 10px; }

/* site-specific k2 buy now promo */
#promofooter #promos li.buy { width:232px; padding-left:12px; }
#promofooter #promos li.buy h4 { font-size:15px; font-weight:normal; padding-top:12px; }
#promofooter #promos li.buy h4 span { color:#525252; }
#promofooter #promos li.buy h5 { font-size:12px; }
#promofooter #promos li.buy ul { margin-top:7px; padding:0; }
#promofooter #promos li.buy ul li.pad { margin-bottom:10px; }

/* site-specific box shot buy now promo */
#promofooter #promos li.buy.shot { width:244px; padding-left:0; }
#promofooter #promos li.buy.shot h4 { padding-top:0; }
#promofooter #promos li.buy.shot ul { padding-left:15px; }
#promofooter #promos li.buy.shot ul li { margin-bottom:4px; }
#promofooter #promos li.buy.shot ul li.shop { margin-right:85px; }
#promofooter #promos li.buy.shot .button a { padding:5px 10px 15px; }
#promofooter #promos li.buy.shot .product { position:absolute; top:15px; left:150px; }


/* sosumi */
.sosumi { width:940px; margin:0 auto; margin-bottom:10px !important; padding:18px 20px 0; }
ol.sosumi { margin-left:auto; padding-left:0; }
#main .sosumi { width:auto; padding-right:0; padding-left:0; }
.sosumi a { color:#333; }
.sosumi li { line-height:14px; padding-bottom:5px; margin-bottom:0; }
ol.sosumi li { margin-left:2em; }
.sosumi ol,
.sosumi ul { margin-bottom:10px; }



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

/* specs */
.compare table { width:880px; margin-bottom:32px; table-layout:fixed; border-collapse:separate; }
.compare table th,
.compare table td { vertical-align:top; padding:10px 29px; background-color:#fff; }
.compare table tbody th,
.compare table tbody td { font-size:11px; line-height:16px; }
.compare table tbody th { padding-left:0; color:#000; font-weight:bold; font-size:13px; border-bottom:1px solid #ccc; }
.compare table tbody td { width:17%; color:#363636; font-weight:bold; border:none; padding-top:15px; }
.compare table tbody td p { font-weight:normal; }
.compare table tbody td p.exclusive { font-size:10px; margin:15px 0 6px; color:#363636; line-height:1.25em; }

.compare table thead p { font-size: 11px; line-height: 16px; }
.compare table thead th { font-weight:normal; font-size:12px; background:#fff !important; }
.compare table thead img { margin-bottom: -5px; }

.compare table tbody .shuffle,
.compare table thead .shuffle {padding-left:0; }
.compare table thead .shuffle p { width: 180px; margin-right: -20px; }
.compare table thead .classic p { width: 160px; }

.compare table .price td p { float: left; }
.compare table .price td p.padtop { padding-top: 15px; }
.compare table .price td h4 { margin-bottom:15px; line-height:1; font-size: 20px; font-weight: bold; letter-spacing: -1px; }
.compare table .price td span.dollar { font-size:13px; font-weight:bold; margin-left: 2px; }

.compare table .alt { background-color:#f6f6f6; }
.compare table .top .alt { background-color:#fff; }

.compare img { display:inline; }
.compare img.prodred { vertical-align:middle; }