﻿/* compare module */
#comparebox { position:relative; margin:14px auto; padding:0 52px 10px; width:880px; font-size:11px; background:#fff url(images/content_bg20090909.png) repeat-y; }
#comparebox .grid2cold .column.first { width:218px; }
#comparebox .grid2cold .column.last { margin-top:3px; width:610px; }
#comparebox .grid2cold .column.last .grid3col .column { margin:0 0 0 35px; width:180px; }

#comparebox h2 { margin:0 -50px 30px; }
#comparebox h2 img { display:block; }

#comparebox h3 { margin-bottom:6px; }

#comparebox h4 { padding-bottom:9px; border-bottom:1px solid #d9d9d9; margin-bottom:18px; color:#333; zoom:1; }
#comparebox h4 img { float:left; margin-right:9px; }
#comparebox h4 img.new { margin-top:-1px; }
#comparebox h4 strong { float:right; margin-top:-4px; font-size:14px; font-weight:normal; }
#comparebox h4 small { position:relative; font-size:11px; bottom:3px; }
#comparebox h4:after { content:'.'; display:block; height:0; clear:both; visibility:hidden; }

#comparebox .sosumi { width:auto; margin-top:10px; padding-top:18px; border-top:1px solid #d9d9d9; }

/* page specific
------------------------*/
/* hero */
#overview #hero .hero { height:300px; background:url(images/overview_gallery_bg.png) repeat-x 0 bottom; }
#overview #hero .heronav h4 { padding:0.9em 4px; color:#909090; }
#overview #hero .heronav h4.gallery { padding-left:72px; _padding-left: 42px; }
#overview #hero .heronav ul { margin-right:90px; }
#overview #hero .heronav ul.tvads { margin-right:0; }
#overview #hero .heronav ul.tvads li a { width:11em; font-size:11px; line-height:1.3em; }
#overview #hero .heronav ul.tvads li a:hover {  }
#overview #hero .heronav ul.tvads li a i { float:left; margin-right:10px; }
#overview #hero .heronav ul.tvads li a b { display: none; }

#overview #hero .swapView .content.game { background-color: #fff; }
#overview #hero p.intro { font-size:20px; line-height:1.3em; }

#overview #hero .content {  }
#overview #hero h1 { margin-top:57px; margin-bottom:-11px; *margin-bottom:0; }

#overview #hero .gallery1 { background:url(images/overview_hero_20090909.png) no-repeat 0 0; }
#overview #hero .gallery1 h1,
#overview #hero .gallery1 p { float:left; text-align:left; padding-left:42px; width:520px; }

#overview #hero .ipod { background:url(images/overview_hero_20090909.png) no-repeat 0 0; }
#overview #hero .ipod h1,
#overview #hero .ipod p { float:left; text-align:left; padding-left:42px; width:470px; }

#overview #hero .computer { background:url(images/overview_hero_20090909.png) no-repeat 0 0; }
#overview #hero .computer h1,
#overview #hero .computer p { float:left; text-align:left; padding-left:42px; width:520px; }

#overview #hero .gaming { background:url(images/overview_hero_20090909.png) no-repeat 0 0; }
#overview #hero .gaming h1,
#overview #hero .gaming p { float:left; text-align:left; padding-left:42px; width:520px; }

/* buckets */
#overview #content { padding:0; _padding-left:1px; }

#overview #content1 { padding:0; _padding-left:1px; }

#overview #content .grid4col { position:relative; margin:0 0 0 -1px; }
#overview #content .grid4col .column { width:155px; margin:0; padding:0 20px; border-left:1px solid #dbdbdb; }

#overview #content1 .grid4col1 { position:relative; margin:0 0 0 -1px; }
#overview #content1 .grid4col1 .column { width:214px; margin:0; padding:0 20px; border-top:1px solid #dbdbdb;padding-top:15px;border-right:1px solid #dbdbdb;border-bottom:1px solid #dbdbdb;padding-left:10px }

#overview #content a.block { margin:0; }
#overview #content a.block * { position:relative; z-index:5; }
#overview #content a.block img { position:absolute; bottom:0; z-index:1; }

#overview #content .grid4col .column h3 { padding-top:18px; *font-weight:normal; margin-right: -5px; }

#overview #content1 a.block { margin:0; }
#overview #content1 a.block * { position:relative; z-index:5; }
#overview #content1 a.block img { position:absolute; bottom:0; z-index:1; }

#overview #content .grid4col .column h3 { padding-top:18px; *font-weight:normal; margin-right: -5px; }
#overview #content1 .grid4col .column h3 { padding-top:18px; *font-weight:normal; margin-right: -5px; }

#overview #content .column { height:250px; background:no-repeat center bottom; word-spacing:-1px; text-align:justify }
#overview #content .column a { outline:none; }

#overview #content1 .column { height:180px; background:no-repeat center bottom; word-spacing:-1px; text-align:justify }
#overview #content1 .column a { outline:none; }

#overview #content .ipod h3 { margin-right:-10px; }
#overview #content .gaming {  }
#overview #content .computer { }


#overview #content1 .ipod {}
#overview #content1 .ipod h3 { margin-right:-10px; }
#overview #content1 .gaming { }
#overview #content1 .computer {}

#overview #content .softwareupdate {  }

#overview #content .softwareupdate p { padding-right:10px; }
#overview #content .softwareupdate a.wrap { padding-top:103px; position: absolute; bottom:18px; display:block; color:#000; zoom:1; }
#overview #content .softwareupdate a.wrap span { white-space:nowrap; color:#0088CC; overflow:hidden; }
#overview #content .softwareupdate a.wrap:hover span { text-decoration:underline; }
#overview #content .softwareupdate a.three-point-one { color:#000; }
#overview #content .softwareupdate a.three-point-one:hover { text-decoration:none; }
#overview #content .softwareupdate a.three-point-one:hover span { text-decoration:underline; }


#overview #content1 .softwareupdate p { padding-right:10px; }
#overview #content1 .softwareupdate a.wrap { padding-top:103px; position: absolute; bottom:18px; display:block; color:#000; zoom:1; }
#overview #content1 .softwareupdate a.wrap span { white-space:nowrap; color:#0088CC; overflow:hidden; }
#overview #content1 .softwareupdate a.wrap:hover span { text-decoration:underline; }
#overview #content1 .softwareupdate a.three-point-one { color:#000; }
#overview #content1 .softwareupdate a.three-point-one:hover { text-decoration:none; }
#overview #content1 .softwareupdate a.three-point-one:hover span { text-decoration:underline; }

#overview #buynowstrip h2 { margin-top:-10px; }
#overview #buynowstrip .column.first .right { margin-top:-9px; margin-left:0; }

#overview .sosumi { padding-top:6px; }

/* gallery */
#gallery #viewer { height:470px; }
#gallery .vr { width:880px; height:470px; top:0; }
#gallery #content .sosumi { margin-top:-12px; }

#gallery .image1 { overflow: visible; }
#gallery .image1 img { margin-top: -20px; *margin-bottom: -3px; }

#gallery .image2 { overflow: visible; }
#gallery .image2 img { margin-top: -54px; *margin-bottom: -3px; }

#gallery .image4 { overflow: visible; }
#gallery .image4 img { margin-top: -24px; *margin-bottom: -3px; }

#gallery .quicktime-download { padding: 66px 50px 400px 530px; background: #fff url(http://images.apple.com/ipodtouch/gallery/images/quicktime_download20090909.jpg) no-repeat left bottom; margin: 0; left: 0; top: 0; font-size: 15px; width: 175px; }
