html, body, div, ul, ol, li, p { padding: 0px; margin:0px; }
#omniture, #top { position: absolute; top: 0; }

body { font: 14px "Lucida Grande", "Lucida Sans Unicode", Helvetica, Arial, Verdana, sans-serif; background-color: transparent; color: #333; -webkit-font-smoothing: antialiased; line-height: 1.4286em; overflow: hidden; background-color: #fff; }

.replaced { text-indent: -100em; height: 0; margin: 0; overflow: hidden; }

a {outline: none; }
a:link, a:visited, a:active { text-decoration: none; }

img { border: 0 none; }

p { margin-bottom: 18px; }

#main { *border: 1px solid; border-radius: 5px 5px 5px 5px; -moz-border-radius: 5px 5px 5px 5px; -webkit-border-radius: 5px 5px 5px 5px; -o-border-radius: 5px 5px 5px 5px; -khtml-border-radius: 5px 5px 5px 5px; -webkit-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.4); -moz-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.4); box-shadow: 0 1px 3px rgba(0, 0, 0, 0.4); background: none repeat scroll 0 0 #FFFFFF; border-color: #E5E5E5 #DBDBDB #D2D2D2; height: 420px; width: 930px; left: 1px; top: 1px; margin-bottom: 1px; overflow: hidden; padding: 3px; position: relative; }

#main p { -webkit-text-stroke: 1px transparent; }
.sosumi { line-height: 1.3em; color: #888888; font-size: 9px;}

/* Header
------------------------------- */
#main #productheader { width: 860px; height: 47px; background-color: #e5e5e5; padding: 0; padding-right: 20px; } 
#main #productheader h1 { margin: 14px 0 0 19px; line-height: 21px; overflow: hidden; } 
#main #productheader ul { margin-top: 5px; }
#main #productheader ul li a { font-size: 12px; color: #333; text-shadow: #fff 0 1px 0px; }
#main #productheader ul li a:hover { color: #08c; }

body#features #fn-features a,
body#design #fn-design a,
body#apps #fn-apps a,
body#specs #fn-specs a { color: #999 !important; cursor: default; }


/* Hero Area
------------------------------- */
body.loading #hero { visibility: hidden; }

#hero { height: 348px; width: 930px; position: absolute;  /* top: 0; left: 0;border-top: 1px solid #f5f5f5; */ }
#hero .hero-slide { height: 348px; width: 930px; position: absolute; background-repeat: no-repeat; background-position: 0 0px; /* top: 0; left: 0;  */  }
.shadow { box-shadow: rgba(0, 0, 0, 0.35) 0 1px 3px; -webkit-box-shadow: rgba(0, 0, 0, 0.35) 0 1px 3px;  -moz-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.35); }
#features #hero-nav li a span { display: block; width: 40px; height: 40px; margin: 8px auto 2px; overflow: hidden; background: url("/partners/global/iphone-4s/images/icons.png") 0 0 no-repeat; _background: url("/partners/global/iphone-4s/images/icons.gif") 0 0 no-repeat; _cursor: pointer;}
#features #hero-nav li a.features-overview span { background-position: 0 0; }
#features #hero-nav li a.features-siri span { background-position: 0 -51px; }
#features #hero-nav li a.features-a5 span { background-position: 0 -84px; }
#features #hero-nav li a.features-camera span { background-position: 0 -124px; }
#features #hero-nav li a.features-ios span { background-position: 0 -165px; }
#features #hero-nav li a.features-icloud span { background-position: 0 -204px; }
#features #hero-nav li a.features-appstore span { background-position: 0 -244px; }
#features #hero-nav li a.features-retina span { background-position: 0 -324px; }
#features #hero-nav li a.features-whyiphone span { background-position: 0 -284px; }

/* Slider Nav
------------------------------- */
#hero-nav { *z-index:-1; height: 82px; width: 930px; margin: 0; position: absolute; bottom: 3px; left: 3px; background: #eeeeee url(/partners/global/iphone-4s/images/nav-background.png) no-repeat 0 0; overflow: hidden; -webkit-text-stroke: 1px transparent; } 
#hero-nav .mask { width: 921px; height: 67px; margin:8px 0px 0 9px; overflow: hidden; position: relative; }
#hero-nav li { float: left; margin-right: 8px; }
#hero-nav li a.hero-trigger { line-height: 1.1em; color: #000; font-size: 10px; text-align: center; display: block; float: left; width: 107px; height: 67px; background: url(/partners/global/iphone-4s/images/icon-button-states.png) no-repeat 0 -134px; _background: url(/partners/global/iphone-4s/images/icon-button-states.gif) no-repeat 0 -134px; }
#hero-nav li a.hero-trigger:hover { background-position: 0 -67px; text-decoration: none; }
#hero-nav li a.hero-trigger img.first { display: block; margin: 5px auto 5px; }
#hero-nav li a.hero-trigger img { display: block; margin: 8px auto 2px; }
ul {list-style: none outside none; }

#hero-nav li a.hero-trigger.active,
#hero-nav li a.hero-trigger.active:hover,
body.design-overview #hero-nav a.design-overview,
body.features-overview #hero-nav a.features-overview,
body.features-video #hero-nav a.design-overview,
body.features-video #hero-nav a.features-overview { background-position: 0 0; cursor: default; }


/* Pillbuttons
------------------------------- */
.pillbutton { display:inline-block; position:relative; padding-right:43px; font-size:15px; line-height:1.3em; color:#fff; text-decoration:none; outline:none; z-index:2; }
.pillbutton, x:-moz-any-link { display:block; width:14em; margin:0 auto; } /* this is for firefox2 because inline-block doesn't work */
.pillbutton, x:-moz-any-link, x:default { display:inline-block; width:auto; } /* firefox3 reset */
.pillbutton span,
.pillbutton b { display:block; width:auto; padding:15px 0; text-align:left; }
.pillbutton span { padding-right:8px; padding-left:25px; background:url(/global/elements/buttons/pillbevel_leftcap.png) no-repeat 0 50%; _background-image:url(/global/elements/buttons/pill_leftcap.gif); }
.pillbutton b { position:absolute; width:43px; top:0; right:0; text-indent:-9999px; background:url(/global/elements/buttons/pillbevel_rightcap.png) no-repeat 0 50%; _background-image:url/global/elements/buttons/pill_rightcap.gif); }
.pillbutton:hover,
.pillbutton:focus { color:#e6e6e6; }
.nobullet {list-style: none; }