/* GRID */ /* #main .grid3cola .column { width: 582px; margin-left: 15px; } #main .grid3cola .column.first, #main .grid3cola .column.last { width: 184px; } #main .grid3cola .grid3col .column { width: 32%; margin-left: 14px; } */ #main a { color: #666; } #main a:hover { color: #08c; } #main .sidebox.light .inside { background: none; } #main #content h2, #main #content h2 a { color: #fff; text-indent: 0; } #main #content h2 { background: url(/downloads/images/boxtopblue582.png) no-repeat 0 0; height: 25px; line-height: 25px; text-indent: 0; font-size: 12px; } #main #content h2 a { display: block; background: url(/downloads/images/boxtoparrow582.png) no-repeat 0 0; text-decoration: none; behavior:url(/global/scripts/lib/iepngfix.htc); } #main #content .sidebox h2, #main #content .sidebox h2 a { margin: 0 -12px; } #main #content .sidebox h2 { background: url(/downloads/images/boxtopblue188.png) no-repeat 0 0; } #main #content .sidebox h2 a { background: url(/downloads/images/boxtoparrow188.png) no-repeat 0 0; } #main .grid3cola { _margin-bottom:.4em; } #main .grid3col .column { width:30%; margin-right:10px; } #main .grid3col .column.last { margin-right:0; } #main .box a.downloadbutton { position: absolute; float:left; bottom: 0; } #main .box .featured a.downloadbutton { bottom: 1em; } #main .box.justadded .column { bottom: 11px; } /* middle content boxes */ #showcase .leadpromo { background: url(/downloads/images/showcase_bottom.jpg) no-repeat left bottom; width: 583px; overflow: hidden; margin-bottom: 10px; } #showcase .leadpromo h3 { position: relative; background: url(/downloads/images/showcase_top_safari20080414.jpg) no-repeat left top; width: 583px; height: 330px; text-indent: -9999px; overlflow: hidden; outline: none; margin-bottom: 0; } #showcase .leadpromo h3 span.new { position: absolute; top: 0; right: 0; background: url(/downloads/images/showcase_new2.png) no-repeat; width: 62px; height: 62px; text-indent: -9999px; overlflow: hidden; outline: none; behavior:url(/global/scripts/lib/iepngfix.htc); } #showcase .leadpromo span.subhead {position: absolute; top: 170pt; left: 170pt;} #showcase .leadpromo h1 {font-size:16px; font-weight:normal; line-height:0px; color:#000; margin-bottom: 0px;} #showcase .leadpromo .grid2cols { position: relative; margin-top: -80px; background: url(/downloads/images/showcase_divider.gif) no-repeat 185px 1em; overflow: hidden; _zoom: 1; } #showcase .leadpromo .grid2cols .column { position: relative; margin: 0 30px 0 30px; _margin: 0; } #showcase .leadpromo .grid2cols .column.first { width: 150px; margin-left: 28px !important; } #showcase .leadpromo .grid2cols .column.last { width: 340px; } #showcase a.downloadbutton { float: left; } /* Bugletts*/ #showcase .grid3col { margin-bottom: 5px; } #showcase .grid3col .column { width: 187px; margin-left: 0; } #showcase .grid3col .first { margin-right: 11px; } #showcase .grid3col p {padding: 0px 10px 0px 20px; margin-top: 94px; margin-bottom: 10px; line-height: 12px; font-size: 11px;} #showcase .grid3col a.downloadbutton {margin: 0 0 10px 18px; float:left;} #showcase .grid3col a.learnmore {background:transparent url(/downloads/images/sidenav_arrow20070611.gif) no-repeat scroll 67px 0.3em; margin: 0 0 10px 20px; float:left; font-size: 11px; width: 100px;} /* Bugletts*/ #showcase .grid3col .safari { background: url(/downloads/images/promo_itunes20080414.jpg) no-repeat; width: 187px; height: 167px; overflow: hidden;} #showcase .grid3col .safari p {padding: 0px 10px 0px 20px; margin-top: 82px; margin-bottom: 10px; line-height: 12px; font-size: 11px;} #showcase .grid3col .quicktime { background: url(/downloads/images/promo_quicktime.jpg) no-repeat; width: 187px; height: 167px; overflow: hidden;} #showcase .grid3col .webapps { background: url(/downloads/images/promo_webapps.jpg) no-repeat; width: 187px; height: 167px; overflow: hidden;} #main .box .featured { position: relative; min-height:322px; *height: 312px; } #main .box .featured div.screenshot { height: 230px; margin: -10px 0 16px; overflow:hidden;} #main .box .featured div.screenshot .fade { z-index: 100; height:230px; width:300px; position:absolute; background: url(/downloads/images/featuredfade20070611.png) no-repeat bottom center; _background:none;} #main .box.featureddownloads .boxbottom .column { position: relative; min-height: 150px; *height:150px; } #main .box.featureddownloads h2 { text-indent:-9999px; height:12px; background:url(/downloads/images/content_featureddownloads20070611.gif) no-repeat top left; } #main .box.featureddownloads hr { margin-top:.4em; *margin-top:-10px; } #main .box.featureddownloads p { font-size:12px; line-height:1.3em; margin-bottom:10px; } #main .box.featureddownloads .boxbottom p { font-size:11px; } #main .box.featureddownloads img.thumbnail { float:right; margin:-5px -5px 0 5px; position:relative; } #main .box.featureddownloads h2 { width: 308px; line-height: 28px;} #main .box .featured3rdparty .boxbottom .column { position: relative; min-height: 114px; *height:114px; margin-top: 30px; margin-bottom: 20px; } #main .box .featured3rdparty .boxbottom { padding-bottom: 6px; } #main #content .box .featured3rdparty h2 { margin: -22px -20px 0 -20px; padding: 0 12px; } #main #content .box .featured3rdparty h2 a { position: relative; } #main .box .featured3rdparty hr { _margin-top:-1.2em; } #main .box .featured3rdparty p { margin-bottom:1em; font-size:11px; line-height:1.3em; } #main .box .featured3rdparty img.thumbnail { float:right; margin:-5px -5px 0 5px; position:relative; } #main span.license { display:block; margin-bottom: 3px; font-size: 11px;} #main span.date { display:block; } #main #sidenav { height:522px; } #main .drawer .drawer-content { height: 40.8em; } /* DRAWERS */ #main ul.drawers { margin: 0; } #main .slider .drawer-handle { color: #333; font-size: 12px; line-height: 25px; height: 25px; text-indent: 15px; width: 100%; background: #939393 url(/downloads/images/slider_handlebg188.png) 0 0 no-repeat; cursor: default; margin-bottom: 0; font-weight: normal; } #main .slider .drawer-content { height: auto; } #main .slider h3.open { background-color: #72839d; background-position: -188px 0; color: #fff; } #main .boxcap { height: 5px; width: 100%; position: absolute; z-index: 100; bottom: 0; _bottom: -10px; left: 0; background: url(/downloads/images/box_582capbottom.png) no-repeat; behavior:url(/global/scripts/lib/iepngfix.htc); } #main .sidebar .boxcap { background: url(/downloads/images/sidenav_capbottom.png) no-repeat; } #main .sidebar .captop { bottom: auto; top: 0; background-image: url(/downloads/images/box_188captop.png); } /* downloads slider */ #downloadslider.sidebox { padding: 0; } #downloadslider .drawer-content { padding: 0 12px; } #downloadslider .drawer-content ul { margin: 0; } #downloadslider .drawer-content li { line-height: 16px; padding: 6px 0; border-bottom: 1px solid #e5e5e5; } #downloadslider .drawer-content li.last { border: 0; } #downloadslider .drawer-content li a { display: block; background: url(/downloads/images/sidebar_linkarrow188.png) no-repeat; padding-right: 13px; overflow: hidden; _zoom: 1; } #downloadslider .drawer-content li a:hover { background-position: -188px 0; } #downloadslider .drawer-content img.right { margin: 0 -13px 2px 0; _margin: 0 13px 2px 0; } #downloadslider { height: auto; min-height: 547px; *height: 547px; margin-bottom: 15px; position: relative; overflow: hidden; _width: 188px; } /*#downloadslider h2 { background: url(http://images.apple.com/mac/images/latest_headerbg.png) no-repeat; overflow: hidden; text-indent: -9999px; height: 25px; }*/ #downloadslider .drawers .drawer-content { min-height: 472px; *height: 472px; padding-bottom: 0; } #downloadslider ul.alldownloads { margin: 0; padding: 7px 0 0; } #downloadslider ul.alldownloads ul { display: none; } #downloadslider ul.alldownloads li { display: inline; padding: 0; line-height: 18px; border: 0 none; } #downloadslider ul.alldownloads li a { display: block; margin: 0; padding: 0px 15px 0px 3px; background: none; } /* movie trailers feature */ #movietrailers .featuredtrailer { height:212px; width:134px; padding:14px 0 7px; margin: 0 auto; } #movietrailers .featuredtrailer a { margin:0 auto; width:134px; height:193px;} #movietrailers .featuredtrailer a img { display: inline; width:134px; height:193px; margin-bottom:5px;} #movietrailers .hd { height:11px; display:block; float:left; text-indent:-9999px; width:20px; background:url(/downloads/images/hdlogo20070611.gif) no-repeat bottom left; } #movietrailers .exclusive { height:11px; margin-right: 5px; display:block; float:left; text-indent:-9999px; width:44px; background:url(/downloads/images/exclusivelogo20070611.gif) no-repeat bottom left; } #movietrailers .populartrailers { margin: 14px 0 0; /* controls height of movie trailers box */ } #movietrailers .populartrailers li { line-height: 18px; padding: 4px 0; border-bottom: 1px solid #e5e5e5; } #movietrailers .populartrailers li.last { border: 0; } #movietrailers .populartrailers li a { display: block; background: url(/downloads/images/sidebar_linkarrow188.png) no-repeat; padding-right: 13px; } #movietrailers .populartrailers li a:hover { background-position: -188px 0; } /* recently added */ #recentlyadded ul { margin: 0; } #recentlyadded li { line-height: 20px; padding: 4px 0; border-bottom: 1px solid #e5e5e5; } #recentlyadded li.last { border: 0; } #recentlyadded li a { display: block; background: url(/downloads/images/sidebar_linkarrow188.png) no-repeat; padding-right: 13px; } #recentlyadded li a:hover { background-position: -188px 0; } /* top widgets sidebox */ #topwidgets ul { margin: 0; } #topwidgets li { line-height: 22px; padding: 7px 0 4px; border-bottom: 1px solid #e5e5e5; } #topwidgets li.last { border: 0; } #topwidgets li a { display: block; background: url(/downloads/images/sidebar_linkarrow188.png) no-repeat; padding-right: 13px; } #topwidgets li a:hover { background-position: -188px 0; text-decoration: none; } #topwidgets li a:hover span { text-decoration: underline; } #topwidgets img { vertical-align: middle; } #main #content #submitdownloads.sidebox h2 { margin-bottom: 0.6em; } #main #submitdownloads.sidebox h2 a { text-indent: 0; }