1/* RESET */ 2html,body,div,ul,ol,li,dl,dt,dd,h1,h2,h3,h4,h5,h6,pre,form,p,blockquote,fieldset,input,abbr,article,aside,command,details,figcaption,figure,footer,header,hgroup,mark,meter,nav,output,progress,section,summary,time { margin: 0; padding: 0; } 3h1,h2,h3,h4,h5,h6,pre,code,address,caption,cite,code,em,strong,th,figcaption { font-size: 1em; font-weight: normal; font-style: normal; } 4fieldset,iframe { border: none; } 5caption,th { text-align: left; } 6table { border-collapse: collapse; border-spacing: 0; } 7article,aside,footer,header,hgroup,nav,section,figure,figcaption { display: block; } 8 9/* LAYOUT */ 10html { background-color:#fff; } 11 12.clear { clear: both; } 13.clearer { clear: both; display: block; margin: 0; padding: 0; height: 0; line-height: 1px; font-size: 1px; } 14.selfclear { zoom:1; } 15.selfclear:after { content:'.'; display:block; height:0; clear:both; visibility:hidden; } 16 17img, .search-wrapper .left, .search-wrapper .right, ul.sp-results li.viewall a, ul.sp-results li .replacementimg, 18#globalfooter #breadcrumbs, #globalfooter #breadcrumbs span, #directorynav .capbottom, 19#productheader h1 a, #productheader h2 a, #main .maincap { behavior: url(/global/scripts/lib/iepngfix.htc); } 20 21img { border: 0; } 22img.left { float: left; margin: 2px 20px 16px 0; } 23img.right { float: right; margin: 2px 0 16px 20px; } 24img.across { margin: 2px 0 16px 0; } 25img.flushleft { margin-left: -20px; } 26img.flushright { margin-right: -20px; } 27 28.replaced { display: block; width: 1px; height: 1px; outline: none; overflow: hidden; text-indent: -9999px; } 29#omniture, #top { position: absolute; top: 0; } 30#container { width: 980px; margin: 0 auto; position: relative; } 31#main { width: 100%; position: relative; } 32#content { padding: 18px 20px; position: relative; color: #333; } 33#breadcrumb { clear: both; text-align: center; margin: 18px auto; clear: both; font-size: 10px; color: #686868; } 34 35.content { background: #fff; border: 1px solid; border-color: #e5e5e5 #dbdbdb #d2d2d2; -webkit-box-shadow: rgba(0,0,0,0.3) 0 1px 3px; -moz-box-shadow: rgba(0,0,0,0.3) 0 1px 3px; box-shadow: rgba(0,0,0,0.3) 0 1px 3px; } 36.content:nth-child(1n) { border: none; } /* reset border for smart browsers */ 37 38.content, 39.rounded { border-radius: 4px; -webkit-border-radius: 4px; -moz-border-radius: 4px; -o-border-radius: 4px; -khtml-border-radius: 4px; } 40 41.shadow { -webkit-box-shadow: rgba(0,0,0,0.35) 0 1px 3px; -moz-box-shadow: rgba(0,0,0,0.35) 0 1px 3px; box-shadow: rgba(0,0,0,0.35) 0 1px 3px; } 42img.shadow { padding: 5px; background: #fff; margin-bottom: 2px; *border: 1px solid #e2e2e2; _position: relative; } 43 44 45.callout { border-radius: 7px; -webkit-border-radius: 7px; -moz-border-radius: 7px; -o-border-radius: 7px; -khtml-border-radius: 7px; } 46 47.roundedtop { border-radius: 4px 4px 0 0; -webkit-border-top-left-radius:4px; -webkit-border-top-right-radius:4px; -moz-border-radius: 4px 4px 0 0; -o-border-radius: 4px 4px 0 0; -khtml-border-radius: 4px 4px 0 0; } 48.roundedbottom { border-radius: 0 0 4px 4px; -webkit-border-bottom-left-radius:4px; -webkit-border-bottom-right-radius:4px; -moz-border-radius: 0 0 4px 4px; -o-border-radius: 0 0 4px 4px; -khtml-border-radius: 0 0 4px 4px; } 49.roundedright { border-radius: 0 4px 4px 0; -webkit-border-top-right-radius:4px; -webkit-border-bottom-right-radius:4px; -moz-border-radius: 0 4px 4px 0; -o-border-radius: 0 4px 4px 0; -khtml-border-radius: 0 4px 4px 0; } 50.roundedleft { border-radius: 4px 0 0 4px; -webkit-border-top-left-radius:4px; -webkit-border-bottom-left-radius:4px; -moz-border-radius: 4px 0 0 4px; -o-border-radius: 4px 0 0 4px; -khtml-border-radius: 4px 0 0 4px; } 51.roundedtopleft { border-radius:4px 0 0; -webkit-border-top-left-radius:4px; -moz-border-radius:4px 0 0; -o-border-radius:4px 0 0; -khtml-border-radius:4px 0 0; } 52.roundedtopright { border-radius: 0 4px 0 0; -webkit-border-top-right-radius:4px; -moz-border-radius:0 4px 0 0; -o-border-radius:0 4px 0 0; -khtml-border-radius: 0 4px 0 0; } 53.roundedbottomleft { border-radius: 0 0 0 4px; -webkit-border-bottom-left-radius:4px; -moz-border-radius: 0 0 0 4px; -o-border-radius: 0 0 0 4px; -khtml-border-radius: 0 0 0 4px; } 54.roundedbottomright { border-radius: 0 0 4px 0; -webkit-border-bottom-right-radius:4px; -moz-border-radius: 0 0 4px 0; -o-border-radius: 0 0 4px 0; -khtml-border-radius: 0 0 4px 0; } 55 56.grabbable { cursor:move; cursor:-webkit-grab; cursor:-moz-grab; cursor:grab; } 57.grabbing, 58.grabbing .grabbable { cursor:move; cursor:-webkit-grabbing; cursor:-moz-grabbing; cursor:grabbing; } 59 60/* GRID */ 61.column { float: left; } 62.grid2col, .grid2cola, .grid2colb, .grid2colc, .grid2cold, .grid2cole, .grid2colf, .grid3col, .grid3cola, .grid4col, .grid5col, .grid6col { width: 100%; } 63 64.grid2col .column { width: 49%; } 65.grid2col .grid2col .column { width: 47.8%; } 66.grid3col .grid2col .column { width: 46%; } 67.grid4col .grid2col .column { width: 45%; } 68 69.grid2cola .column.first { width: 66%; } 70.grid2cola .column.last { width: 32%; } 71 72.grid2colb .column.first { width: 74.9%; } 73.grid2colb .column.last { width: 23%; } 74 75.grid2colc .column.first { width: 32%; } 76.grid2colc .column.last { width: 66%; } 77 78.grid2cold .column.first { width: 23%; } 79.grid2cold .column.last { width: 74.9%; } 80 81.grid2cole .column.first { width: 79%; } 82.grid2cole .column.last { width: 19%; } 83 84.grid2colf .column.first { width: 19%; } 85.grid2colf .column.last { width: 79%; } 86 87.grid3col .column { width: 32%; margin-left: 2%; } 88.grid2col .grid3col .column { width: 31%; } 89 90.grid3cola .column { width: 58%; margin-left: 2%; } 91.grid3cola .column.first, 92.grid3cola .column.last { width: 19%; } 93 94.grid4col .column { width: 23%; margin-left: 3%; } 95 96.grid5col .column { width: 18.4%; margin-left: 2%; } 97 98.grid6col .column { width: 15%; margin-left: 2%; } 99 100.column.first, .column.last { margin-left: 0 !important; } 101.column.last { float: right !important; } 102 103p.last, ul.last, ol.last, li.last { _width: auto !important; _float: none !important; } 104 105#container:after, #content:after, .grid2col:after, .grid2cola:after, .grid2colb:after, .grid2colc:after, .grid2cold:after, .grid2cole:after, .grid2colf:after, .grid3col:after, .grid3cola:after, .grid4col:after, .grid5col:after, .grid6col:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; } 106#container, #content, .grid2col, .grid2cola, .grid2colb, .grid2colc, .grid2cold, .grid2cole, .grid2colf, .grid3col, .grid3cola, .grid4col, .grid5col, .grid6col { zoom: 1; } 107 108/* TYPE */ 109body { font: 12px/18px "Lucida Grande", "Lucida Sans Unicode", Helvetica, Arial, Verdana, sans-serif; background-color: transparent; color: #333; -webkit-font-smoothing: antialiased; } 110 111a { color: #08c; } 112a:link, a:visited, a:active { text-decoration: none; } 113a:hover { text-decoration: underline; } 114a.block { display: block; cursor: pointer; } 115a.block span, 116a.block em { color:#08c; cursor: pointer; } 117a.block:hover { text-decoration: none; } 118a.block:hover span, 119a.block:hover em { color: #08c; text-decoration: underline; } 120a.more, em.more, span.more { white-space: nowrap; padding-right: 10px; background: url(http://images.apple.com/global/elements/arrows/morearrow_08c.gif) no-repeat 100% 50%; cursor: pointer; zoom: 1; } 121a.morelarge, em.morelarge, span.morelarge { white-space:nowrap; padding-right:12px; background:url(http://images.apple.com/global/elements/arrows/morearrow_big_08c.gif) no-repeat 100% 50%; cursor:pointer; zoom:1; } 122a.lesslarge, em.lesslarge, span.lesslarge { white-space:nowrap; padding-left:12px; background:url(http://images.apple.com/global/elements/arrows/lessarrow_big_08c.gif) no-repeat 0 50%; cursor:pointer; zoom:1; } 123@media only screen { 124 a.more, em.more, span.more { background-image:url(./../elements/arrows/morearrow_08c.svg); } 125 a.morelarge, em.morelarge, span.morelarge { background-image:url(./../elements/arrows/morearrow_big_08c.svg); } 126 a.lesslarge, em.lesslarge, span.lesslarge { background-image:url(./../elements/arrows/lessarrow_big_08c.svg); } 127} 128a.external, em.external, span.external { white-space: nowrap; padding-right: 15px; background: url(http://images.apple.com/global/elements/icons/external10x10.gif) no-repeat 100% 49%; cursor: pointer; zoom: 1; } 129a[rel="external"] { white-space: nowrap; padding-right: 15px; background: url(http://images.apple.com/global/elements/icons/external10x10.gif) no-repeat 100% 49%; cursor: pointer; zoom: 1; } 130em.more, span.more, em.external, span.external { color:#08c; font-style: normal; cursor: pointer; } 131.nowrap { white-space:nowrap; } 132strong, b { font-weight: bold; } 133em, i, cite { font-style: italic; } 134sup { padding-left: 1px; font-size: 10px !important; font-weight: normal !important; vertical-align: baseline; position: relative; bottom: 0.33em; _position: static !important; } 135sup, sup a { color:#666; } 136sup a:hover { color:#08c; text-decoration:none; } 137abbr { border: 0; } 138.sosumi { font-size: 10px !important; line-height:1.5; color:#888; } 139.sosumi_features { font-size: 10px !important; line-height:1.5; color:#888; } 140 141h1,h2,h3,h4,h5,h6,strong { color:#000; } 142h1,h2,h3,h4 { font-weight: bold; } 143h2,h3,h4 { line-height: 18px; } 144h1,h2 { margin-bottom: 18px; } 145h1 { font-size: 24px; line-height: 36px; } 146h2 { font-size: 16px; } 147h3 { font-size: 1em; } 148h4 { font-size: 10px; } 149p { margin-bottom: 18px; } 150p.intro { color: #888; font-size: 16px; line-height: 22px; font-weight: normal; } 151.more { text-align: right; } 152 153ul { list-style: none outside; } 154ol { margin-bottom: 18px; list-style: decimal; margin-left: 2.2em; } 155ul.square, 156ul.circle { margin-left: 2em; margin-bottom: 18px; } 157ul.square { list-style: square outside; } 158ul.circle { list-style: circle outside; } 159ul ul.circle, 160ul ul.square { margin-top: 4px; margin-bottom: 5px; } 161ol.sosumi { margin-left: 0; padding-left: 2em; *padding-left: 2.2em; } 162 163a.pdf { background: url(http://images.apple.com/global/elements/icons/globaliconpdf12x12.gif) 0 0.4em no-repeat; display: block; padding-left: 20px; } 164a.html { background: url(http://images.apple.com/global/elements/icons/globaliconhtml12x12.gif) 0 0.4em no-repeat; display: block; padding-left: 20px; } 165a.qt { background: url(http://images.apple.com/global/elements/icons/globaliconqt12x12.gif) 0 0.4em no-repeat; display: block; padding-left: 20px; } 166a.ical { background: url(http://images.apple.com/global/elements/icons/globaliconical12x12.gif) 0 0.4em no-repeat; display: block; padding-left: 20px; } 167a.dl { background: url(http://images.apple.com/global/elements/icons/globalicondl11x10.gif) 0 0.4em no-repeat; display: block; padding-left: 20px; } 168a.dmg { background: url(http://images.apple.com/global/elements/icons/globalicondmg12x12.gif) 0 0.4em no-repeat; display: block; padding-left: 20px; } 169a.zip { background: url(http://images.apple.com/global/elements/icons/globaliconzip12x12.gif) 0 0.4em no-repeat; display: block; padding-left: 20px; } 170a.keynote { background: url(http://images.apple.com/global/elements/icons/globaliconkeynote12x12.gif) 0 0.4em no-repeat; display: block; padding-left: 20px; } 171a.audio { background: url(http://images.apple.com/global/elements/icons/globaliconaudio12x12.gif) 0 0.4em no-repeat; display: block; padding-left: 20px; } 172 173.dot-nav { width:100%; margin:0; padding:0; text-align:center; line-height:1px; } 174.dot-nav li, 175.dot-nav li a { display:-moz-inline-stack; display:inline-block; *display:inline; *zoom:1; } 176.dot-nav li { position:relative; z-index:1; margin:0; width:13px; height:15px; overflow:hidden; } 177.dot-nav li a { position:absolute; z-index:1; width:13px; height:45px; top:0; left:0; cursor:pointer; text-indent:-1000em; background:url(http://images.apple.com/global/elements/buttons/dots_08c.png) no-repeat 0 0; behavior:url(/global/scripts/lib/ie7pngfix.htc); } 178.dot-nav li a:hover { top:-15px; } 179.dot-nav li a.active { cursor:default; top:-30px; } 180 181.dot-nav:nth-child(1n) li { width:10px; height:10px; padding:3px 2px 2px 2px; } 182.dot-nav:nth-child(1n) li a { border-radius:5px; width:10px; height:10px; background:#e0e1e3; 183 -webkit-box-shadow:inset 0 1px 1px rgba(0, 0, 0, .25); 184 -moz-box-shadow:inset 0 1px 1px rgba(0, 0, 0, .25); 185 box-shadow:inset 0 1px 1px rgba(0, 0, 0, .25); 186} 187.dot-nav:nth-child(1n) li a:hover { top:0; background:#ccc;} 188.dot-nav:nth-child(1n) li a.active { top:0; background:#08c; 189 background:-webkit-gradient(linear,lefttop,leftbottom,color-stop(0%,rgb(126,198,234)),color-stop(24%,rgb(70,179,234)),color-stop(100%,rgb(3,135,201))); 190 background:-webkit-linear-gradient(top,rgb(126,198,234)0%,rgb(70,179,234)45%,rgb(3,135,201)100%); 191 background: -moz-linear-gradient(top,rgb(126,198,234)0%,rgb(70,179,234)45%,rgb(3,135,201)100%); 192 background: linear-gradient(top,rgb(126,198,234)0%,rgb(70,179,234)45%,rgb(3,135,201)100%); 193 -webkit-box-shadow:inset 0 1px 0 rgba(0, 0, 0, .25); 194 -moz-box-shadow:inset 0 1px 0 rgba(0, 0, 0, .25); 195 box-shadow:inset 0 1px 0 rgba(0, 0, 0, .25); 196} 197 198.last { margin-bottom: 0; } 199#main .sidebar { font-size: 10px; line-height: 18px; color:#333; } 200#main .callout { font-size: 11px; line-height: 18px; margin-bottom: 18px; } 201 202body.specs #main { font-size: 11px; line-height: 16px; } 203 204/* PIPED LINKS */ 205.piped { display: block; zoom: 1; } 206.piped:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; } 207.piped li { float: left; display: inline; } 208.piped a { border-left: 1px solid #797c80; padding: 0 0 0 0.75em; margin-left: 0.75em; } 209.piped a.first { border-left: 0 !important; padding-left: 0; margin-left: 0 !important; } 210 211/*--- Global Footer (legacy) ---*/ 212#globalfooter .gf-buy { float: left; width: 60%; margin: 18px 0 9px; } 213#globalfooter .gf-links { float: right; margin: 18px 0 9px; } 214#globalfooter .gf-links a { padding: 0 10px; white-space: nowrap; } 215#globalfooter .gf-links a.last { padding-right: 0; _float: none !important; width: auto !important; } 216 217/*--- Global Footer ---*/ 218#globalfooter { width: 980px; color: #888; font-size: 10px; margin: 18px auto 0; padding-bottom: 36px; text-align: left !important; } 219#globalfooter a { color: #08c; } 220#globalfooter p { margin-bottom: 1em; } 221#globalfooter p.gf-buy { float: left; width: 52%; margin: 18px 0 9px 3px; } 222#globalfooter ul.piped a { padding: 0 0 0 1.5em; margin-left: 1.5em; border-left: 1px solid #d0d0d0; } 223#globalfooter .gf-links { float: right; margin: 18px 3px 9px 0; } 224#globalfooter .gf-sosumi { clear: both; width: 100%; border-top: 1px solid #ddd; padding-top: 9px; } 225#globalfooter .gf-sosumi a { padding: 0 10px; } 226#globalfooter .gf-sosumi p { float: left; margin-left: 3px; } 227#globalfooter form { margin: 18px 10px; } 228#globalfooter .search-wrapper { margin: 0 auto; } 229#globalfooter .search-wrapper input.prettysearch { margin-left: 10px; } 230#globalfooter ul.piped a.contact_us { padding-right: 1.5em; border-right: 1px solid #d0d0d0; } 231#globalfooter ul.piped a.choose { margin-left: 0; border: 0; } 232#globalfooter ul.piped a.choose img { vertical-align: middle; margin-top: -5px; *position: relative; } 233 234/*--- Breadcrumbs (legacy) ---*/ 235#globalfooter #breadcrumbs { font-size: 11px; color: #444; background: url(http://images.apple.com/global/elements/breadory/breadcrumb_bg.png) no-repeat; overflow: hidden; height: 36px; line-height: 34px; font-weight: bold; text-shadow: 0 1px 0 #fff; } 236#globalfooter #breadcrumbs a { color: #444; text-decoration: none; float: left; padding: 0 10px; margin-left: -10px; *position: relative; _cursor: hand; } 237#globalfooter #breadcrumbs a:hover { color: #333; text-decoration: none !important; } 238#globalfooter #breadcrumbs a.home { margin: 0; width: 15px; height: 0; padding-top: 36px; overflow: hidden; } 239#globalfooter #breadcrumbs span { float: left; width: 9px; margin: 0 10px 0 0; height: 0; padding-top: 34px; margin-top: 1px; overflow: hidden; background: url(http://images.apple.com/global/elements/breadory/breadcrumb_sep.png) no-repeat; } 240 241/*--- Breadcrumbs ---*/ 242#globalfooter ol#breadcrumbs { font-size: 11px; color: #444; background: url(http://images.apple.com/global/elements/breadory/breadcrumb_bg.png) no-repeat; height: 36px; line-height: 34px; margin: 0; list-style: none; font-weight: bold; text-shadow: 0 1px 0 #fff; } 243#globalfooter ol#breadcrumbs li { float: left; margin: 0; padding: 0 0 0 20px; background: url(http://images.apple.com/global/elements/breadory/breadcrumb_sep_20080909.png) no-repeat; } 244#globalfooter ol#breadcrumbs li a { float: left; color: #444; text-decoration: none; padding: 0 10px; margin-left: -10px; } 245#globalfooter ol#breadcrumbs li a:hover { color: #333; text-decoration: none; } 246#globalfooter ol#breadcrumbs li.home { background: none; margin: 0; padding: 0; } 247#globalfooter ol#breadcrumbs li.home a { margin: 0; padding: 0 10px; width: 15px; text-indent: -9999px; overflow: hidden; } 248 249/*--- Directory Nav ---*/ 250#directorynav { font-size: 11px; line-height:14px; padding-top:2px; background: url(http://images.apple.com/global/elements/breadory/directory_bg.png) repeat-y; border-top: 1px solid #ddd; float: left; width: 100%; margin-top: -4px; *position: relative; } 251#directorynav .column { width: 120px; padding: 9px 0 2px 18px; } 252#directorynav .column.last { float: left !important; padding-right: 0; } 253#directorynav h3 { color: #666; margin: 0; font-size: 1em; line-height: 14px; font-weight: bold; padding-bottom: 4px; } 254#directorynav h3.standalone { margin-bottom: 18px; } 255#directorynav a { color: #888; text-decoration: none; display: block; zoom: 1; } 256#directorynav h3.standalone a:link, 257#directorynav h3.standalone a:visited { color: #444; } 258#directorynav a:hover { color: #333 !important; text-decoration: none !important; } 259#directorynav .capbottom { clear: both; position: relative; top: 5px; _top: 12px; height: 5px; width: 980px; background: url(http://images.apple.com/global/elements/breadory/directory_capbg.png) no-repeat; } 260#directorynav ul { margin-bottom: 0; padding-bottom: 9px; } 261#directorynav ul li { padding-bottom: 4px; } 262#directorynav.ios .column, 263#directorynav.mac .column, 264#directorynav.ipod .column, 265#directorynav.ipodtouch .column, 266#directorynav.ipad .column, 267#directorynav.iphone .column, 268#directorynav.itunes .column { width: 190px; padding: 9px 0 0 54px; } 269 270/*--- BREADORY ---*/ 271#breadory { border: 1px solid #ddd; width: 978px; margin: 0 auto; -moz-border-radius: 4px; -webkit-border-radius: 4px; border-radius: 4px; } 272#globalfooter #breadory ol#breadcrumbs { background: none; clear: both; float: none; height: 3em; line-height: 3em; font-size: 11px; color: #666; margin: 0; list-style: none; font-weight: bold; text-shadow: 0 1px 0 #fff; } 273#breadory ol#breadcrumbs li { background: none; float: left; margin: 0; padding: 0 0 0 1em; } 274#breadory ol#breadcrumbs li a { float: left; color: #666; text-decoration: none; padding: 0 1.75em 0 0; margin-left: 0px; background: url(http://images.apple.com/global/elements/breadory/breadcrumb_separator.png) no-repeat 100% 50%; } 275#breadory ol#breadcrumbs li a:hover { color: #333; text-decoration: none; } 276#breadory ol#breadcrumbs li.home { background: none; margin: 0; padding: 0; } 277#breadory ol#breadcrumbs li.home a { background: url(http://images.apple.com/global/elements/breadory/breadcrumb_home.png) no-repeat 1.25em 50%; margin: 0; padding: 0 0 0 1.25em; width: 30px; text-indent: -9999px; overflow: hidden; } 278#breadory ol#breadcrumbs li.home a:hover { background-image: url(http://images.apple.com/global/elements/breadory/breadcrumb_home_over.png); } 279 280@media only screen { 281 #breadory ol#breadcrumbs li a { background-image:url(./../elements/breadory/breadcrumb_separator.svg); } 282 #breadory ol#breadcrumbs li.home a { background-image:url(./../elements/breadory/breadcrumb_home.svg); } 283 #breadory ol#breadcrumbs li.home a:hover { background-image:url(./../elements/breadory/breadcrumb_home_over.svg); } 284} 285 286#breadory #directorynav { background: none; clear: both; float: none; margin-top: 0; } 287#breadory #directorynav .capbottom { height: 0; font-size: 1px; _display: none; } 288 289/* PRODUCTHEADER */ 290#productheader { padding: 1em 0 0.2em; overflow: hidden; width: 980px; margin: 0 auto; *position: relative; *height: 39px; } 291#productheader h1, 292#productheader h2 { height: 32px; line-height: 32px; display: inline; float: left; margin: 1px 0 6px 8px; padding: 0; margin-bottom: 6px !important; } 293#productheader h1 a, 294#productheader h2 a { line-height: 32px; background-position: 0 0; background-repeat: no-repeat; color: #888; display: block; font-weight: normal; height: 32px; outline: none; text-decoration: none; text-indent: -9999px; *position: relative; } 295body#overview #productheader h1 a, 296body#overview #productheader h2 a { cursor: default; } 297 298#productheader ul { display: inline; float: right; margin: 0; } 299#productheader ul li { display: inline; } 300#productheader ul li a { color: #333; float: left !important; margin-top: 1em; margin-left: 30px; margin-right: 8px; padding: 0; text-decoration: none; } 301#productheader ul li a:hover { color: #08c; } 302 303#productheader a.buynow, #productheader span.buynow, /* old */ 304#productheader a.ordernow, #productheader span.ordernow, 305#productheader a.joinnow, #productheader span.joinnow, 306#productheader a.preorder, #productheader span.preorder, 307#productheader a.preorder_blue, #productheader span.preorder_blue, 308#productheader a.howtobuy, #productheader span.howtobuy, 309#productheader a.howtoapply, #productheader span.howtoapply, 310#productheader a.freetrial, #productheader span.freetrial, 311#productheader a.downloadnow, #productheader span.downloadnow, 312#productnav a.downloadnow, #productnav span.downloadnow, 313#productheader a.upgradenow, #productheader span.upgradenow, 314#productheader a.tryamac, #productheader span.tryamac { height: 25px; margin: 0.7em 0 0 20px; background-position: 0 0; background-repeat: no-repeat; display: block; float: right; position: relative; text-decoration: none; text-indent: -9999px; outline: none; overflow: hidden; } 315#productheader a.notifyme, #productheader span.notifyme { height: 25px; margin: 0.8em 0 0 20px; background-position: 0 0; background-repeat: no-repeat; display: block; float: right; position: relative; text-decoration: none; text-indent: -9999px; outline: none; overflow: hidden; } 316 317#productheader a.preorder_blue, #productheader span.preorder_blue { width: 75px; background-image: url(http://images.apple.com/global/elements/buttons/preorder_blue.png); } 318#productheader a.buynow, #productheader span.buynow { width: 72px; background-image: url(http://images.apple.com/global/elements/buttons/buynows.png); _background-image: url(http://images.apple.com/global/elements/buttons/buynows.gif); } 319#productheader a.ordernow, #productheader span.ordernow { width: 81px; background-image: url(http://images.apple.com/global/elements/buttons/ordernows.png); _background-image: url(http://images.apple.com/global/elements/buttons/ordernows.gif); } 320#productheader a.joinnow, #productheader span.joinnow { width: 72px; background-image: url(http://images.apple.com/global/elements/buttons/joinnows.png); _background-image: url(http://images.apple.com/global/elements/buttons/joinnows.gif); } 321#productheader a.preorder, #productheader span.preorder { width: 99px; background-image: url(http://images.apple.com/global/elements/buttons/preordernows.png); _background-image: url(http://images.apple.com/global/elements/buttons/preordernows.gif); } 322#productheader a.howtobuy, #productheader span.howtobuy { width: 86px; background-image: url(http://images.apple.com/global/elements/buttons/howtobuys.png); _background-image: url(http://images.apple.com/global/elements/buttons/howtobuys.gif); } 323#productheader a.howtoapply, #productheader span.howtoapply { width: 100px; background-image: url(http://images.apple.com/global/elements/buttons/howtoapplys.png); _background-image: url(http://images.apple.com/global/elements/buttons/howtoapplys.gif); } 324#productheader a.freetrial, #productheader span.freetrial { width: 72px; background-image: url(http://images.apple.com/global/elements/buttons/freetrials.png); _background-image: url(http://images.apple.com/global/elements/buttons/freetrials.gif); } 325#productheader a.downloadnow, #productheader span.downloadnow { width: 108px; background-image: url(http://images.apple.com/global/elements/buttons/downloadnows.png); _background-image: url(http://images.apple.com/global/elements/buttons/downloadnows.gif); } 326#productnav a.downloadnow, #productnav span.downloadnow { width: 108px; background-image: url(http://images.apple.com/global/elements/buttons/downloadnows.png); _background-image: url(http://images.apple.com/global/elements/buttons/downloadnows.gif); } 327#productheader a.upgradenow, #productheader span.upgradenow { width: 104px; background-image: url(http://images.apple.com/global/elements/buttons/upgradenows.png); _background-image: url(http://images.apple.com/global/elements/buttons/upgradenows.gif); } 328#productheader a.tryamac, #productheader span.tryamac { width: 77px; background-image: url(http://images.apple.com/global/elements/buttons/tryamacs.png); _background-image: url(http://images.apple.com/global/elements/buttons/tryamacs.gif); } 329#productheader a.notifyme, #productheader span.notifyme { width: 75px; background-image: url(http://images.apple.com/global/elements/buttons/notifymes.png); _background-image: url(http://images.apple.com/global/elements/buttons/notifymes.gif); } 330 331#productheader a.buynow:hover, #productheader a.buynow:focus, 332#productheader a.ordernow:hover, #productheader a.ordernow:focus, 333#productheader a.joinnow:hover, #productheader a.joinnow:focus, 334#productheader a.preorder:hover, #productheader a.preorder:focus, 335#productheader a.howtobuy:hover, #productheader a.howtobuy:focus, 336#productheader a.howtoapply:hover, #productheader a.howtoapply:focus, 337#productheader a.freetrial:hover, #productheader a.freetrial:focus, 338#productheader a.downloadnow:hover, #productheader a.downloadnow:focus, 339#productnav a.downloadnow:hover, #productnav a.downloadnow:focus, 340#productheader a.upgradenow:hover, #productheader a.upgradenow:focus, 341#productheader a.tryamac:hover, #productheader a.tryamac:focus, 342#productheader a.notifyme:hover, #productheader a.notifyme:focus { background-position: 0 -25px; } 343 344#productheader a.buynow:active, 345#productheader a.ordernow:active, 346#productheader a.joinnow:active, 347#productheader a.preorder:active, 348#productheader a.howtobuy:active, 349#productheader a.howtoapply:active, 350#productheader a.freetrial:active, 351#productheader a.downloadnow:active, 352#productnav a.downloadnow:active, 353#productheader a.upgradenow:active, 354#productheader a.tryamac:active, 355#productheader a.notifyme:active { background-position: 0 -50px; } 356 357#productheader span.buynow, 358#productheader span.ordernow, 359#productheader span.joinnow, 360#productheader span.preorder, 361#productheader span.howtobuy, 362#productheader span.howtoapply, 363#productheader span.freetrial, 364#productheader span.downloadnow, 365#productnav span.downloadnow, 366#productheader span.upgradenow, 367#productheader span.notifyme { background-position: 0 -75px; } 368 369 370/* BUTTONS - (U.S.) */ 371.browsewebappss, .businessstores, .buyiphones, .buynows, .buynows-arrow, .comingsoons, .descargarahoras, .downloadituness, .downloadnows, .finds, .freetrials, .getstarteds, .gos, .howtoapplys, .howtobuys, .joinnows, .learnmores, .nikebuynows, .notifymes, .ordernows, .preordernows, .preorders, .reserves, .startyoursearchs, .submits, .tryamacs, .upgradenows { 372 height: 25px; background-position: 0 0; background-repeat: no-repeat; display: block; text-decoration: none; text-indent: -9999px; overflow: hidden; 373} 374a.browsewebappss:hover, a.businessstores:hover, a.buyiphones:hover, a.buynows:hover, a.buynows-arrow:hover, a.comingsoons:hover, a.descargarahoras:hover, a.downloadituness:hover, a.downloadnows:hover, a.finds:hover, a.freetrials:hover, a.getstarteds:hover, a.gos:hover, a.howtoapplys:hover, a.howtobuys:hover, a.joinnows:hover, a.learnmores:hover, a.nikebuynows:hover, a.notifymes:hover, a.ordernows:hover, a.preordernows:hover, a.preorders:hover, a.reserves:hover, a.startyoursearchs:hover, a.submits:hover, a.tryamacs:hover, a.upgradenows:hover, 375a.browsewebappss:focus, a.businessstores:focus, a.buyiphones:focus, a.buynows:focus, a.buynows-arrow:focus, a.comingsoons:focus, a.descargarahoras:focus, a.downloadituness:focus, a.downloadnows:focus, a.finds:focus, a.freetrials:focus, a.getstarteds:focus, a.gos:focus, a.howtoapplys:focus, a.howtobuys:focus, a.joinnows:focus, a.learnmores:focus, a.nikebuynows:focus, a.notifymes:focus, a.ordernows:focus, a.preordernows:focus, a.preorders:focus, a.reserves:focus, a.startyoursearchs:focus, a.submits:focus, a.tryamacs:focus, a.upgradenows:focus { 376 background-position: 0 -25px; 377} 378a.browsewebappss:active, a.businessstores:active, a.buyiphones:active, a.buynows:active, a.buynows-arrow:active, a.comingsoons:active, a.descargarahoras:active, a.downloadituness:active, a.downloadnows:active, a.finds:active, a.freetrials:active, a.getstarteds:active, a.gos:active, a.howtoapplys:active, a.howtobuys:active, a.joinnows:active, a.learnmores:active, a.nikebuynows:active, a.notifymes:active, a.ordernows:active, a.preordernows:active, a.preorders:active, a.reserves:active, a.startyoursearchs:active, a.submits:active, a.tryamacs:active, a.upgradenows:active { 379 background-position: 0 -50px; 380} 381span.browsewebappss, span.businessstores, span.buyiphones, span.buynows, span.comingsoons, span.descargarahoras, span.downloadituness, span.downloadnows, span.finds, span.freetrials, span.getstarteds, span.gos, span.howtoapplys, span.howtobuys, span.joinnows, span.learnmores, span.nikebuynows, span.notifymes, span.ordernows, span.preordernows, span.preorders, span.reserves, span.startyoursearchs, span.submits, span.tryamacs, span.upgradenows { 382 background-position: 0 -75px; 383} 384.browsewebappss { background-image: url(http://images.apple.com/global/elements/buttons/browsewebappss.png); _background-image: url(http://images.apple.com/global/elements/buttons/browsewebappss.gif); width: 123px; } 385.businessstores { background-image: url(http://images.apple.com/global/elements/buttons/businessstores.png); _background-image: url(http://images.apple.com/global/elements/buttons/businessstores.gif); width: 105px; } 386.buyiphones { background-image: url(http://images.apple.com/global/elements/buttons/buyiphones.png); _background-image: url(http://images.apple.com/global/elements/buttons/buyiphones.gif); width: 87px; } 387.buynows { background-image: url(http://images.apple.com/global/elements/buttons/buynows.png); _background-image: url(http://images.apple.com/global/elements/buttons/buynows.gif); width: 72px; } 388.buynows-arrow { background-image: url(http://images.apple.com/global/elements/buttons/buynows_arrow.png); _background-image: url(http://images.apple.com/global/elements/buttons/buynows_arrow.gif); width: 86px; } 389.comingsoons { background-image: url(http://images.apple.com/global/elements/buttons/comingsoons.png); _background-image: url(http://images.apple.com/global/elements/buttons/comingsoons.gif); width: 97px; } 390.descargarahoras { background-image: url(http://images.apple.com/global/elements/buttons/descargarahoras.png); _background-image: url(http://images.apple.com/global/elements/buttons/descargarahoras.gif); width: 108px; } 391.downloadituness { background-image: url(http://images.apple.com/global/elements/buttons/downloadituness.png); _background-image: url(http://images.apple.com/global/elements/buttons/downloadituness.gif); width: 116px; } 392.downloadnows { background-image: url(http://images.apple.com/global/elements/buttons/downloadnows.png); _background-image: url(http://images.apple.com/global/elements/buttons/downloadnows.gif); width: 108px; } 393.finds { background-image: url(http://images.apple.com/global/elements/buttons/finds.png); _background-image: url(http://images.apple.com/global/elements/buttons/finds.gif); width: 52px; } 394.freetrials { background-image: url(http://images.apple.com/global/elements/buttons/freetrials.png); _background-image: url(http://images.apple.com/global/elements/buttons/freetrials.gif); width: 72px; } 395.getstarteds { background-image: url(http://images.apple.com/global/elements/buttons/getstarteds.png); _background-image: url(http://images.apple.com/global/elements/buttons/getstarteds.gif); width: 90px; } 396.gos { background-image: url(http://images.apple.com/global/elements/buttons/gos.png); _background-image: url(http://images.apple.com/global/elements/buttons/gos.gif); width: 44px; } 397.howtoapplys { background-image: url(http://images.apple.com/global/elements/buttons/howtoapplys.png); _background-image: url(http://images.apple.com/global/elements/buttons/howtoapplys.gif); width: 100px; } 398.howtobuys { background-image: url(http://images.apple.com/global/elements/buttons/howtobuys.png); _background-image: url(http://images.apple.com/global/elements/buttons/howtobuys.gif); width: 86px; } 399.joinnows { background-image: url(http://images.apple.com/global/elements/buttons/joinnows.png); _background-image: url(http://images.apple.com/global/elements/buttons/joinnows.gif); width: 72px; } 400.learnmores { background-image: url(http://images.apple.com/global/elements/buttons/learnmores.png); _background-image: url(http://images.apple.com/global/elements/buttons/learnmores.gif); width: 89px; } 401.nikebuynows { background-image: url(http://images.apple.com/global/elements/buttons/nikebuynows.png); _background-image: url(http://images.apple.com/global/elements/buttons/nikebuynows.gif); width: 72px; } 402.notifymes { background-image: url(http://images.apple.com/global/elements/buttons/notifymes.png); _background-image: url(http://images.apple.com/global/elements/buttons/notifymes.gif); width: 80px; } 403.ordernows { background-image: url(http://images.apple.com/global/elements/buttons/ordernows.png); _background-image: url(http://images.apple.com/global/elements/buttons/ordernows.gif); width: 81px; } 404.preordernows { background-image: url(http://images.apple.com/global/elements/buttons/preordernows.png); _background-image: url(http://images.apple.com/global/elements/buttons/preordernows.gif); width: 99px; } 405.preorders { background-image: url(http://images.apple.com/global/elements/buttons/preorders.png); _background-image: url(http://images.apple.com/global/elements/buttons/preorders.gif); width: 77px; } 406.reserves { background-image: url(http://images.apple.com/global/elements/buttons/reserves.png); _background-image: url(http://images.apple.com/global/elements/buttons/reserves.gif); width: 68px; } 407.startyoursearchs { background-image: url(http://images.apple.com/global/elements/buttons/startyoursearchs.png); _background-image: url(http://images.apple.com/global/elements/buttons/startyoursearchs.gif); width: 120px; } 408.submits { background-image: url(http://images.apple.com/global/elements/buttons/submits.png); _background-image: url(http://images.apple.com/global/elements/buttons/submits.gif); width: 67px; } 409.tryamacs { background-image: url(http://images.apple.com/global/elements/buttons/tryamacs.png); _background-image: url(http://images.apple.com/global/elements/buttons/tryamacs.gif); width: 77px; } 410.upgradenows { background-image: url(http://images.apple.com/global/elements/buttons/upgradenows.png); _background-image: url(http://images.apple.com/global/elements/buttons/upgradenows.gif); width: 104px; } 411 412#productheader .browsewebappss, #productheader .businessstores, #productheader .buyiphones, #productheader .buynows, #productheader .comingsoons, #productheader .descargarahoras, 413#productheader .downloadituness, #productheader .downloadnows, #productheader .finds, #productheader .freetrials, #productheader .getstarteds, 414#productheader .gos, #productheader .howtoapplys, #productheader .howtobuys, #productheader .joinnows, #productheader .learnmores, 415#productheader .notifymes, #productheader .ordernows, #productheader .preordernows, #productheader .preorders, #productheader .reserves, 416#productheader .startyoursearchs, #productheader .submits, #productheader .tryamacs, #productheader .upgradenows { 417 margin: 0.8em 0 0 20px; float: left; 418} 419 420/* promofooter */ 421#promofooter { width:984px; margin:18px auto 0; padding-top:17px; background:url(http://images.apple.com/promos/images/promofooter_top.png) no-repeat; zoom:1; _background-image:url(http://images.apple.com/promos/images/promofooter_top.gif); } 422#promofooter #promos { width:980px; margin-bottom:0; padding:0 2px 4px; background:url(http://images.apple.com/promos/images/promofooter_bottom.png) no-repeat 0 100%; zoom:1; _background-image:url(http://images.apple.com/promos/images/promofooter_bottom.gif); } 423#promofooter #promos:after { content:'.'; display:block; height:0; clear:both; visibility:hidden; } 424#promofooter #promos li.promo { position:relative; float:left; width:244px; min-height:15em; _height:15em; padding-right:1px; margin-top:-16px; } 425#promofooter #promos li.promo a { color:#777; } 426#promofooter #promos li.promo:hover a { color:#08c; text-decoration:none; } 427 428#promofooter #promos img { display:block; } 429 430#promofooter #promos h4 a, 431#promofooter #promos p a, 432#promofooter #promos ul { display:block; padding-left:15px; padding-right:12px; text-align:left; z-index:101; *position:relative; } 433 434#promofooter #promos h4 a { font-size:18px; font-weight:normal; padding-top:15px; } 435#promofooter #promos p { margin-bottom:0; } 436#promofooter #promos p a { font-size:11px; line-height:16px; } 437#promofooter #promos a.image { height:180px; position:absolute; bottom:0; z-index:100; } 438 439#promofooter #promos .promo.left p a { width:110px; } 440#promofooter #promos .promo.right p a { width:112px; padding-left:116px; } 441#promofooter #promos .promo.center p a { text-align:center; } 442 443#promofooter #promos li.buy { position:relative; float:left; width:244px; padding-right:1px; margin-top:-17px; color:#777; } 444#promofooter #promos li.buy ul { font-size:11px; line-height:1.4; } 445 446#promofooter.grid2col { min-height: 70px; padding:15px 0 8px 0; border: 1px solid #D2D2D2; } 447#promofooter.grid2col { background:#fff; 448 background:-webkit-gradient(linear, 0% 0%, 0% 100%, from(#fff), to(#e5e5e5)); 449 background:-moz-linear-gradient(100% 100% 90deg, #e5e5e5, #fff); 450 filter:progid:DXImageTransform.Microsoft.gradient(GradientType=0, startColorstr='#FFFFFF', endColorstr='#e5e5e5'); 451 } 452#promofooter.grid2col #promos { background: none;} 453#promofooter.grid2col #promos li.promo { width: 47%; min-height: 70px; margin-bottom: -10px; } 454#promofooter.grid2col #promos li.promo.first { border-right: 1px solid #e8e8e8; } 455#promofooter.grid2col li.promo { padding:20px; } 456 457/* PRINT */ 458@media print { 459 body, #main, #content { color: #000 !important; } 460 a, a:link, a:visited { color: #000 !important; text-decoration:none !important; } 461 #tabs, #globalheader, #globalfooter, #directorynav, .noprint, .hide { display: none !important; } 462 #main a.pdf, #main a.html, #main a.qt, #main a.ical, #main a.dl, #main a.dmg, #main a.zip, #main a.keynote, #main a.audio { padding-left: 0 !important; background-image: none !important; } 463} 464 465/* iPhone */ 466@media screen and (max-device-width: 480px) { html { -webkit-text-size-adjust: none; } } 467