* { color: #656a72; margin: 0; padding: 0; }

img.screen { display: block; max-width: 640px; margin: 28px 0 0; }

body { width: 640px; height: 100%; margin: 0 auto 50px; }

#logo { float: right; margin: 0; }

.product_icon { display: block; margin: 26px auto 40px; }

h1 { color: #333; font-size: 36px; padding: 0 0 40px; text-align: center; font-weight: normal; font-family: "HelveticaNeue", "Helvetica Neue", "TeXGyreHerosBold", "Helvetica", "Tahoma", "Geneva", "Arial", sans-serif; font-stretch: normal; }

a { color: #0074e6; font-size: 18px; line-height: 28px; padding: 0; margin: 0; font-family: "HelveticaNeue", "Helvetica Neue", "HelveticaNeueRoman", "HelveticaNeue-Roman", "Helvetica Neue Roman", "TeXGyreHerosRegular", "Helvetica", "Tahoma", "Geneva", "Arial", sans-serif; font-weight:400; font-stretch:normal; }
a span { color: #0074e6; }

a.section_link { padding: 0; text-decoration: none; white-space: nowrap; }

.section_menu { padding: 0; }

.title_link { position: relative; display: block; color: #0074e6; font-size: 18px; line-height: 18px; padding: 0 0 0 20px; margin: 28px 0 0 -20px; font-family: "HelveticaNeue", "Helvetica Neue", "HelveticaNeueRoman", "HelveticaNeue-Roman", "Helvetica Neue Roman", "TeXGyreHerosRegular", "Helvetica", "Tahoma", "Geneva", "Arial", sans-serif; font-weight: 400; font-stretch:normal; }
.title_link { background: url("../img/ipad-guide-arrow@2x.png") no-repeat 0 5px; background-size: 13px 8px; }
.title_link.active { background: url("../img/ipad-guide-arrow-up@2x.png") no-repeat 0 5px; background-size: 13px 8px; }

p { font-size: 18px; line-height: 28px; margin: 28px 0 0; font-family: "HelveticaNeue", "Helvetica Neue", "HelveticaNeueRoman", "HelveticaNeue-Roman", "Helvetica Neue Roman", "TeXGyreHerosRegular", "Helvetica", "Tahoma", "Geneva", "Arial", sans-serif; font-weight:400; font-stretch:normal; }

table { border: none; border-bottom: 1px solid #a0c5f4; border-top: 2px solid #a0c5f4; margin: 28px 0 0; }
table tr td:first-child { width: 40%; vertical-align: top; }
table td { border: none; border-bottom: 1px solid #a0c5f4; padding: 22px; font-size: 18px; line-height: 28px; font-family: "HelveticaNeue", "Helvetica Neue", "HelveticaNeueRoman", "HelveticaNeue-Roman", "Helvetica Neue Roman", "TeXGyreHerosRegular", "Helvetica", "Tahoma", "Geneva", "Arial", sans-serif; font-weight: 400; font-stretch: normal; }
table td span { font-size: 18px; padding: 6px 0 0; }

div.section { display: none; }


ol, ul { margin: 25px 0 0 20px; font-size: 18px; line-height: 28px; font-family: "HelveticaNeue", "Helvetica Neue", "HelveticaNeueRoman", "HelveticaNeue-Roman", "Helvetica Neue Roman", "TeXGyreHerosRegular", "Helvetica", "Tahoma", "Geneva", "Arial", sans-serif; font-weight:400; font-stretch:normal; }
ol li, ul li { padding: 0 0 10px 0; }

.center { margin-left: auto; margin-right: auto; }

.inline { display: inline; margin: 0; padding: 0; }

.red { color: #f00; }

.clear { clear: both; width: 100%; }

.hidden { display: none; }

a.current { font-weight: bold; }

.nowrap { white-space: nowrap; }