.content { font-size:12px; }

/* ie's box model includes borders */
#main {
	width:950px;
*width:982px; 	overflow:visible;
}

/* boxes
------------------------*/

/* showcase */
#showcase { margin-bottom:10px; }
#showcase .content { float:left; width:320px; height:210px; padding:0; color:#888; }
#showcase .content h2 { font-size:1.2em; font-weight:bold; }

#showcase .promo-lead,
#showcase .promo-lead a {
	float:none;
	width:950px;
	height:423px;
	margin-top: 0;
	margin-right: 0;
	margin-bottom: 8px;
	margin-left: 0;
}
#showcase .promo-lead { position:relative; }
#showcase .promo-lead a { display:block; }
#showcase .promo-lead .shuffle img { margin-top:-18px; }

#showcase .promos { margin-bottom: 10px; zoom: 1; }
#showcase .promos:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; }
#showcase .promos a { margin-bottom: 0; margin-left: 10px; *margin-left: 8px; }
#showcase .promos a.first { margin-left: 0; }

#showcase .content img {
	display:inline;
	border-radius:4px;
	-webkit-border-radius:4px;
	-moz-border-radius:4px;
	-o-border-radius:4px;
	-khtml-border-radius:4px;
}

/* promobar */
#promobar { clear:both; width:980px; padding:0; margin-bottom:10px; font-size:12px;
	background:#fff url(/ipod/home/elements/promobar_bg20100901.png) repeat-y 50% 0; behavior:url(/global/scripts/lib/iepngfix_scale.htc);
	background:url(/ipod/home/elements/promobar_bg20100901.png) repeat-y 50% 0, -webkit-gradient(linear, 0 0, 0 35, from(#f7f7f7), to(#fff));
	background:url(/ipod/home/elements/promobar_bg20100901.png) repeat-y 50% 0, -moz-linear-gradient(top, #f7f7f7, #fff 35px);
}
#promobar .column { position:relative; display:inline; width:142px; min-height:9em; _height:9em; margin:0 0 0 2px; padding:1em 10px 35px; z-index:0; overflow:hidden; zoom:1; }
#promobar .last { padding-left:9px; margin:0 0 0 -10px !important; }

#promobar a { color:#85898c; }
#promobar .column:hover {
	/*background: i need to create the fallback img;*/
	background:-webkit-gradient(linear, 0 0, 0 70, from(#f0f0f0), to(#fff));
	background:-moz-linear-gradient(top, #f0f0f0, #fff 70px);
}
#promobar a.more { clear:left; float:left; background-image:url(/global/elements/arrows/morearrow_a1a5a9.gif); }
#promobar a.more:hover { color:#08c; text-decoration:none; background-image:url(/global/elements/arrows/morearrow_08c.gif); }
#promobar em a { display:block; position:absolute; width:80px; height:50px; text-indent:-9999px; overflow:hidden; *background:url(/global/elements/blank.gif) repeat; }
#promobar em a.touch { width:80px; height:50px; left:10px; bottom:10px; }
#promobar em a.nano { right:10px; bottom:30px; }

#promobar p { *position:relative; z-index:1; }
#promobar em { clear:left; display:block; position:absolute; width:163px; margin:0 -10px; bottom: 0; *bottom:-1px; z-index: 0; }
#promobar em img { display:block; margin:0 auto; }

/* promobar Holiday 2010 */
#promobar.grid2col { clear:both; width:980px; padding:0; margin-bottom:10px; font-size:12px;
	background:none;
	background:transparent, -webkit-gradient(linear, 0 0, 0 35, from(none), to(none));
	background:transparent, -moz-linear-gradient(top, none, none 35px);
}

#promobar.grid2col div.column.first { width: 158px; background:#fff url('/ipod/home/elements/holiday_gradient_20101102.gif') repeat-x left top; }
#promobar.grid2col div.column.last { background:#fff url('/ipod/home/elements/holiday_gradient_20101102.gif') repeat-x left top; }


#promobar.grid2col .column { padding: 1em 0.4em 0 0.7em; min-height: 11.95em; _height: 11.95em; } 
#promobar.grid2col div.column a.column { mine-height:1 2em; _height: 12em; padding: 0; }
#promobar.grid2col .column:hover {
	background:none;
	background:#fff -webkit-gradient(linear, 0 0, 0 70, from(none), to(none));
	background:#fff -moz-linear-gradient(top, none, none 70px);
}
#promobar.grid2col .column.first.rounded { width: 145px; }
#promobar.grid2col .column.last.grid3col { width: 800px;
	background: #fff url('/ipod/home/elements/promobar_holidaybg20101102.png') repeat-y right;
}
#promobar.grid2col .column img { position: absolute; bottom:0; }
#promobar.grid2col .column .giftwrap { width: 150px; }
#promobar.grid2col .column .giftguide { width: 329px; }
#promobar.grid2col .column .engrave-touch { width: 308px; }
#promobar.grid2col .column .giftwrap h4,
#promobar.grid2col .column .giftguide h4,
#promobar.grid2col .column .engrave-touch h4 { color: #cc0000; }
#promobar.grid2col .column .giftguide h4,
#promobar.grid2col .column .giftguide p { width: 126px; margin-left: 1.6em; }
#promobar.grid2col .column .engrave-touch h4,
#promobar.grid2col .column .engrave-touch p { width: 128px; margin-left: 0.75em; }
#promobar.grid2col .column .giftguide h4,
#promobar.grid2col .column .engrave-touch h4 { line-height: 1.3em; margin-bottom:0.2em; }
#promobar.grid2col .column .compare img { left: 17px; }
#promobar.grid2col .column .giftwrap img { left: 9px; }
#promobar.grid2col .column .giftguide img { right: 18px; }
#promobar.grid2col .column .engrave-touch img { right: 9px; }

#promobar .ads { position: relative; }
#promobar .ads a { height: 9em; }
#promobar .ads a span { color: inherit; }
#promobar .ads a:hover span { color: #08c; text-decoration: none; }
#promobar .ads #promo-ads-ipodtouch { margin:-1em -10px -35px; padding:1em 10px 35px; }
#promobar .ads #promo-ads-ipodnano { position: absolute; top: 2.5em; left: 90px; *background:url(/global/elements/blank.gif) repeat; }
#promobar .ads #promo-ads-ipodtouch span,
#promobar .ads #promo-ads-ipodnano span { color: #85898C; }
#promobar .ads #promo-ads-ipodtouch:hover span,
#promobar .ads #promo-ads-ipodnano:hover span { color: #08c; }
#promobar .ads .image-nano { opacity: 0; -webkit-transition: .25s opacity ease-out; -moz-transition: .25s opacity ease-out; }
#promobar .ads .image-nano img { *display: none; }
#promobar .ads.hover-nano .image-nano { opacity: 1; }
#promobar .ads.hover-nano .image-nano img { *display: block; }

#promobar .ios img.violator { position: absolute; top: -1px; right: -1px; z-index: 1; }

/* itunes module
------------------------*/
#itunes { padding-top: 12px; padding-bottom: 0; margin-bottom: 2px; _height: 278px; background: #787375 url('/ipod/home/images/itunes_grad20100901.jpg') repeat-x 0 0; }
#itunes p { color: #ccc; }
#itunes h2 { color: #fff; margin-top: 22px; margin-bottom: 9px; }
#itunes a em.more { color: #fff; font-style: normal; background-image: url('/global/elements/arrows/morearrow_fff.gif'); }
#itunes a:hover { text-decoration: none; }
#itunes p.intro { color: #fff; word-spacing: -2px; margin-bottom: 9px; }
#itunes img.left { margin: 16px 9px 0 -3px; }
#itunes img.right { margin-left: 35px; margin-bottom: 0; }


/* global footer
------------------------*/
#globalfooter { margin-top:8px; }
#globalfooter p.sosumi { float:right; width:560px; margin:-4.3em 0 0; padding-right: 0; color:#888; line-height:1.4em; text-align:right; *margin:-3.25em 0 0; }
