/*Layout Information*/ /*© 2008 Sweetwater Landscape - All Rights Reserved.*/ /*--- FOR BASE ---*/ #contentheader ul li a { color: #333; } /*--- CONTENTHEADER ---*/ #contentheader { border: 0; } body#all #contentheader ul li#pn-all a, body.pondless #contentheader ul li#pn-pondless a, body#pondless #contentheader ul li#pn-pondless a, body#pond #contentheader ul li#pn-pond a, body#itunes #contentheader ul li#pn-itunes a, body.gallery #contentheader ul li#pn-gallery a, body#specs #contentheader ul li#pn-specs a { color: #999; cursor: default; } /* CLIENT NAME */ #arfsten #content h2 { margin: 0 0 6px; background: url(http://www.getpond.com/images/portfolio/names/arfsten.gif) no-repeat; width: 207px; height: 21px; text-indent: -9999px; overflow: hidden; } /*--- LAYOUT ---*/ html { background-color: #f5f6f7; } body { background: transparent; width: 984px; margin: 0 auto; } #container { background: url(http://www.getpond.com/images/portfolio/base/content_top.png) no-repeat 0 0; padding-top: 10px; width: 100%; } #content { padding: 32px 52px 0; background: url(http://www.getpond.com/images/portfolio/base/content_bg.png) repeat-y; } #main { background: url(http://www.getpond.com/images/portfolio/base/content_bottom.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; margin-bottom: 0 !important; } #overview .sosumi { padding: 0 22px; } ol.sosumi { padding-left: 0; } /*--- CALLOUTBOX ---*/ #main .calloutbox { background: #fff url(http://www.getpond.com/images/portfolio/base/calloutbox-bg.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://www.getpond.com/images/elements/enlarge_icon.png) no-repeat top left; height: 25px; position: absolute; top: 2px; left: 2px; width: 25px; z-index: 200; } #main .calloutbox .icon.play { background-image: url(http://www.getpond.com/images/elements/icon-play.png); } /*--- PROMO FOOTER ---*/ #promofooter { margin-top: 18px; background: url(http://images.apple.com/ipod/images/promofooter_bottom.gif) no-repeat 0 100%; zoom: 1; } #promofooter #promos { background: url(http://images.apple.com/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() 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; } /*--- GALLERY ---*/ .gallery #content h2 { float: left; margin-bottom: 6px; background: url(http://images.apple.com/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(http://images.apple.com/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/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/ipod/images/specs_env_bg20080910.jpg) repeat-y; zoom: 1; } #specs #content #environment p { color: #362f2d; padding: 0; font-size: 12px; line-height: 20px; margin-bottom: 20px; } #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/ipod/images/specs_env_title20080910.jpg) no-repeat; width: 260px; height: 96px; text-indent: -9999px; overflow: hidden; } #specs #content #environment ul { color: #362f2d; margin: 0 -25px 0 -32px; padding: 0 25px 24px 44px; font-weight: bold; background: url(http://images.apple.com/ipod/images/specs_env_bottom20080910.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 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.color td { padding-right: 7px; } #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() 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; } body#itunes .overlaypanel.modal img.overlayPanelShadowImage { height:120%; top:-6.8%; } #contentheader { z-index: 200; } #contentheader h2 a { width: 136px; background-image: url(http://www.getpond.com/images/portfolio/hdr-portfolio.png); } /*--- OVERVIEW ---*/ #overview #content { padding-top: 13px; } #overview #hero #flip-flop { margin:-3px -41px 0; overflow: hidden; } #overview #hero h1 { background: url(http://images.apple.com/ipodnano/images/ipodnano_home_header20080910.png) no-repeat; width: 411px; height: 53px; margin-left: 235px; behavior: url(/global/scripts/lib/iepngfix.htc); } #overview #hero p { text-align: center; color: #888; line-height: 21px; } #overview #hero .watchthevideo img { margin-top: -2px; vertical-align: middle; } #overview #main { background: none; padding: 0px; } #overview #bottomgrad { background: url(http://images.apple.com/ipodnano/images/ipodnano_bottomgrad20080909.png) no-repeat; width: 984px; height: 250px; margin: -250px -52px 0 -52px; position: relative; behavior: url(/global/scripts/lib/iepngfix.htc); } #overview #features { position: relative; z-index: 2; margin-top: -18px; margin-bottom: 18px; } #overview #features h2 { color:#a1a5a9; border-bottom:1px solid #e2e3e4; padding-bottom:2px; font-size:12px; font-weight:normal; position: relative; z-index: 10; } #overview #features h3 { font-size:16px; color:#000; font-weight:normal; width: 140px; padding-bottom: 17px; margin-top: 25px; position: relative; z-index: 10; } #overview #features .column { width: 260px; margin-left: 50px; } #overview #features .column img { float: right; position: relative; z-index: 5; } #overview #features p { width: 255px; position: relative; z-index: 10; } #overview #features span { display: block; } #overview #adicon { position: relative; height:67px; width: 146px; margin: -70px 0 0 398px; color: #898989; z-index:50; } #overview #adicon p { text-align: right; margin-top:-34px; font-size:11px; } #buynowstrip { margin: 18px 1px; width: 982px; height: 91px; background: url(http://images.apple.com/ipodnano/images/buynowstrip_bg20080909.png) no-repeat; behavior: url(/global/scripts/lib/iepngfix.htc); } #buynowstrip h4 { float: left; padding: 14px 48px 0 45px; } #buynowstrip a.buynow { float: right; margin: 15px 20px 0 0; } #buynowstrip ul { padding-top: 20px; font-size: 12px; line-height: 16px; color: #999; } #buynowstrip ul li strong { font-weight: normal; color: #000; } #buynowstrip a { color: #08c; text-decoration: none; } #buynowstrip a:hover { text-decoration: underline; } /*--- FEATURES ---*/ #features #content { padding-bottom: 18px; } #features h1 { width: 250px; height: 36px; margin-bottom: 9px; background: url(http://images.apple.com/ipodnano/images/features-title20080909.png) no-repeat; text-indent: -9999px; overflow: hidden; } #features p.intro { width: 250px; } #features #row1, #features #row2, #features #row3 { clear: both; width: 880px; } #features #row1 h2, #features #row2 h2, #features #row3 h2, #features #row1 img, #features #row2 img, #features #row3 img { position: relative; } #features #row3 { zoom: 1; margin-bottom: 27px; } #features #row3:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; } #features #row1 .column, #features #row3 .column { width: 260px; margin-left: 50px; } #features #row1 .first { margin-right: -20px; width: 280px; } #features #row2 .first { width: 570px; } #features #row2 .last { width: 260px; } #features #row1 .first img#genius { margin-top: 90px; margin-bottom: 0; } #features #row1 .last img { margin-bottom: -27px; } #features #row2 .first img { margin-left: -50px; margin-top: -130px; } #features #row2 .last img { margin-top: -120px; margin-bottom: -12px; } #features #row3 .middle img { margin-bottom: -18px; } #features #row3 .last img { margin-right: -50px; margin-bottom: -18px; } #features #row1 .first h2 { margin-top: 108px; } #features #row2 .first h2, #features #row2 .first p { margin-left: 312px; position: relative; z-index: 2; margin-right: -20px; } #features #row2 .last p { margin-bottom: 36px; } #features #row3 .middle img, #features #row3 .first h2 { margin-top: -90px; } #features #row3 p { position: relative; } #features .grid3col { width: 830px; padding: 18px 20px 0 20px; clear: both; background: #f8f8f9 url(http://images.apple.com/ipodnano/images/features-bottom20080909.gif) no-repeat 0 50%; margin-bottom: 18px; -moz-border-radius: 5px; -webkit-border-radius: 5px; } #features .grid3col .column { width: 260px; margin-left: 30px; } #features .grid3col .column.last { width: 250px; } #features .grid3col h3 { font-size: 12px; font-weight: bold; margin-top: 0; } #features .grid3col img { margin-top: -2px; margin-right: 10px; margin-bottom: 0;} #features .grid3col p { font-size: 11px; line-height: 16px; color: #444; margin-bottom: 0;} #features .grid3col p span { display: block; } /*--- SPECS ---*/ #specs #display { position: relative; padding-bottom: 144px; } #specs #display img { position: absolute; bottom: -16px; } /* pill buttons */ #OverlayPanel p.pillbutton { display:block; min-height:3em; margin:0 auto 1em; padding-right:43px; text-align:center; font-size:15px; padding-top:165px; line-height:1.3em; } #OverlayPanel p.pillbutton a { display:inline-block; position:relative; color:#fff; text-decoration:none; outline:none; moz-outline:none; } #OverlayPanel p.pillbutton a span, #OverlayPanel p.pillbutton a b { display:inline-block; width:auto; padding:15px 0; text-align:left; outline:none; } #OverlayPanel p.pillbutton a span { padding-right:8px; padding-left:25px; background:url(http://images.apple.com/global/elements/buttons/pillbevel_leftcap.png) no-repeat 0 50%; _background-image:url(http://images.apple.com/global/elements/buttons/pill_leftcap.gif); } #OverlayPanel p.pillbutton a b { position:absolute; width:43px; top:0; right:-43px; text-indent:-9999px; background:url(http://images.apple.com/global/elements/buttons/pillbevel_rightcap.png) no-repeat 0 50%; _background-image:url(http://images.apple.com/global/elements/buttons/pill_rightcap.gif); } #OverlayPanel p.pillbutton a b, x:-moz-any-link { display:-moz-inline-block; margin-top:-16px; margin-right:5px; } /* this is for firefox because it's dumb when it comes to inline-block */ #OverlayPanel p.pillbutton a b, x:-moz-any-link, x:default { top:0; margin-top:0; } /* this is to reset IE7 because it was reading the above */ #OverlayPanel p.pillbutton a:hover { color:#e6e6e6; cursor:pointer; } /* Features Overlays */ #OverlayPanel .panel { height: 510px; width: 765px; *padding-top: 85px; } #OverlayPanel .overlayPanelContent h2 { color: #666; margin-top: 34px; margin-left: 24px; font-size: 20px; position: absolute; top: 0; left: 26px; _top: 10px; font-weight: normal;} #OverlayPanel .overlayPanelContent p { color: #777; font-size: 12px !important; font-weight: normal; margin-bottom: 6px; width: 150px; } #OverlayPanel .overlayPanelContent .moviePanel { width: 640px; height: 360px; margin-left: 50px; margin-top: 60px; padding-top: 0; background-color: #000; } #OverlayPanel .overlayPanelContent .controllerPanel { margin-left: 50px; } #OverlayPanel .feature-nano-overlay .endState { width: 640px; height: 360px; background: url(http://images.apple.com/ipodnano/images/ipodnano_endframe_20080909.jpg) no-repeat left top; } /* Gallery */ #main #content { float: none; } body.gallery #main #content #gallery_content .swapped-content { height: 489px; overflow: hidden; padding-left: -10px; margin-bottom: 0px; } body.gallery #main #content #image-sections { display: none; } body.gallery #main #content #image-sections img { display: none; } body.gallery #main #content #image-sections .swappped-content { display: none; } body.gallery #main #content #gallery_content #image_switcher { clear: left; width: 920px; height: 1px; margin: 0px 36px -21px; } body.gallery #main #content #gallery_content #image_switcher li { display: block; float: left; width: 112px; margin: 0px 7px 0px 0px; padding-left: 0px; padding-bottom: 20px; cursor: pointer; outline: none; } body.gallery #main #content #gallery_content #image_switcher a { display:block; padding-top: 24px; width: 100px; margin-bottom: 0px; font-size: 10px; line-height: 14px; text-align: center; color: #000; text-decoration: none; } body.gallery #main #content #gallery_content #image_switcher a img { margin: 0px auto; display:block; margin-bottom: -18px; } body.gallery #main #content #gallery_content #image_switcher a.active { background:url(http://images.apple.com/global/elements/arrows/down_triangle.gif) no-repeat center top; color: #878787; } body.gallery #main #content #gallery_content #image_switcher a:hover { color: #878787; } body.gallery #main #content #gallery_content { border: 0px; padding-top: 0px; } body.gallery #main #content #main_gallery_images #divider-lines { height: 100px; border-top: 1px solid #eee; border-bottom: 1px solid #eee; margin-bottom: 40px; } /* Color Picker */ body.gallery #main #content ul.colorpicker { float: left; font-size: 12px; margin: -210px 0px 0px 0px; padding: 0px; width: 225px; position: relative; } body.gallery #main #content ul.colorpicker li { margin: 0; padding: 0px; } body.gallery #main #content ul.colorpicker li a { width: 24px; height: 24px; display: block; } body.gallery #main #content ul.colorpicker li img.left { margin: 0; } body.gallery #main #content ul.colorpicker li#cs-title { width: 170px; padding: 0px; color: #666; font-size: 11px; font-weight: bold; line-height: 17px; } body.gallery #main #content ul.colorpicker li.cs-black, body.gallery #main #content ul.colorpicker li.cs-silver, body.gallery #main #content ul.colorpicker li.cs-pink, body.gallery #main #content ul.colorpicker li.cs-purple, body.gallery #main #content ul.colorpicker li.cs-blue, body.gallery #main #content ul.colorpicker li.cs-green, body.gallery #main #content ul.colorpicker li.cs-yellow, body.gallery #main #content ul.colorpicker li.cs-orange, body.gallery #main #content ul.colorpicker li.cs-red { float: left; width: 22px; } body.gallery #main #content ul.colorpicker li.cs-black a, body.gallery #main #content ul.colorpicker li.cs-silver a, body.gallery #main #content ul.colorpicker li.cs-pink a, body.gallery #main #content ul.colorpicker li.cs-purple a, body.gallery #main #content ul.colorpicker li.cs-blue a, body.gallery #main #content ul.colorpicker li.cs-green a, body.gallery #main #content ul.colorpicker li.cs-yellow a, body.gallery #main #content ul.colorpicker li.cs-orange a, body.gallery #main #content ul.colorpicker li.cs-red a { position:relative; display: block; text-indent: -9999px; overflow: hidden; width:24px; height:24px; } body.gallery #main #content ul.colorpicker li.cs-black a.active { background: url(http://images.apple.com/ipod/images/choose_black_20080909.gif) no-repeat 0 -27px; cursor: pointer; } body.gallery #main #content ul.colorpicker li.cs-black { background: url(http://images.apple.com/ipod/images/choose_black_20080909.gif) no-repeat 0 0; cursor: pointer; } body.gallery #main #content ul.colorpicker li.cs-silver a.active { background: url(http://images.apple.com/ipod/images/choose_silver_20080909.gif) no-repeat 0 -27px; cursor: pointer; } body.gallery #main #content ul.colorpicker li.cs-silver { background: url(http://images.apple.com/ipod/images/choose_silver_20080909.gif) no-repeat 0 0; cursor: pointer; } body.gallery #main #content ul.colorpicker li.cs-pink a.active { background: url(http://images.apple.com/ipod/images/choose_pink_20080909.gif) no-repeat 0 -27px; cursor: pointer; } body.gallery #main #content ul.colorpicker li.cs-pink { background: url(http://images.apple.com/ipod/images/choose_pink_20080909.gif) no-repeat 0 0; cursor: pointer; } body.gallery #main #content ul.colorpicker li.cs-purple a.active { background: url(http://images.apple.com/ipod/images/choose_purple_20080909.gif) no-repeat 0 -27px; cursor: pointer; } body.gallery #main #content ul.colorpicker li.cs-purple { background: url(http://images.apple.com/ipod/images/choose_purple_20080909.gif) no-repeat 0 0; cursor: pointer; } body.gallery #main #content ul.colorpicker li.cs-blue a.active { background: url(http://images.apple.com/ipod/images/choose_blue_20080909.gif) no-repeat 0 -27px; cursor: pointer; } body.gallery #main #content ul.colorpicker li.cs-blue { background: url(http://images.apple.com/ipod/images/choose_blue_20080909.gif) no-repeat 0 0; cursor: pointer; } body.gallery #main #content ul.colorpicker li.cs-green a.active { background: url(http://images.apple.com/ipod/images/choose_green_20080909.gif) no-repeat 0 -27px; cursor: pointer; } body.gallery #main #content ul.colorpicker li.cs-green { background: url(http://images.apple.com/ipod/images/choose_green_20080909.gif) no-repeat 0 0; cursor: pointer; } body.gallery #main #content ul.colorpicker li.cs-yellow a.active { background: url(http://images.apple.com/ipod/images/choose_yellow_20080909.gif) no-repeat 0 -27px; cursor: pointer; } body.gallery #main #content ul.colorpicker li.cs-yellow { background: url(http://images.apple.com/ipod/images/choose_yellow_20080909.gif) no-repeat 0 0; cursor: pointer; } body.gallery #main #content ul.colorpicker li.cs-orange a.active { background: url(http://images.apple.com/ipod/images/choose_orange_20080909.gif) no-repeat 0 -27px; cursor: pointer; } body.gallery #main #content ul.colorpicker li.cs-orange { background: url(http://images.apple.com/ipod/images/choose_orange_20080909.gif) no-repeat 0 0; cursor: pointer; } body.gallery #main #content ul.colorpicker li.cs-red.active { background: url(http://images.apple.com/ipod/images/choose_red_20080909.gif) no-repeat 0 -27px; cursor: pointer; } body.gallery #main #content ul.colorpicker li.cs-red { background: url(http://images.apple.com/ipod/images/choose_red_20080909.gif) no-repeat 0 0; cursor: pointer; } /* TV ad */ #main #ad-container { position:relative; width:848px; height:480px; margin:0pt 13px 2.8em; } #main #ad-container object { position:relative; z-index:100px; } body.small #main #ad-container { width:320px; height:180px; padding:150px 267px 151px; } body.medium #main #ad-container { width:640px; height:360px; padding:50px 107px 71px; } body.large #main #ad-container { width:848px; height:480px; } /* WIDESCREEN VIDEOS */ body.widescreen.small #main #ad-container { height: 180px; } body.widescreen.medium #main #ad-container { height: 272px; } body.widescreen.large #main #ad-container { height: 360px; } body#ads #content { padding-bottom: 18px; } body#ads #main .sosumi { padding-top: 18px; } body#ads p.right { display: inline; float: right; margin-top: 17px; } body#ads p.right a { color: #969696; } body#ads p.right a:hover { color: #252525; } body#ads #main ul.piped { float: right; margin-right: 20px; } body#ads #main ul.piped a { color: #969696; } body#ads.small #main ul.piped li a.small, body#ads.medium #main ul.piped li a.medium, body#ads.large #main ul.piped li a.large { color: #252525; } #main #ad-container .noqt { display:none; font-size:20px; } #main #ad-container .noqt img { position:absolute; top:50%; left:50%; margin-top:-4em; margin-left:-44px; } #main #ad-container .sosumi { position:absolute; top:50%; width:100%; text-align:center; margin-top:-1.4em; font-size:20px !important; line-height:1.4em; } #main #ad-container.loading object { width:1px !important; height:1px !important; visibility: hidden; } #main #ad-container img.loading { display:block; margin:42% auto 0; } #main #moviecontroller { position:relative; width:830px; height:8px; padding:6px 0 5px; margin:25px 0 10px 10px; } #main #moviecontroller div.control { position:relative; width: 18px; height:10px; text-indent:-999px; cursor:pointer; overflow:hidden; background:url(http://images.apple.com/iphone/images/qt_movie_playpause20080609.gif) center top no-repeat; margin-top: -9px; } #main #moviecontroller div.control.play { } #main #moviecontroller div.control.pause { background-position:center -10px; } #main #moviecontroller div.sliderPanel { position:absolute; top:-6px; left:20px; height:8px; width:422px; } #main #moviecontroller div.sliderPanel div.track { position:absolute; left:0px; width:840px; height:18px; background:url(http://images.apple.com/iphone/images/qt_movie_bgtrack20080609.gif) no-repeat left top; text-align:left; } #main #moviecontroller div.sliderPanel div.track div.loadedProgress { position:absolute; top:0; height:18px; background:url(http://images.apple.com/iphone/images/qt_movie_bgtrack_load20080609.gif) no-repeat left top; overflow:hidden; } #main #moviecontroller div.sliderPanel div.track div.trackProgress { display:none; } #main #moviecontroller div.sliderPanel div.track div.playHead { position:absolute; top: 2px; width:14px; height:14px; background:url(http://images.apple.com/iphone/images/qt_movie_pointer20080609.gif) no-repeat left top; cursor:pointer; } /* pill buttons */ #main #ad-container ul { position: absolute; top: 225px; left: 340px; } #main #ad-container .pillbutton { display:block; min-height:3em; margin:0 auto 1em; padding-right:43px; text-align:center; font-size:15px; line-height:1.3em; } #main #ad-container .pillbutton a { display:inline-block; position:relative; color:#fff; text-decoration:none; } #main #ad-container .pillbutton a span, #main #ad-container .pillbutton a b { display:inline-block; width:auto; padding:15px 0; text-align:left; outline:none; } #main #ad-container .pillbutton a span { padding-right:8px; padding-left:25px; background:url('http://images.apple.com/global/elements/buttons/pillbevel_leftcap.png') no-repeat 0 50%; _background-image:url('http://images.apple.com/global/elements/buttons/pill_leftcap.gif'); } #main #ad-container .pillbutton a b { position:absolute; width:43px; top:0; right:-43px; text-indent:-9999px; background:url('http://images.apple.com/global/elements/buttons/pillbevel_rightcap.png') no-repeat 0 50%; _background-image:url('http://images.apple.com/global/elements/buttons/pill_rightcap.gif'); } #main #ad-container .pillbutton a b, x:-moz-any-link { top:inherit; margin-top:-15px; } /* this is for firefox because it's dumb when it comes to inline-block */ #main #ad-container .pillbutton a b, x:-moz-any-link, x:default { top:0; margin-top:0; } /* this is to reset IE7 because it was reading the above */ #main #ad-container .pillbutton a:hover { color:#e6e6e6; cursor: pointer; } #main #ad-container .endstate { position: absolute; top: 0; left: 0; }