@import url(/ipod/styles/ipod.css);

/* product header
------------------------*/
.whats-new #pn-whats-new a,
.whatis   #pn-whatis a,
.whatson  #pn-whatson a,
.howto    #pn-howto a { color:#999; }

#whats-new #pn-whats-new a,
#whatis   #pn-whatis a,
#whatson  #pn-whatson a,
#howto    #pn-howto a,
#latino   #pn-latino a,
.charts   #pn-charts a { color:#999 !important; text-shadow: #fff 0 1px 0; cursor:default; }

.flushleft { float: left; margin-left: -50px; }
.flushright { float: right; margin-right: -50px; }
.flushboth { margin-left: -50px; margin-right: -50px; }

img.new { position: absolute; top: 0; left: 0; }

p.intro a.more { background-image: url(/global/elements/arrows/morearrow_med_08c.gif); }

/* galleries */
.gallery .swap { height:400px; position:relative; }
.gallery .swap div { display:block; position:absolute; top:0px; left:0px; }
.gallery .slide { display:none; }
.gallery .swap .slide { display:block; position:absolute; top:0px; left:0px; }
.gallery ul li { margin:0 5px; }
.gallery ul.image-nav { position: relative; margin: 0 auto; }

/* facebook module */
#facebook { clear:both; overflow:hidden !important; margin:1.5em auto; padding:0; width:980px; border:1px solid #ddd; background:#f4f6f7; border-radius:4px; -webkit-border-radius:4px; -moz-border-radius:4px; -o-border-radius:4px; -khtml-border-radius:4px; }
#facebook:after { content:'.'; display:block; height:0; clear:both; visibility:hidden; }
#content #facebook { width:auto; }
#facebook .fbfan { float:left; margin-bottom:-2px; width:200px; height:65px; }
#facebook p { margin-top:1.8em; margin-bottom:0; _margin-bottom:17px; }
#facebook a { color:#08c; }

/* itunes promo */
#itunes-promo { position: relative; min-height: 140px; _height: 140px; background: #4c4c4c url('/ipod/images/overview_itunes_bg20100901.png') repeat-x 0 0; padding: 28px 0 0 24px; margin: 0 -50px -18px; width: 956px; font-size: 12px; border-top: 1px solid #65686f; }
#itunes-promo img.roundedbottomright { position: absolute; bottom: 0; right: 0; margin: 0; }
#itunes-promo img.left { margin: -6px 9px 0 0; }
#itunes-promo h2 { margin-bottom: 2px; }
#itunes-promo p.intro { color: #fff; font-size: 16px; margin-bottom: 9px; word-spacing: -2px; }
#itunes-promo p { color: #ccc; width: 425px; }
#itunes-promo a:hover { text-decoration: none; }
#itunes-promo em.more { color: #fff; font-style: normal; background-image: url('/global/elements/arrows/morearrow_fff.gif'); }

/* 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; }

.icloud-callout { width: 980px; margin: 0 auto 18px; padding: 0; }
.icloud-callout a { padding: 17px 139px 1px; display: block; color: #333; text-decoration: none; }
.icloud-callout a:hover .more { text-decoration: underline; }
.icloud-callout .left { float: left; margin-right: 33px; }
.icloud-callout h1 { margin-bottom: 0; font-size: 1.4em; font-weight: bold; }
#main .icloud-callout.gradient { background: #fff; background: -webkit-gradient(linear, left top, left bottom, from(rgba(255,255,255,1)), to(rgba(237,237,237,.93))); background: -moz-linear-gradient(90deg, rgba(237,237,237,.93), rgba(255,255,255,1)); }