body { margin: 0; padding: 0; font: normal 11px verdana, arial, sans-serif; color: #ffffff; background: #958e7f url(../images/bg.jpg) no-repeat center top }
img { border: 0 }
ul, li { margin: 0; padding: 0; list-style-type: none }
table, tr, td { margin: 0; padding: 0 }
input { margin: 0; padding: 0; border: 0 }

.zero { clear: both }
.vspacer { vertical-align: middle; width: 1px!important; height: 100%!important }
.inline-block { float: none; display: -moz-inline-stack; display: inline-block }
.vmaib { float: none; display: -moz-inline-stack; display: inline-block; vertical-align: middle } /* Vertically Middle Aligned Inline Block */
.vtaib { float: none; display: -moz-inline-stack; display: inline-block; vertical-align: top } /* Vertically Top Aligned Inline Block */
.vsma { display: -moz-inline-stack; display: inline-block; vertical-align: middle; width: 0px!important; height: 100%!important } /* Vertical Spacer for Middle Alignement */

.input-text { position: relative; width: 256px; height: 19px; background: url(../images/input-bg.png) no-repeat }
.input-text input { position: absolute; left: 6px; top: 4px; width: 247px; font: normal 11px verdana, arial, sans-serif; color: #0464a1; background: transparent }
.italic { font-style: italic }
.condensed { letter-spacing: -1px }

.bg-home { position: absolute; left: 0; top: 470px; width: 100%; height: 108px; background: url(../images/banner-bottom-bg.png) no-repeat center top }
.wrapper { position: relative; width: 924px; margin: 0 auto; padding: 0 15px; font: normal 11px verdana, arial, helvetica, sans-serif; color: #ffffff }
.wrapper a { color: #ffffff; text-decoration: none }
.wrapper a:hover { color: #f8a619 }
.title { font: normal 16px verdana, arial, helvetica, sans-serif; text-transform: uppercase; letter-spacing: -1px; color: #ffffff }
.left { float: left }
.right { float: right }
.header .menu-top { height: 19px; padding: 5px 0 0 0; font: bold 10px verdana, arial, helvetica, sans-serif; color: #ffffff }
.header .banner { position: relative; height: 245px; background: url(../images/header-banner.jpg) no-repeat }
.header .banner .search { position: absolute; left: 25px; top: 10px; font: normal 11px verdana, arial, helvetica, sans-serif }
.header .banner .search .menu a { padding: 0 5px }
.header .banner .search .menu span { padding: 0 8px; color: #f8a619 }
.header .banner .search .input { position: absolute; left: 6px; top: 21px; width: 214px; height: 17px; padding: 0 2px; background: transparent }
.header .banner .search .image { position: absolute; left: 224px; top: 20px; width: 18px; height: 18px; }

.header .banner .text { position: absolute; left: 528px; top: 130px }
.header .banner .text .title { padding: 0 0 8px }
.header ul.menu-bottom { height: 20px; padding: 2px 0 0 0; font: normal 13px verdana, arial, helvetica, sans-serif; color: #ffffff; white-space: nowrap }
.header ul.menu-bottom li { display: inline }
.header ul.menu-bottom a { padding: 0; letter-spacing: 0 }
 

.body .content {  }
.body .content .pan-left { float: left }
.body .content .pan-center { float: left }
.body .content .pan-right { float: right }
.body .content a { text-decoration: underline }

.body .home { height: 290px; line-height: 15px }
.body .home .pan-sep { float: left; width: 20px; padding: 50px 0 0 }
.body .home .pan-left { width: 244px; padding: 18px 18px 0 0; text-align: justify }
.body .home .pan-left img { margin: 0 10px 0 0 }
.body .home .pan-center { width: 323px; padding: 18px 18px 0 15px; text-align: justify }
.body .home .pan-center img { margin: 0 0 0 10px }
.body .home .pan-right { width: 249px; padding: 18px 0 0 15px }
.body .home .pan-right .radios input { vertical-align: top }

.body .common { width: 650px; padding: 15px 75px 50px }
.body .common .title { padding: 3px 0 10px 0 }
.body .common .desc { padding: 0 0 18px }
.body .common .user-input { font-weight: bold; font-size: 12px }

.body .charitables-partners { padding: 8px 75px 20px }
.body .charitables-partners .partner { padding: 10px 0 }
.body .charitables-partners .partner .logo { float: left; width: 116px; padding: 5px; text-align: center }
.body .charitables-partners .partner .text { float: left; width: 530px }
.body .charitables-partners .partner .text .title { padding: 0 0 13px 0 }
.body .charitables-partners .partner .text .desc {  }

.body .merchants-partners { padding: 18px 75px 20px }
.body .merchants-partners .partners { width: 654px; padding: 20px 40px }
.body .merchants-partners .partners td { padding: 5px }
.body .merchants-partners .partners .name { width: 150px }
.body .merchants-partners .partners .name img { margin: 0 10px 0 0; vertical-align: middle }
.body .merchants-partners .partners .donation { width: 80px; text-align: center }
.body .merchants-partners .partners .desc { width: 314px }

.body .my-donations { padding: 18px 75px 20px }
.body .my-donations .title { margin: 15px 0 7px 0 }
.body .my-donations table { width: 100%; border-collapse: collapse }
.body .my-donations th, .body .my-donations td { padding: 3px; border: 1px solid #ffffff }
.body .my-donations .note { font-style: italic; margin: 2px 0 0 }

.body .install-end input { vertical-align: middle }
.body .install-end input.email { width: 299px; height: 17px; margin: 0 16px 0 0; padding: 2px }

.body .send-to-friend label { float: left; width: 150px }
.body .send-to-friend input { vertical-align: middle }
.body .send-to-friend input.text { width: 299px; height: 17px; padding: 2px }
.body .send-to-friend input.image { margin: 0 0 0 240px }
.body .send-to-friend textarea.text { width: 299px; padding: 2px; border: 0 }

.body .login input { vertical-align: middle }
.body .login input.email { width: 299px; height: 17px; margin: 0 16px 0 0; padding: 2px }
.body .login input.image { margin: 0 0 0 88px }

.body .tax-receipts { padding: 18px 75px 20px }
.body .tax-receipts .form { display: inline; float: left }
.body .tax-receipts .form td { padding: 2px }
.body .tax-receipts .form label { display: block; width: 100px }
.body .tax-receipts .form input { display: block; width: 200px }
.body .tax-receipts .cnil-note { float: right; width: 325px; font-size: 8px }
.body .tax-receipts .image { margin: 20px 0 0 200px }

.body .how-it-works { padding: 18px 75px 0 }
.body .how-it-works .title { padding: 0 0 7px }
.body .how-it-works .desc { padding: 0 0 18px }
.body .how-it-works .steps { position: relative; height: 552px }
.body .how-it-works .step-bg { position: absolute; left: 0; width: 701px; height: 164px; background: url(../images/hiw-step-bg.png) no-repeat }
.body .how-it-works .step { position: absolute; width: 701px; height: 164px; padding: 0 0 20px }
.body .how-it-works .step1 { top: 0 }
.body .how-it-works .step2 { top: 184px }
.body .how-it-works .step3 { top: 368px }
.body .how-it-works .step .step-num { position: absolute; left: 10px; top: 10px }
.body .how-it-works .step .pan-left { display: inline; float: left; width: 235px; margin: 12px 0 0 80px; padding: 0; font-size: 9px; line-height: 13px }
.body .how-it-works .step .pan-left a { position: relative; text-decoration: underline }
.body .how-it-works .step .pan-right { display: inline; float: right; width: 360px; margin: 12px 0 0 }
.body .how-it-works .step1 .pan-right { display: inline; float: right; width: 360px; margin: 12px 0 0 }
.body .how-it-works .step2 .pan-right { margin-right: 16px; text-align: right }
.body .how-it-works .step3 .pan-right { margin-right: 16px; text-align: center }
.body .how-it-works .step3 .pan-right img { margin: 5px 10px }

.body .parameters { padding: 18px 75px 30px }
.body .parameters .pan-left { width: 310px; padding: 18px 0 0 }
.body .parameters .pan-right { width: 345px; padding: 18px 0 0 }
.body .parameters .title { padding: 0 0 5px }
.body .parameters .desc { padding: 0 0 10px }
.body .parameters .radios input { vertical-align: top }
.body .parameters input.email { width: 299px; height: 17px; padding: 2px 2px }
.body .parameters input.image { margin: 20px 0 0 200px }

.body .faq li { padding: 5px 10px; border-top: 1px solid #ffffff; background: url(../images/faq-bullet.gif) no-repeat 0 8px }
.body .faq li.last { border-bottom: 1px solid #ffffff }

.footer { height: 50px }
.footer .menu-bottom { padding: 5px 0; font-weight: bold; font-size: 8px; text-align: right; text-transform: uppercase }
.footer .join-us { display: inline; float: left }
.footer .join-us .icons { display: inline; float: left }
.footer .join-us .icons img { margin: 0 5px 0 0 }
.footer .join-us .icons a { display: inline; float: left }
.footer .join-us .text { display: inline; float: left; margin: 3px 0 0 5px; font-weight: bold; font-size: 9px }
.footer .join-us .text a { text-decoration: underline }

.credits { display: none; position: absolute; left: 17%; top: 45% }
.credits .close { display: block; position: absolute; right: 40px; top: 35px; width: 22px; height: 22px; cursor: pointer; background: url(../images/empty.gif) no-repeat }

.error { color: #b00000; font-weight: bold }

.popup-not-compatible { display: none; position: absolute; left: 17%; top: 45% }
.popup-not-compatible .close { display: block; position: absolute; right: 40px; top: 35px; width: 22px; height: 22px; cursor: pointer; background: url(../images/empty.gif) no-repeat }

.fb-like { position: absolute; right: 61px; top: 235px }