/* GLOBAL */
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-family:inherit; vertical-align:baseline}
:focus {outline:0}
html {background:url(null.png) no-repeat}
body {font-size:13px; font-family:Arial, Helvetica, sans-serif; line-height:1.4; background:#E5F3F9 url(../images/bg.png) repeat-x}
ol, ul {list-style:none}
ol {padding:8px 0px 6px 23px; list-style:decimal}
ol li {padding:0px 0px 16px 0px}
ul.list {padding:8px 0px 14px 23px; list-style:disc}
ul.list li {padding:0px 0px 5px 0px}
ul.jump {padding:6px 0px 14px 0px; font-weight:bold}
ul.jump li {padding:0px 0px 5px 9px; background:url(../images/bullet-arrow.png) 0px 5px no-repeat}
table {border-collapse:separate; border-spacing:0}
caption, th, td {text-align:left; font-weight:normal}
blockquote:before, blockquote:after, q:before, q:after {content:""}
blockquote, q {quotes:"" ""}
p {padding:0px 0px 12px 0px}
strong {font-weight:bold}
h1 {margin:0px 0px 13px 0px; font-size:26px; font-weight:normal; letter-spacing:-1px}
.body-home h1 {padding:12px 0px 0px 0px}
h2 {margin:8px 0px 10px 0px; font-size:22px; font-weight:normal}
h3 {margin:8px 0px 6px 0px; font-size:18px; font-weight:normal}
.body-information h3 {color:#CA2164}
a:link {color:#0091C9}
a:visited {color:#723BA3}




/* CLEARFIX */
.clearfix:after {content:"."; height:0; clear:both; visibility:hidden; display:block}
.clearfix {display:inline-block; zoom:1}
* html .clearfix {height:1%; overflow:visible}




/* CONTAINER */
#container {width:960px; padding:174px 0px 40px 0px; margin:0px auto; position:relative}




/* HEADER */
#header {width:960px; height:150px; background:url(../images/body.png) 0px 32px no-repeat; position:absolute; top:24px; left:0px}
#header #logo {width:473px; height:63px; position:absolute; top:60px; left:34px; display:block}
#header ul {height:32px; display:block; position:absolute; top:0px; right:30px}
#header ul li {padding:0px 13px 0px 0px; margin:0px 0px 0px 3px; background:url(../images/body-utilities.png) top right no-repeat; display:block; float:left}
#header ul li a {height:32px; padding:0px 0px 0px 13px; line-height:2.9; color:#FFF; text-decoration:none; font-size:12px; font-weight:bold; text-align:center; overflow:hidden; background:url(../images/body-utilities.png) top left no-repeat; display:block}

#header ul li#home {background-position:right -65px}
#header ul li#home a {padding:0px 0px 0px 31px; background-position:0px -65px}
.body-home #header ul li#home {background-position:right -98px}
.body-home #header ul li#home a {background-position:0px -98px; line-height:2.5; color:#0091C9}
.body-contact #header ul li#contact {background-position:right -33px}
.body-contact #header ul li#contact a {background-position:0px -33px; line-height:2.5; color:#0091C9}
.body-about #header ul li#about {background-position:right -33px}
.body-about #header ul li#about a {background-position:0px -33px; line-height:2.5; color:#0091C9}

* html #header ul li#home {width:43px}
* html #header ul li#contact {width:74px}
* html #header ul li#about {width:63px}




/* CONTENT */
#content {padding:12px 30px 0px 30px; background:#FFF}
.content-left {width:310px; float:right}
.content-right {width:590px; float:right}
.body-home .content-right {margin-top:-12px}

.content-copy {width:420px; padding:0px 12px 0px 0px; margin:-10px 0px 0px 0px; float:left}
#notips.content-copy {width:578px}

.content-tips {width:158px; padding:0px 0px 7px 0px; font-size:12px; background:url(../images/body-tips.png) bottom right no-repeat; float:left}
.content-tips em {height:56px; display:block; background:url(../images/body-tips.png) 0px 0px no-repeat}
.content-tips p {padding:0px 15px 15px 20px}
.content-tips ul {padding:0px 15px 15px 20px}
.content-tips ul li {padding:0px 0px 12px 0px; list-style:disc inside}
.content-tips#content-privacy {background:url(../images/contact-privacy.png) bottom left no-repeat}
.content-tips#content-privacy em {background:url(../images/contact-privacy.png) top left no-repeat}

.body-recovery .content-tips em {background-position:-168px 0px}
.body-solution .content-tips em {background-position:-336px 0px}
.body-saving .content-tips em {background-position:-504px 0px}
.body-help .content-tips em {background-position:-672px 0px}
.body-information .content-tips em {background-position:-840px 0px}

.rule {padding:16px 0px 0px 0px; margin:0px 0px 20px 0px; border-bottom:1px dashed #256CAB}
.formula {padding:10px 10px 4px 10px; margin:0px 0px 14px 0px; border:1px dashed #B3B3B3}
.download {width:219px; height:69px; padding:14px 134px 0px 67px; margin:0px 0px 14px 0px; font-size:12px; background:url(../images/body-download.png) 0px 0px no-repeat; position:relative}
.download strong {font-size:14px; color:#000; display:block}
.download a {width:73px; height:41px; padding:10px 0px 0px 32px; display:block; color:#000; text-decoration:none; font-weight:bold; position:absolute; top:16px; right:16px}
.download a span {font-size:11px; display:block; line-height:1; font-weight:normal}

a.top {width:80px; padding:0px 0px 12px 13px; white-space:nowrap; background:url(../images/bullet-arrow.png) 0px -38px no-repeat; display:block}
a:visited.top {color:#0091C9}

a.next {height:25px; padding:0px 0px 0px 26px; margin:17px 0px 0px 0px; line-height:2; background:url(../images/bullet-next.png) no-repeat; display:block}
.body-problem a.next, .body-problem a:visited.next {color:#DAA300; background-position:0px 3px}
.body-recovery a.next, .body-recovery a:visited.next {color:#723BA3; background-position:0px -39px}
.body-solution a.next, .body-solution a:visited.next {color:#61AB43; background-position:0px -81px}
.body-saving a.next, .body-saving a:visited.next {color:#2C92BC; background-position:0px -123px}
.body-help a.next, .body-help a:visited.next {color:#E17817; background-position:0px -165px}
.body-information a.next, .body-information a:visited.next {color:#CA2164; background-position:0px -207px}

.body-privacy {padding:10px 20px 15px 20px; background:none}
.body-privacy ol {padding-bottom:18px}
.body-privacy li {padding:0px 0px 2px 0px}

.disclaimer {width:378px; padding:0px 15px 15px 15px; font-weight:bold; font-size:12px; background:url(../images/disclaimer.png) bottom left no-repeat; clear:both}
.disclaimer em {height:12px; margin:0px -15px 0px -15px; background:url(../images/disclaimer.png) top left no-repeat; display:block}

* html .body-home .content-left {margin-left:-3px}
* html .content-tips {margin-right:-3px}




/* SIDE NAV */
dl#side-nav {width:280px; padding:0px 0px 18px 0px; margin:0px 0px 30px 0px; font-size:15px; background:url(../images/side-nav.png) left bottom}
dl#side-nav em {height:6px; margin:0px 0px 12px 0px; overflow:hidden; background:url(../images/side-nav.png); display:block}
dl#side-nav dt {height:34px; margin:2px 0px 0px 0px; padding:0px 0px 0px 50px; line-height:2.2; overflow:hidden; background:url(../images/side-nav.png)}
dl#side-nav dt a {color:#FFF; text-decoration:none; display:block}
dl#side-nav dd {padding:4px 0px 10px 0px; background:url(../images/side-nav.png) right bottom; font-size:12px}
dl#side-nav dd b {padding:0px 0px 0px 43px; margin:0px 0px 6px 0px; color:#000; display:block; background:url(../images/side-nav-bullets.png) 34px 4px no-repeat}
dl#side-nav dd b a {font-weight:normal; color:#0091C9}

dl#side-nav dt.problem {background-position:0px -6px}
dl#side-nav dt:hover.problem {background-position:0px -42px}
dl#side-nav dt.recovery {background-position:0px -122px}
dl#side-nav dt:hover.recovery {background-position:0px -158px}
dl#side-nav dt.solution {background-position:0px -238px}
dl#side-nav dt:hover.solution {background-position:0px -274px}
dl#side-nav dt.saving {background-position:0px -354px}
dl#side-nav dt:hover.saving {background-position:0px -390px}
dl#side-nav dt.help {background-position:0px -470px}
dl#side-nav dt:hover.help {background-position:0px -506px}
dl#side-nav dt.information {background-position:0px -586px}
dl#side-nav dt:hover.information {background-position:0px -622px}

.body-problem dl#side-nav dt.problem {background-position:0px -78px}
.body-recovery dl#side-nav dt.recovery {background-position:0px -194px}
.body-solution dl#side-nav dt.solution {background-position:0px -310px}
.body-saving dl#side-nav dt.saving {background-position:0px -426px}
.body-help dl#side-nav dt.help {background-position:0px -542px}
.body-information dl#side-nav dt.information {background-position:0px -658px}

.body-recovery dl#side-nav dd b {background-position:34px -46px}
.body-solution dl#side-nav dd b {background-position:34px -96px}
.body-saving dl#side-nav dd b {background-position:34px -146px}
.body-help dl#side-nav dd b {background-position:34px -196px}
.body-information dl#side-nav dd b {background-position:34px -246px}




/* IMAGE */
#image {width:544px; height:236px; padding:14px 23px 0px 23px; margin:0px 0px 26px 0px; position:relative; background:url(../images/image-bg.jpg) 0px 0px no-repeat}
#image p {width:360px; padding:0px 0px 15px 0px; margin:-1px 0px 0px 0px; font-size:14px; line-height:1.49; display:block}
#image a {width:196px; height:40px; padding:0px 0px 0px 36px; margin:0px 0px 0px -2px; font-size:15px; color:#000; line-height:2.6; overflow:hidden; text-decoration:none; background:url(../images/image-button.png) 0px 0px no-repeat; display:block}
#image #icon {width:200px; height:250px; position:absolute; top:0px; right:0px}

.body-home #image {height:248px; margin:0px 0px 30px 0px; background:url(../images/image-home.jpg)}
.body-home #image p {width:290px}
.body-problem #image #icon {background:url(../images/image-problem.png) 21px 20px no-repeat}
.body-recovery #image #icon {background:url(../images/image-recovery.png) 27px 16px no-repeat}
.body-solution #image #icon {background:url(../images/image-solution.png) 36px 26px no-repeat}
.body-saving #image #icon {background:url(../images/image-saving.png) 13px 29px no-repeat}
.body-help #image #icon {background:url(../images/image-help.png) 13px 18px no-repeat}
.body-information #image #icon {background:url(../images/image-information.png) 36px 21px no-repeat}

* html #image a {width:195px; height:38px; padding:0px 0px 0px 35px; line-height:2.2; background-position:-1px -1px}




/* PRODUCTS */
#products {width:924px; padding:0px 0px 9px 0px; margin:0px -24px 0px -7px; font-size:12px; line-height:1.5; float:left}
#products ul {width:278px; height:97px; padding:46px 0px 0px 26px; margin:0px 6px 16px 0px; float:left; background:url(../images/body-products1.png) no-repeat}
#products ul li a {padding:0px 0px 0px 8px; color:#000; text-decoration:none; background:url(../images/bullet-arrow.png) 0px 4px no-repeat}
#products ul li a:hover {text-decoration:underline}

#products ul#prod-recovery {background-position:0px -165px}
#products ul#prod-solution {background-position:0px -330px; margin-right:0px}
#products ul#prod-saving {background:url(../images/body-products2.png) 0px -0px}
#products ul#prod-help {background:url(../images/body-products2.png) 0px -165px}
#products ul#prod-information {background:url(../images/body-products2.png) 0px -330px; margin-right:0px}

* html #products {margin:0px -24px 0px -3px}




/* CONTACT */
.contact-box {width:408px; height:166px; padding:0px 0px 0px 0px; margin:10px 0px 20px 0px; background:url(../images/contact-form.png) left bottom no-repeat}
.contact-box em {height:43px; margin:0px 0px 13px 0px; background:url(../images/contact-form.png) left top no-repeat; display:block}
.contact-box#step2 {height:306px}
.contact-box#step2 em {background:url(../images/contact-form.png) 0px -44px no-repeat}
.contact-box label {width:162px; height:20px; padding:0px 15px 0px 0px; margin:0px 0px 6px 0px; line-height:1.6; text-align:right; white-space:nowrap; float:left; display:block}
.contact-box input, .contact-box select {width:150px; padding:1px; margin:0px 0px 8px 0px; border:1px solid #7F9DB9; float:left; font-size:13px}
.contact-box select {width:154px}
.contact-box label.required {background:url(../images/contact-asterisk.png) 168px 8px no-repeat}
.contact-box span {text-align:center}
.contact-box span label {width:332px; height:34px; padding:0px; margin:5px 0px 0px 0px; font-size:12px; line-height:1; display:inline; background:url(../images/contact-asterisk.png) 87px 6px no-repeat}
.contact-box span label a {font-size:12px; color:#000}
.contact-box span label input {width:auto; height:auto; margin:1px 4px 0px 0px; float:none; border:0px}

.contact-submit {height:70px; font-size:11px}
.contact-submit span {width:156px; padding:0px 0px 0px 17px; float:left; display:block; background:url(../images/contact-asterisk.png) 7px 5px no-repeat; line-height:1.6}
.contact-submit input {width:231px; height:40px; margin:0px; float:left; padding:0px; border:0px}

#warning {color:#FF0000}
#warning p {font-size:16px; padding:4px 0px 5px 0px; display:block}
#warning ul {padding:0px 0px 0px 5px; list-style:disc inside; font-weight:bold}




/* SIDE CONTACT */
#side-contact {width:240px; padding:0px 20px 0px 20px; font-size:12px; background:url(../images/side-contact.png) left bottom no-repeat}
#side-contact span {height:54px; margin:0px -20px; display:block; background:url(../images/side-contact.png) left top no-repeat}
#side-contact p {padding:0px 0px 16px 0px; display:block}
#side-contact em {width:236px; height:60px; display:block; background:url(../images/side-phone.png) 1px 0px no-repeat}
#side-contact a {width:196px; height:40px; padding:0px 0px 0px 36px; margin:0px 0px 0px 4px; font-size:15px; color:#000; line-height:2.6; overflow:hidden; text-decoration:none; background:url(../images/image-button.png) 0px 0px no-repeat; display:block}
#side-contact strong {padding:16px 0px 6px 0px; display:block}
#side-contact ul {padding:0px 0px 20px 0px}
#side-contact ul li {padding:0px 0px 2px 0px; margin:0px 0px 2px 0px; border-bottom:1px solid #CCE9F4}
#side-contact ul li b {float:right; font-weight:normal}

#side-contact.side-apply span {background:url(../images/side-contact.png) 0px -55px no-repeat}
#side-contact.side-apply p {padding:0px 0px 22px 0px}
#side-contact.side-apply strong {padding:0px 0px 6px 0px}
#side-contact.side-apply ul {padding:0px 0px 15px 0px}

* html #side-contact a {width:195px; height:38px; padding:0px 0px 0px 35px; line-height:2.2; background-position:-1px -1px}




/* FOOTER */
#footer {width:960px; padding:63px 0px 0px 0px; font-size:12px; background:#FFF url(../images/footer-bg.png) 30px 30px no-repeat}
#footer div {height:167px}

#footer #about {width:243px; padding:0px 29px 5px 35px; border-right:3px solid #DEE9F1; font-size:11px; float:left; background:url(../images/footer-logo-tm.png) 35px 3px no-repeat}
#footer #about strong {padding:60px 0px 5px 0px; display:block}

#footer #links {width:273px; padding:3px 20px 5px 29px; border-right:3px solid #DEE9F1; font-weight:bold; float:left}
#footer #links a {text-decoration:none}
#footer #links a:hover {text-decoration:underline}
#footer #links ul {padding:15px 0px 0px 0px}
#footer #links ul li {padding:0px 0px 2px 0px; list-style:disc; list-style-position:inside}
#footer #links ul li.one a {color:#DAA300}
#footer #links ul li.two a {color:#8153A6}
#footer #links ul li.three a {color:#61AB43}
#footer #links ul li.four a {color:#2C92BC}
#footer #links ul li.five a {color:#E17817}
#footer #links ul li.six a {color:#CA2164}

#footer #awards {width:261px; padding:0px 35px 5px 29px; float:left; background:url(../images/footer-logo-dy.png) 30px 3px no-repeat}
#footer #awards p {padding:48px 0px 16px 0px; font-size:11px}
#footer #awards strong {display:block}

#footer em {width:960px; height:20px; display:block; clear:both; background:url(../images/body.png) bottom left no-repeat}




/* SITEMAP */
#sitemap {padding:0px 0px 0px 0px}
#sitemap h3 {height:34px; padding:0px 0px 0px 20px; margin:0px 0px 0px 0px; line-height:1.7; white-space:nowrap; background:url(../images/side-nav.png) -29px -78px no-repeat}
#sitemap ul {padding:0px 0px 19px 0px; margin:0px 0px 12px 0px; border-bottom:1px solid #D6E3EE}
#sitemap li {height:22px; padding:0px 0px 0px 21px; background:url(../images/side-nav-bullets.png) 12px 6px no-repeat}
#sitemap h3.recovery {background-position:-29px -194px}
#sitemap ul.recovery li {background-position:12px -44px}
#sitemap h3.solution {background-position:-29px -310px}
#sitemap ul.solution li {background-position:12px -94px}
#sitemap h3.saving {background-position:-29px -426px}
#sitemap ul.saving li {background-position:12px -144px}
#sitemap h3.help {background-position:-29px -542px}
#sitemap ul.help li {background-position:12px -194px}
#sitemap h3.information {background-position:-29px -658px}
#sitemap ul.information li {background-position:12px -244px}