@import url(slider.css);


/* layout */
#container { padding-top:32px; }
#main #content { padding:0; }
#main .grid3col .column.first { width:236px; padding:0; }
#main .grid3col .column.center { width:460px; padding:0 12px; margin-left:12px; }
#main .grid3col .column.last { width:236px; padding:0; }
#main .grid3col .column.last img.space { margin-bottom: 20px}

/* header */
#main #header { position: relative; height: 155px; margin-bottom: 21px; }
#main #header .promo { position: absolute; }
#main #header .promo a { position: absolute; top: 0; left: 0; display: block; width: 236px; height: 20px; }
#main #header .promo a.active { display: block; }
#main #header #promofader1 { left: 0; }
#main #header #promofader2 { left: 248px; }
#main #header #promofader3 { left: 496px; }
#main #header #promofader4 { left: 744px; }
#main #header .promo a.first { z-index: 1; }
#main #header .promo a.guidedlink h4 { position: absolute; top: 162pt; left: 316pt; font-weight:normal; color:#808080; font-size:13px; z-index: 1; width: 170px; }
#main #header .promo a.guidedlink #arrow { position: absolute; top: 163pt; left: 425pt; z-index: 1; }
#main #header .promo a:hover { color:#808080; }

/* LEOPARD COUNTDOWN */
#main #header #leopard-countdown { position:absolute; top:121px; left:457px; }
#main #header #leopard-countdown img { padding:0px; }
#main #header #countdownlabels { position:absolute; top:185px; left:466px; }
#main #header #leopard-buttons { position:absolute; top: 137px; left: 533px; }
#main #header #leopard-guidedtour { position:absolute; top: 151px; left: 687px; }

/* content */
#main .column.center p { color:#585858; }
#main .column.center h3 { font-size:11px; font-weight:normal; color:#888; padding-bottom:0em; margin-bottom:0.3em; border-bottom:1px solid #ccc; }
#main .column.center h4 { font-size:12px; }

#main a { text-decoration:none; color:#333; outline:none; }
#main a:hover { text-decoration:underline; color:#2971a7; }
#main .contentheading {  margin:0 -12px; position:relative; min-height:28px; background:#ccc url(images/contentheader_bgbottom20070611.gif) no-repeat bottom left; *height: 28px; *margin-bottom: 1.5em; _height: 20px;}
#main .contentheading h2 {  font-size:12px; padding-left:12px; line-height:28px; background:url(images/contentheader_bgtop20070611.gif) no-repeat top left; _margin-bottom: 0;}
#main .rss a { position:absolute; top:9px; right:10px; display:block; height:11px; width:16px; text-indent:-9999px; background:url(images/rss_icon20070611.gif) no-repeat; }
#main .contentheading #timestamp { font-size:10px; color:#777; position:absolute; top:5px; right:38px; }

#main ul.pr li { margin-bottom:0.5em; }
#main ul.pr li a { font-weight:bold; }
#main ul.pr li a.more { color:#2971a7;}
#main ul.pr li span { display:block; color:#aaa; font-size:10px; line-height:1.3em; }

/* sideboxes */
#main .sidebox { font-size:11px; line-height:1.3em; position:relative; overflow:hidden; margin-bottom:18px; padding:0 15px 0; background:url(images/sidebox_bg20070611.gif) no-repeat top left; }
#main .sidebox a { font-size:11px; }
#main .sidebox h2 { color:#ffffff; margin:0 -15px 9px; text-indent:-9999px; font-size:12px; padding-left:12px; height:25px; line-height:25px; background:#338B50 url(images/sidebox_header20070611.gif) no-repeat top left; }
#main .sidebox h2 a { display:block; height:25px; background:url(images/sidebox_header_arrow20070611.gif) no-repeat top right; }
#main .sidebox h2.about { background-image:url(images/sidebox_header_about20070611.gif); }
#main .sidebox h2.itunes { background-image:url(images/sidebox_header_itunes20070611.gif); }
#main .sidebox h2.downloads { background-image:url(images/sidebox_header_downloads20070611.gif); }
#main .sidebox h2.dotmac { background-image:url(images/sidebox_header_dotmac20070724.gif); }
#main .sidebox h2.trailers { background-image:url(images/sidebox_header_trailers20070611.gif); }
#main .sidebox h2.qtguide { background-image:url(images/sidebox_header_qtguide20070611.gif); }
#main .sidebox h2.itunessingle { background-image:url(images/sidebox_header_itunessingle20070611.gif); }
#main .sidebox h2.retail { background-image:url(images/sidebox_header_retail20070611.gif); }
#main .sidebox h2.stories { background-image:url(images/sidebox_header_stories20070611.gif); }
#main .sidebox .bottomcap { position:absolute; bottom:0px; left:0; width:236px; height:6px; background:transparent url(images/sidebox_bgbottom20070611.png) no-repeat bottom left; _background-image: url(images/sidebox_bgbottom20070611.png);}
#main .sidebox a.more { display:block; text-align: left; clear:both; color:#aaa; line-height:13px; height:13px; margin-bottom:5px; padding:7px 20px 5px 0; border-top:1px solid #e4e4e4; background:url(images/sidebox_arrow20070611.gif) no-repeat right 8px;  position: relative; zoom:1; }

