html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td { margin: 0; padding: 0; border: 0; outline: 0; font-weight: inherit; font-style: inherit; font-size: 100%; font-family: inherit; vertical-align: baseline; }

*:focus { outline: 0; }

body { line-height: 1em; color: black; background: #fff; }

ol, ul { list-style: none; }

/* tables still need 'cellspacing="0"' in the markup */
table { border-collapse: separate; border-spacing: 0; vertical-align: middle; }

caption, th, td { text-align: left; font-weight: normal; vertical-align: middle; }

q, blockquote { quotes: "" ""; }
q:before, q:after, blockquote:before, blockquote:after { content: ""; }

img a { border: none; }

#header-wrapper { width: 100%; height: 105px; background: transparent url(/images/header-wrapper-bg-tile.png) repeat-x top left; }

#header { width: 988px; height: 105px; margin: 0 auto; }

#logo-wrapper { float: left; width: 222px; height: 86px; padding: 19px 0 0 46px; background: transparent url(/images/logo-wrapper-bg.png) no-repeat top left; }
#logo-wrapper a { display: block; width: 176px; height: 49px; }

#logo { width: 176px; height: 49px; }

#account-login-wrapper { float: right; padding-top: 15px; }

#account-login-form { width: 350px; height: 30px; padding-left: 20px; background: transparent url(/images/account-login-form-bg.png) no-repeat top left; }
#account-login-form a { color: #fff; }

#account-login-btn { float: right; }

#account-manage-wrapper { float: right; width: 254px; height: 30px; padding-top: 15px; background: transparent url(/images/account-manage-bg.png) no-repeat left 15px; }

.long-callout #callout-wrapper { width: 100%; height: 92px; background: transparent url(/images/long-callout-wrapper-bg-tile.png) repeat-x top left; }
.long-callout #callout { width: 900px; height: 92px; margin: 0 auto; padding: 0 44px; }
.long-callout #callout h2 { width: 540px; padding: 9px 0; }

.short-callout #callout-wrapper { width: 100%; height: 32px; background: transparent url(/images/short-callout-wrapper-bg-tile.png) repeat-x top left; }
.short-callout #callout { width: 900px; height: 32px; margin: 0 auto; padding: 0 44px; }
.short-callout #callout h2 { width: 540px; padding: 4px 0; }

.long-callout #content-wrapper { width: 100%; background: transparent url(/images/long-callout-content-wrapper-bg-tile.png) repeat-x top left; }

.short-callout #content-wrapper { width: 100%; background: transparent url(/images/short-callout-content-wrapper-bg-tile.png) repeat-x top left; }

#content { width: 988px; margin: 0 auto; padding-bottom: 30px; }

.narrow-content #main { float: left; width: 628px; }
.narrow-content #main-top { width: 628px; padding-top: 43px; background: transparent url(/images/narrow-main-bg-top.png) no-repeat top center; }
.narrow-content #main-bottom { width: 628px; padding-bottom: 45px; background: transparent url(/images/narrow-main-bg-bottom.png) no-repeat bottom center; }
.narrow-content #main-inner { width: 540px; padding: 0 44px; background: transparent url(/images/narrow-main-bg-tile.png) repeat-y top center; }

.wide-content #main { float: left; width: 748px; }
.wide-content #main-top { width: 748px; padding-top: 43px; background: transparent url(/images/wide-main-bg-top.png) no-repeat top center; }
.wide-content #main-bottom { width: 748px; padding-bottom: 45px; background: transparent url(/images/wide-main-bg-bottom.png) no-repeat bottom center; }
.wide-content #main-inner { width: 660px; padding: 0 44px; background: transparent url(/images/wide-main-bg-tile.png) repeat-y top center; }

#main #iphone-large { float: right; }
#main .form-row { clear: both; width: 660px; min-height: 60px; margin: 15px 0; }
#main .asterisk-info { padding-left: 105px; }
#main .block .asterisk-info { padding-left: 0; }

.wide-content #main .block-row { clear: both; width: 660px; }
.wide-content #main .block-row .block { float: left; width: 315px; margin-bottom: 30px; }
.wide-content #main .block-row .block.left { margin-right: 30px; }
.wide-content #main .block-row.last .block { margin-bottom: 0; }
.wide-content #main .block-row table { clear: both; width: 315px; }

.narrow-content #sidebar { float: right; width: 374px; margin-left: -14px; padding-top: 75px; }
.narrow-content #sidebar .block { width: 374px; }
.narrow-content #sidebar .block-top { width: 374px; padding-top: 43px; background: transparent url(/images/wide-sidebar-block-top-bg.png) no-repeat top left; }
.narrow-content #sidebar .block-bottom { width: 374px; padding-bottom: 45px; background: transparent url(/images/wide-sidebar-block-bottom-bg.png) no-repeat bottom left; }
.narrow-content #sidebar .block-inner { width: 300px; padding: 0 44px 0 30px; background: transparent url(/images/wide-sidebar-block-bg-tile.png) repeat-y top center; }

.wide-content #sidebar { float: right; width: 254px; margin-left: -14px; padding-top: 75px; }
.wide-content #sidebar .block { width: 254px; }
.wide-content #sidebar .block-top { width: 254px; padding-top: 43px; background: transparent url(/images/narrow-sidebar-block-top-bg.png) no-repeat top left; }
.wide-content #sidebar .block-bottom { width: 254px; padding-bottom: 45px; background: transparent url(/images/narrow-sidebar-block-bottom-bg.png) no-repeat bottom left; }
.wide-content #sidebar .block-inner { width: 254px; background: transparent url(/images/narrow-sidebar-block-bg-tile.png) repeat-y top center; }

#sidebar .block.last { margin-top: -15px; }

#footer-wrapper { width: 100%; height: 62px; background: transparent url(/images/footer-wrapper-bg-tile.png) repeat-x top left; }

#footer { width: 900px; height: 62px; margin: 0 auto; padding: 0 44px; }

.clear { clear: both; display: block; overflow: hidden; visibility: hidden; width: 0; height: 0; }