/*--- FOR BASE ---*/ #productheader ul li a { color: #333; } /*--- PRODUCTHEADER ---*/ #productheader { border: 0; } body#whatsnew #productheader ul li#pn-whatsnew a, body.features #productheader ul li#pn-features a, body#features #productheader ul li#pn-features a, body#appstore #productheader ul li#pn-appstore a, body#itunes #productheader ul li#pn-itunes a, body.gallery #productheader ul li#pn-gallery a, body#specs #productheader ul li#pn-specs a { color: #999; cursor: default; } /*--- LAYOUT ---*/ html { background-color: #f5f6f7; } body { background: transparent; width: 984px; margin: 0 auto; } #container { background: url(http://images.apple.com/euro/ipod/images/content_top20080909.png) no-repeat 0 0; padding-top: 10px; width: 100%; } #content { padding: 32px 52px 0; background: url(http://images.apple.com/euro/ipod/images/content_bg20080909.png) repeat-y; } #main { background: url(http://images.apple.com/euro/ipod/images/content_bottom20080909.png) no-repeat 0 100%; padding-bottom: 10px; } /*--- TYPOGRAPHY ---*/ #main h1 { color: #000; font-size: 48px; font-weight: normal; letter-spacing: -1px; line-height: 36px; } #main h1.alt { font-size: 40px; line-height: 36px; margin: 6px 0 12px; } #main h2 { color: #000; font-size: 18px; font-weight: normal; margin: 12px 0 4px; } #main h3 { color: #000; font-size: 16px; font-weight: normal; margin: 16px 0 2px; } #main h4 { color: #000; font-size: 14px; font-weight: normal; margin: 16px 0 2px; } #main p.intro { color: #777; font-size: 16px; font-weight: normal; line-height: 20px; } .replaced { display: block; height: 10px; overflow: hidden; outline: none; text-indent: -9999px; width: 10px; } /* sosumi */ .sosumi { margin-bottom: 5px !important; } .sosumi a { color: #333; } .sosumi li { line-height: 14px; padding-bottom: 5px; } #overview .sosumi { padding: 0 22px; } ol.sosumi { padding-left: 0; } /*--- CALLOUTBOX ---*/ #main .calloutbox { background: #fff url(http://images.apple.com/euro/ipodtouch/features/images/calloutbox-bg20080909.gif) repeat-x bottom left; border: 1px solid #f2f2f2; border-width: 2px 1px 1px; float: left; margin-right: 20px; padding: 12px 10px 12px 12px; position: relative; width: 260px; -webkit-border-radius: 5px; -moz-border-radius: 5px; -o-border-radius: 5px; -khtml-border-radius: 5px; _height: 1%; } @-moz-document domain(apple.com) { /* Because we need some difference for our Firefox friends */ #main .calloutbox .videothumb { border: 1px solid #eceded; } } #main .calloutbox .videothumb { background: #fff; float: left; margin: 0 8px 0 0; padding: 5px 5px 0; -webkit-box-shadow: #bcbcbc 0 0 3px; -moz-box-shadow: #bcbcbc 0 0 3px; -khtml-box-shadow: 0 0 3px #bcbcbc; _height: 1%; *border: 1px solid #eceded; } #main .calloutbox .icon { background: url(http://images.apple.com/euro/global/elements/buttons/enlarge_icon.png) no-repeat top left; height: 25px; position: absolute; top: 2px; left: 2px; width: 25px; z-index: 200; behavior: url(/global/scripts/lib/iepngfix.htc); } #main .calloutbox .icon.play { background-image: url(http://images.apple.com/euro/global/elements/buttons/icon-play.png); } /*--- PROMO FOOTER ---*/ #promofooter { margin-top: 18px; background: url(http://images.apple.com/euro/ipod/images/promofooter_bottom.gif) no-repeat 0 100%; zoom: 1; } #promofooter #promos { background: url(http://images.apple.com/euro/ipod/images/promofooter_top.gif) no-repeat; margin-bottom: 0; width: 980px; padding: 0 2px 4px; zoom: 1; } #promofooter #promos:after { content: '.'; display: block; height: 0; clear: both; visibility: hidden; } #promofooter #promos li.promo { position: relative; float: left; width: 244px; min-height: 15em; _height: 15em; padding-right: 1px; } #promofooter #promos li.promo a { color: #777; } #promofooter #promos li.promo:hover a { color:#08c; text-decoration: none; } #promofooter #promos h4 a, #promofooter #promos p a, #promofooter #promos ul { display: block; padding-left: 15px; padding-right: 12px; text-align: left; } #promofooter #promos h4 a { font-size: 18px; font-weight: normal; padding-top: 16px; } #promofooter #promos p { margin-bottom: 0; } #promofooter #promos p a { font-size: 11px; line-height: 1.4em; } #promofooter #promos a.image { height: 180px; position: absolute; bottom: 0; z-index: 100; } #promofooter #promos .promo.left p a { width: 105px; } #promofooter #promos .promo.right p a { width: 105px; left: 121px; } #promofooter #promos li.buy { position: relative; float: left; width: 244px; padding-right: 1px; } /*--- iPod-specific Buy Now Promo ---*/ #promofooter #promos li.buy h4 a { padding-bottom: 5px; } #promofooter #promos li.buy ul { list-style: none; font-size: 11px; line-height: 16px; color: #777; margin: 16px 0 9px 0; } #promofooter #promos li.buy ul li { margin-bottom: 4px; } #promofooter #promos li.buy ul li.shop { margin-right: 75px; } #promofooter #promos li.buy .button a { padding-left: 13px; } #promofooter #promos li.buy .product { position: absolute; top: 15px; left: 150px; } /*--- ITUNES ---*/ #itunes h1 { width: 435px; height: 78px; margin-top: 9px; margin-bottom: 9px; background: url(http://images.apple.com/euro/ipod/images/itunes-title20080909.png) no-repeat; text-indent: -9999px; overflow: hidden; } #itunes #content { padding: 32px 102px 24px; } #itunes #hero { margin-left: -50px; margin-right: -100px; margin-bottom: 55px; min-height: 400px; _height: 400px; } #itunes #hero h2 { color: #777; margin: 0 0 27px; width: 450px; line-height: 22px; } #itunes #hero p { width: 350px; } #itunes #hero p span { display: block; } #itunes #hero #uppercorner { position: absolute; top: -10px; right: 2px; } #itunes #hero #uppercorner p { font-size: 11px; line-height: 16px; margin: -104px 0 0 290px; width: 225px; } #itunes .row { zoom: 1; } #itunes .row:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; } #itunes .row h2 { margin-top: 0; position: relative; } #itunes .row img { position: relative; } #itunes #row1 img { margin-top: -90px; } #itunes #row2 { margin-top: -12px; } #itunes #row3 { margin-top: -100px; } #itunes #row4 { margin-top: 30px; } #itunes #row5 { margin-top: -60px; } #itunes #row1 h2 { padding-top: 0; } #itunes #row2 h2 { padding-top: 50px; } #itunes #row3 h2 { padding-top: 100px; } #itunes #row5 h2 { padding-top: 105px; } #itunes #row1 img, #itunes #row3 img { float: left; margin-left: -100px; } #itunes #row2 img, #itunes #row5 img { float: right; margin-right: -100px; } #itunes #row4 img { margin-right: 15px; } #itunes #row4 img, #itunes #row4 p { position: relative; } #itunes #row4 .first { width: 365px; margin-top: 36px; } #itunes #row4 .first p { margin-left: 65px; } #itunes #row4 .last { width: 445px; margin-top: -50px; margin-right: -30px; } #itunes #row4 .last p { margin-left: 59px; } #itunes .sosumi { clear: both; margin-left: -50px; margin-right: -50px; } #itunes #subcolumns { position:relative; left:-53px;} #itunes #subcolumns div img { margin-bottom:60px; } #itunes #subcolumns.grid2col div.column.last { margin-right:-15px; } /*--- GALLERY ---*/ .gallery { } .gallery #content h2 { float: left; margin-bottom: 6px; background: url(http://images.apple.com/euro/ipod/images/title_gallery20080909.png) no-repeat; width: 74px; height: 24px; text-indent: -9999px; overflow: hidden; } .gallery #content #gallerynav { float: right; font-size: 11px; margin: 12px 0 0 0; } .gallery #content #gallerynav li { float: left; margin-left: 20px; } .gallery #content #gallerynav li a { color: #333; padding-bottom: 14px; } .gallery #content #gallerynav li a:hover { text-decoration: none; } .gallery#photos #content #gallerynav li#gn-photos a, .gallery#qtvr #content #gallerynav li#gn-qtvr a, .gallery#ads #content #gallerynav li#gn-ads a { color: #999; background: url(/euro/global/elements/arrows/up_triangle.gif) no-repeat 50% 100%; } .gallery #content #gallery_content { clear: both; border: 1px solid #eee; border-width: 1px 0; padding-top: 10px; padding-bottom: 20px; } .gallery #content #gallery_content img { text-align: center; } /*--- SPECS ---*/ #specs #content { padding: 32px 50px 24px; } #specs #content .grid3col .column { margin-left: 50px; width: 260px; } #specs #content img { display: block; } #specs #content img.left, #specs #content img.right { display: inline; } #specs #content h2 { margin: 0 0 6px; background: url(http://images.apple.com/euro/ipod/images/title_specs20080909.png) no-repeat; width: 254px; height: 24px; text-indent: -9999px; overflow: hidden; } #specs #content h3 { clear: both; font-size: 15px; font-weight: normal; color: #000; line-height: 16px; margin-top: 16px; padding: 5px 0 10px; border-top: 1px solid #ddd; } #specs #content dl { display: inline; font-size: 11px; line-height: 16px; color: #666; } #specs #content dl#dimensions { display: block; margin-bottom: 32px; } #specs #content dl#dimensions dt { float: left; } #specs #content dl#dimensions dd { margin-left: 72px; } #specs #content dl#dimensions dt, #specs #content dl#dimensions dd { margin-bottom: 8px; } #specs #content dl#dimensions span { font-weight: bold; color: #333; } #specs #content ul { margin-bottom: 32px; font-size: 11px; line-height: 16px; color: #666; } #specs #content ul ul { margin-top: 8px; margin-bottom: 16px; } #specs #content ul li { margin-bottom: 8px; } #specs #content ul.seeimage { margin: 0; height: 0; text-indent: -9999px; overflow: hidden; } #specs #content #environment { clear: both; margin-top: -2px; padding: 0 25px 0 32px; background: url(http://images.apple.com/euro/ipod/images/specs_env_bg20080711.jpg) repeat-y; zoom: 1; } #specs #content #environment p { padding: 0; font-size: 12px; line-height: 16px; margin-bottom: 16px; color: #666; background: none; } #specs #content #environment img { margin-right: 15px; } #specs #content #environment h3 { border: 0 none; margin: 0 -25px 0 -32px; padding: 0; background: url(http://images.apple.com/euro/ipod/images/specs_env_title20080711.jpg) no-repeat; width: 260px; height: 96px; text-indent: -9999px; overflow: hidden; } #specs #content #environment ul { margin: 0 -25px 0 -32px; padding: 0 25px 24px 32px; background: url(http://images.apple.com/euro/ipod/images/specs_env_bottom20080711.jpg) no-repeat 0 100%; } #specs #content #accessories { border-bottom: 1px solid #ddd; margin-bottom: 16px; zoom: 1; } #specs #content #accessories:after { content: '.'; display: block; height: 0; clear: both; visibility: hidden; } #specs #content #accessories h3 { zoom: 1; font-size: 18px; padding: 10px 0 21px; margin-bottom: 0; } #specs #content #accessories h4, #specs #content #accessories p { font-size: 11px; line-height: 16px; } #specs #content #accessories h4 { margin: 0; } #specs #content #accessories ul { margin-bottom: 16px; } #specs #content #accessories p.aos { clear: both; text-align: right; } #specs #content #accessories img.left { margin-right: 12px; } #specs #content #accessories img.right { margin-left: 12px; } #specs #content #accessories #inear, #specs #content #accessories #headphones, #specs #content #accessories #adapter, #specs #content #accessories #dock { clear: both; } #specs #content #accessories #inear img, #specs #content #accessories #earphones img { margin-top: -47px; position: relative; } #specs #content #accessories #inear img { margin-right: -10px; } #specs #content #accessories #dock img { margin-left: -30px; position: relative; } #specs #content #accessories #dock p { margin-left: 114px; } /* image-specific */ #specs #headphones { position: relative; padding-bottom: 8px; zoom: 1; } #specs #headphones ul { padding-right: 75px; } #specs #headphones img { position: absolute; bottom: 0; margin-bottom: -16px; right: 0; } #specs #inout { position: relative; padding-bottom: 8px; zoom: 1; } #specs #inout ul { padding-right: 100px; } #specs #inout img { position: absolute; bottom: 0; margin-bottom: -16px; right: 0; } #specs #box img.right { margin-top: -20px; } /*--- iPod Comparison Chart ---*/ #compare { padding-top: 16px; } #compare img { display: inline; } #compare table { color: #777; font-size: 11px; line-height: 16px; border-collapse: separate; margin-bottom: 32px; } #compare tr { } #compare tr th.oneword { word-spacing: -.35em; } #compare tr th, #compare tr td { vertical-align: top; padding: 8px 10px 10px 14px; border-bottom: 1px solid #eff3f4; } #compare tr th { color: #444; font-weight: bold; padding-left: 0; border-right: 1px solid #eff3f4; } #compare tr.head img { display: block; } #compare tr.head th { padding: 0; border: 0; border-bottom: 1px solid #eff3f4; } #compare tr td { background-color: #fff; border-left: 1px solid #fff; border-right: 1px solid #eff3f4; } #compare tr.alt td { background-color: #eff3f4; } #compare tr.bottom th { border-bottom: 0; } #compare tr.bottom td { padding-bottom: 32px; } #compare tr .shuffle.left { border-left: 0; } #compare tr .shuffle.right, #compare tr .nano.right, #compare tr .classic.right { border-right: 1px solid #d2d5d6; } /*#compare tr.storage td.classic, #compare tr.price td.classic, #compare tr.songs td.classic, #compare tr.color td.classic { text-align: center; }*/ #compare tr.color td { padding-right: 7px; } /*#compare tr.color td.classic ul { margin-left: 62px; }*/ #compare tr.color li, #specs #compare tr.color li { float: left; margin: 2px 2px 0 0; } #compare tr.color li.newline { clear: left; } #compare tr.color li img { display: block; } /* lens top */ body.ipodshuffle #compare tr.head th.shuffle, body.ipodnano #compare tr.head th.nano, body.ipodclassic #compare tr.head th.classic, body.ipodtouch #compare tr.head th.touch { border-bottom: 1px solid #9ea2a6; } /* lens left */ body.ipodshuffle #compare tr .shuffle.left, body.ipodnano #compare tr .nano.left, body.ipodclassic #compare tr .classic.left, body.ipodtouch #compare tr .touch.left { border-left: 1px solid #9ea2a6; } /* lens right */ body.ipodshuffle #compare tr .shuffle.right, body.ipodnano #compare tr .nano.right, body.ipodclassic #compare tr .classic.right, body.ipodtouch #compare tr .touch.right { border-right: 1px solid #9ea2a6; } /* lens magic */ body.ipodshuffle #compare tr th, body.ipodnano #compare tr .shuffle.right, body.ipodclassic #compare tr .nano.right, body.ipodtouch #compare tr .classic.right { border-right: 0; } /* lens bottom */ body.ipodshuffle #compare tr.bottom .shuffle { border-bottom: 1px solid #9ea2a6; } body.ipodnano #compare tr.bottom .nano { border-bottom: 1px solid #9ea2a6; } body.ipodclassic #compare tr.bottom .classic { border-bottom: 1px solid #9ea2a6; } body.ipodtouch #compare tr.bottom .touch { border-bottom: 1px solid #9ea2a6; } /*--- PRODUCT RED ---*/ #productred h1 { background: url(http://images.apple.com/euro/ipod/red/images/red_title20080909.jpg) no-repeat; width: 433px; height: 92px; } #productred a { color: #bf1238; } #productred #content { width: 880px; } #productred .grid2col .column.first { width: 45%; margin-bottom: 50px; } #productred .grid2col .column.last { width: 340px; } /*--- LEGAL ---*/ .sosumi span { display: block; }