#main .sidebox.sliderbox { overflow:hidden; padding:0; width:236px; }
#main .sidebox.sliderbox h2 { margin:0; }
#main .sidebox.sliderbox h3 { margin-bottom:0; }
#main .sidebox.sliderbox .drawers, 
#main .sidebox.sliderbox .drawers ul, 
#main .sidebox.sliderbox .drawers ol { margin:0; }
#main .sidebox.sliderbox .drawer-content li { padding-bottom:8px; font-weight:bold; }
#main .sidebox.sliderbox .drawers .drawer-handle { min-height:31px; line-height:31px; width:221px; color:#000; padding:0 0 0 15px; font-size:12px; font-weight:normal; background:#a2a2a2 url(images/sidebox_drawerhandle20070611.gif) top left no-repeat; cursor:default; }
#main .sidebox.sliderbox .drawers .drawer-handle.open  { background-color:#83AB97; _background-color:none; background-position:top right; color:#fffff; }
#main .sidebox.sliderbox .drawers .drawer-content { display:block; padding:0px 15px 0; }
#main .sidebox.sliderbox .drawers .drawer-content.open { display:block; }
/*#main #itunesslider { min-height:705px; }*/ 

#main #retail { min-height: 100px; _height: 350px; }
#main #aboutapple { min-height: 305px; _height: 350px; }
#main #dotmac { min-height: 170px; margin-bottom: 18px; _height: 210px; }
#main #itunesslider { min-height:766px; _height:766px; }
#main #itunesslider .drawer-content { min-height:610px; _height:610px; }
#main #downloadsslider { min-height: 148px; _height:548px; }
#main #downloadsslider .drawer-content { min-height:124px; _height:424px;  }
#main #storiesslider { min-height:495px; _height:500px;  }
#main #storiesslider .drawer-content { min-height:340px; _height:370px;  }

#main .sidebox ol.topitunes { padding:12px 0 6px; }
#main .sidebox ol.topitunes * { color:#2970a6; }
#main .sidebox ol.topitunes li { line-height:1.3em; margin-left:18px; }
#main .sidebox ol.topitunes li a { display:block; font-weight:normal; color:#333; }
#main .sidebox ol.topitunes li a:hover { color:#29A670; }
#main .sidebox ol.topitunes li img { margin-top:-5px; }
#top-movies .topitunes li img { width: 40px; height: 60px; }

#main .sidebox ul.qtguide li { padding-bottom:8px; }
#main .sidebox ul.qtguide li a { font-weight:bold; color:#29A670; }

#main .sidebox ul.retail ul { padding-bottom:8px; }
#main .sidebox ul.retail li { padding-bottom:8px; }
#main .sidebox ul.retail li a { font-weight:bold; color:#29A670; }

#main .sidebox ol.topdownloads a { color:#29A670; }
#main .sidebox ol.topdownloads img { padding:8px 0 0 17px; }
#main .sidebox ol.topdownloads { list-style-position:inside; }
#main .sidebox ol.topdownloads strong { padding-left:2px; }
#main .sidebox ol.topdownloads li { padding:8px 15px; margin:0 -15px; color:#2970a6; font-weight:bold; border-bottom:1px solid #e6e6e6; background:transparent url(images/sidebox_arrow20070611.gif) no-repeat 212px .9em; }
#main .sidebox#downloadsslider a.more { border-top:0; }

#main .sidebox .featuredcontent { padding:12px 0 0; }
#main .sidebox .featuredcontent img { width:210px; height:120px; margin-left:-2px;margin-bottom:-2px; }

#main .sidebox.trailers .slideritem { display:none; }
#main .sidebox.trailers .slideritem.active { display:block; position:absolute; margin:-210px 15px 0; }
#main .sidebox.trailers #slider { width:206px; height:217px; margin-bottom:1.5em; overflow:hidden; }
#main .sidebox.trailers #slider .ACSliderPageNav { margin-top:0px; width:62px; margin-left:-30px; }
#main .sidebox.trailers #slider .ACSliderPreviousArrow { left:7px; }
#main .sidebox.trailers #slider .ACSliderNextArrow { right:7px; }
#main .sidebox.trailers #slider .ACSliderMaskDiv { margin:0 auto; width:134px; height:209px; }
#main .sidebox.trailers #slider .ACSliderMaskDiv ul li { display: inline; width:134px; height:193px; }

#main .sidebox.itunessingle p { margin:12px 0 16px; font-size:12px; }
#main .sidebox.itunessingle,
#main .sidebox.dotmac { text-align:center; }

#main #storiesslider h3.open { margin-bottom:12px;}

/* HEIGHT FIXES FOR IE6 */
#main #main-mac #sidebar-mac #NBCookie div img,
#main #main-mac #sidebar-mac #UNCookie div img,
#main #main-mac #sidebar-mac #NoCookie div img { background-color: #f00; behavior:url(scripts/iepngfix.htc); }
#main .sidebox.itunessingle { _height: 330px; }
#main .sidebox.trailers { _height: 260px;  }
#main .sidebox.qtguide { _height: 260px; }


/* DROP DOWN MENU */
#sddm
{	margin: 0;
	padding: 0;
	z-index: 30}

#sddm li
{	margin: 0;
	padding: 0;
	list-style: none;
	float: left;
	font: bold 11px arial}

#sddm li a
{	display: block;
	margin: 0 1px 0px 0;
	padding:3px 0 0 0;		
	width: 138px;
	height:35px;	
	background: #57A04D;
	color: #FFF;
	text-align:center;			
	letter-spacing:2px;		
	text-decoration: none}
	

#sddm li a:hover
{	background: #27701E}

#sddm div
{	position: absolute;
	visibility: hidden;
	margin: 0;
	padding: 0;
	background: #27701E;
	border: 1px solid #5970B2}

	#sddm div a
	{	position: relative;
		display: block;
		margin: 0;
		height:10px;
		padding: 5px 10px;
		width:116px;
		white-space: nowrap;
		text-align: left;
		text-decoration: none;
		background: #EAEBD8;
		color: #2875DE;
		letter-spacing:0px;	
		font: 11px arial}
	#sddm div a:hover
	{	background: #27701E;
		color: #FFFFFF}