body { background-color:#a3adb8;}
#wrapper { background-color: #1e2d3b; width: 905px; margin-left: auto; margin-right: auto; margin-bottom: 50px; border: 1px solid #fff; border-top: none;}
#header { background: #e6e6e6 url(../img/header.png) no-repeat 0 0; width: 857px; height: 92px; margin-left: auto; margin-right: auto; position: relative;}
/* @group header h1/h2 */
#header h1 { width: 255px; height: 92px;}
#header h1 a{ display: block; text-indent: -9999px; background: transparent url(../img/logo.png) no-repeat 0 0; width: 255px; height: 92px;}
#header h2 { width: 232px; height: 30px; position: absolute; top: 53px; left: 613px;}
#header h2 a, #header h2 a:link, #header h2 a:visited{ display: block; text-indent: -9999px; background: url(../img/learn-more-bug.png) no-repeat 0 0; width: 232px; height: 30px;}
#header h2 a:hover{ display: block; text-indent: -9999px; background: transparent url(../img/learn-more-bug.png) no-repeat 0 -30px; width: 232px; height: 30px;}
/* @end */
#content { width: 850px; margin-left: auto; margin-right: auto; padding-top: 24px;}
/* @group tabs */
#content ul.tabs { list-style-type:none; padding-left: 273px; height: 38px;}
#content ul.tabs li { float:left; height: 38px; margin-right: 7px;}
#content ul.tabs li a { display:block; height: 37px; border-bottom: 1px solid #1e2d3b; background: url(../img/tabs.png) -3px 0; text-indent: -9999px;}
#content ul.tabs li.intro a{ width: 108px; background-position: -3px bottom;}
#content ul.tabs li.check a{ width: 185px; background-position: -118px bottom;}
#content ul.tabs li.now a{ width: 134px; background-position: -309px bottom;}
body.intro #content ul.tabs li.intro a{ background-position: -3px top; border-bottom: 1px solid #fff;}
body.check #content ul.tabs li.check a{ background-position: -118px top; border-bottom: 1px solid #fff;}
body.now #content ul.tabs li.now a{ background-position: -309px top; border-bottom: 1px solid #fff;}
/* @end */
#content div.content { width: 593px; height:569px; min-height: 569px; float: right; background-color: #fff;}
#content div.content #display { width: 575px; margin: 9px;}
/* @group body */
body.intro #content div.content h2{ background:url(../img/intro-header-g.png) no-repeat 7px 0; height: 71px; width: 575px; text-indent: -9999px; z-index: 10; margin-bottom: 0; margin-top: 18px;}
body.now #content div.content h2{ background: url(../img/start-header.png) no-repeat 0 0; height: 45px; width: 575px; text-indent: -9999px; z-index: 10; margin-bottom: 0; margin-top: 22px;}
body.thanks #content div.content h2{ background: url(../img/thanks-header.png) no-repeat 0 0; height: 54px; width: 244px; text-indent: -9999px; z-index: 10; margin-bottom: 0; margin-top: 22px;}
body.thanks #content div.content h3{ background: url(../img/thanks-header-2.png) no-repeat 0 0; height: 32px; width: 422px; text-indent: -9999px; z-index: 10; margin-bottom: 0;}
#content div.content h3{ margin: 25px 12px 0 12px; color: #666; font-weight: bold;}
#content div.content p { margin: 0 12px 10px 12px; font-size: 1.2em; line-height: 1.8em;}
body.now #content div.content p.more { margin: 0 12px 0 12px; font-size: 1.2em; line-height: 1.8em;}
body.now #content div.content p.small { font-size: 1em;}
#content div.content p.rex { margin: 25px 12px 0 12px; font-size: 1em; line-height: 1.8em; text-align: right;}
#content div.content table { margin: 25px 12px 0 12px; font-size: 1.1em; line-height: 1.8em;}
#content div.content p a{ color: #22c3f2; text-decoration: underline;}
#content div.content p sup{ color: #22c3f2;}
#content div.content .pdf a{ background: url(../img/pdf.gif) no-repeat 0 0; padding: 4px 0 0 30px; display: block; height: 27px; float: right;}
#content div.content .pdf { padding: 0; margin: 0;}
body.intro #content div.content div.footer { margin: 15px 12px 0 12px; font-size: 1em; line-height: 1.2em;}
body.intro #content div.content div.footer p{ margin: 0; font-size: 1em; line-height: 1.2em;}
body.intro #content div.content div.callout { width: 261px; float: right; background: #fff url(../img/bb-bg.png) repeat-y 0 0; color: #fff; margin-left: 15px;}
body.intro #content div.content div.callout h3{ width: 261px; background: #fff url(../img/bb-header.png) repeat-y 0 0; margin: 0; padding: 0; height: 93px; text-indent: -9999px;}
body.intro #content div.content div.callout p{ margin: 0 23px 0 19px; padding: 0; font-size: 1.3em; line-height: 1.4em; color: #fff;}
body.intro #content div.content div.callout ul{ margin: 0; padding: 0 23px 14px 19px; font-size: 1.3em; line-height: 1.4em; color: #fff; background: transparent url(../img/bb-footer.png) no-repeat 0 bottom; font-weight: bold; list-style-type: disc;}
body.intro #content div.content div.callout li{ margin: 0 0 0 19px; padding: 0 0 0 0;}
p.scanner { padding-left: 40px;}
p.scanner a { display: block; width: 222px; height: 31px; background: url(../img/view-presentation.png) no-repeat 0 0; text-indent: -9999px;}
p.scanner a:hover { background:url(../img/view-presentation.png) no-repeat 0 -31px;}
/* @end */
/* @group left side */
#content div.side { width: 246px; float: left;}
/* @group welcome */
#content div.side.welcome { background: #fff url(../img/welcome-header.gif) no-repeat 0 0; margin-bottom: 12px;}
#content div.side.welcome h2{ margin: 0 0 5px 0; padding: 10px 10px 5px 10px; background: #C60C46 url(../img/welcome-h2-header.png) no-repeat 0 0; color: #fff;}
#content div.side.welcome div.frame { background: url(../img/welcome-img-frame.png) no-repeat 0 0; margin: 4px 0 0 2px; width: 107px; height: 132px; float: left;}
#content div.side.welcome div.frame img { margin: 2px 0 0 3px; padding: 0; width: 100px; height: 125px; display: inline;}
#content div.side.welcome div.info { margin-right: 5px; width: 120px; float: right;}
#content div.side.welcome h3, #content div.side.welcome h4 { font-size: 1.3em; line-height: 1.6em; margin-bottom: 0; font-weight: normal; color: #666;}
#content div.side.welcome p { font-size: 1.2em; line-height: 1.7em;}
#content div.side.welcome h3 { color: #C60C46; font-weight: bold;}
#content div.side.welcome div.closer { padding: 8px 0; clear: both; background: #fff url(../img/welcome-footer.gif) no-repeat 0 bottom;}
#content div.side.welcome div.closer p{ background: #C60C46;}
#content div.side.welcome div.closer a { display: block; width: 70px; height: 2em; padding: 0 5px; text-indent: -9999px; background: #fff url(../img/email-button.png) no-repeat 5px bottom; float: left;}
#content div.side.welcome div.closer span.phone{ float: right; background: #C60C46; line-height: 1.7em; color: #fff; padding: 0 5px; font-weight: bold; letter-spacing:1px; font-size: 1.1em;}
/* @end */

/* @group generic */
#content div.side.generic { background: url(../img/generic-bg.png) no-repeat 0 0; margin-bottom: 15px;}
#content div.side.generic h2{ text-indent: -9999px; width: 246px; height: 116px; margin-bottom:0;}
#content div.side.generic p { margin:0 12px 15px 16px; color: #000; font-size: 1.4em; line-height: 1.6em; font-weight: normal;}
#content div.side.generic div.closer { background: url(../img/generic-footer.png) no-repeat 0 bottom; padding-bottom: 6px;}
#content div.side.generic div.closer p { color:#fff;font-weight:bold;line-height: 1.4em; }
#content div.side.generic div.closer a:link { color: #fff; text-decoration:underline;}
#content div.side.generic div.closer a:visited { color:#f6f6f6; text-decoration: underline;}
#content div.side.generic div.closer a:hover { color: #1e2d3b; text-decoration: underline;}


/* @end */

/* @group merchant */
#content div.side.merchant { background: url(../img/merchant-bg.png) no-repeat 0 0; margin-bottom: 12px;}

#content div.side.merchant.plus { margin-bottom: 15px;}

#content div.side.merchant h2{ background: url(../img/merchant-h2-bg.png) no-repeat 0 0; text-indent: -9999px; width: 246px; height: 39px; margin-bottom:0;}
#content div.side.merchant p { margin:0 8px; color: #000; font-size: 1.3em; line-height: 1.8em;}
#content div.side.merchant div.closer { background: url(../img/merchant-footer.png) no-repeat 0 bottom; padding-bottom: 6px;}
#content div.side.merchant div.closer a:link { color: #1e2d3b; text-decoration:underline;}
#content div.side.merchant div.closer a:visited { color: #1e2d3b; text-decoration: underline;}
#content div.side.merchant div.closer a:hover { color: #C60C46; text-decoration: underline;}
/* @end */
/* @group start */
#content div.side.start { background: url(../img/started-bg.png) no-repeat 0 0;}
#content div.side.start h2{ background: url(../img/started-h2-bg.png) no-repeat 0 0; text-indent: -9999px; width: 246px; height: 62px; margin-bottom:0;}
#content div.side.start p { margin:0 8px; color: #000; font-size: 1.3em; line-height: 1.8em;}
#content div.side.start div.closer { background: url(../img/started-footer-bg.png) no-repeat 0 bottom; padding-bottom: 6px;}
#content div.side.start div.closer a:link { color: #fff; text-decoration:underline;}
#content div.side.start div.closer a:visited { color:#f6f6f6; text-decoration: underline;}
#content div.side.start div.closer a:hover { color: #1e2d3b; text-decoration: underline;}
/* @end */
/* @end */
/* @group footer */
#footer { width: 850px; margin-left: auto; margin-right: auto; padding: 12px 0 50px 0; text-align: center;}
#footer p.transmodus { padding-left: 704px;}
p.transmodus a, p.transmodus a:link { display:block; height: 13px; width: 146px; background: url(../img/powered-transmodus.gif) no-repeat 0 0; text-indent: -9999px;}
#footer ul { padding-left: auto; padding-right: auto; padding-top: 12px; list-style-type: none;}
#footer ul li { display: inline; padding: 10px; font-size: 1.3em; text-transform:uppercase;}
#footer ul li.check { border-right:1px solid #868686; border-left:1px solid #868686;}
#footer p { padding-top: 15px; font-size: 1em; color: #868686; letter-spacing:1px;}
#footer a{ color: #868686;}
/* @end */
/* @group table/form */
table { color:#666; vertical-align:top;}
td { border-bottom: none; }
td.desc { text-align: left; width: 85px;}
td.sm { width: 30px;}
input { border: 1px solid #333; width: 100%;}
input.check { border: none; width: auto; display: inline;}
button { padding: 0; margin: 0; border: none; background: #fff url(img/submit.png) no-repeat 0 0; height: 31px; width: 120px; text-indent:-9999px; float: left;}
button:hover { background: #fff url(img/submit.png) no-repeat 0 -31px;}

/* @end */