html {overflow-y: scroll;}

body {margin: 0; background: #c1cbd4; font-family: Arial, sans-serif; font-size: 85%; color: #1f1f1f;}

img {border: none;}
blockquote p {margin: 0;}

/* main wrapper */
#wrapper {width: 988px; margin: 0 auto; background: #fff; border-left: 1px solid #6a747e; border-right: 1px solid #6a747e; position: relative;}

/* header */
#header {margin: 0 10px 15px 10px; background: url("i/bg-header.png") repeat-x;}
#header #header-wrapper {margin: 0; background: url("i/bg-header-corner.png") no-repeat bottom right; position: relative; height: 120px;}
h1 {background: url("i/logo.png") no-repeat; width: 274px; height: 120px; margin: 0; position: absolute; bottom: 0; left: 0;}
h1 a {display: block; width: 274px; height: 120px;}
h1 span {display: none;}
#lang-de {position: absolute; top: 10px; right: 15px; margin: 0; width: 80px; height: 20px; background: url("i/flag-de.png") no-repeat right center; padding-right: 34px;}
#lang-de select {width: 80px;}
#lang-en {position: absolute; top: 10px; right: 15px; margin: 0; width: 80px; height: 20px; background: url("i/flag-en.png") no-repeat right center; padding-right: 34px;}
#lang-en select {width: 80px;}
#lang-fr {position: absolute; top: 10px; right: 15px; margin: 0; width: 80px; height: 20px; background: url("i/flag-fr.png") no-repeat right center; padding-right: 34px;}
#lang-fr select {width: 80px;}
#lang-es {position: absolute; top: 10px; right: 15px; margin: 0; width: 80px; height: 20px; background: url("i/flag-es.png") no-repeat right center; padding-right: 34px;}
#lang-es select {width: 80px;}
#header form {margin: 0;}
#languages p {margin: 0;}

/* main menu */
#menu {margin: 0; padding: 0; list-style-type: none; text-align: center; position: absolute; right: 0; bottom: 25px; z-index: 90;}
#menu li {margin: 0; padding: 0 10px 0 0; display: block; float: left; height: 40px; width: 107px;}
#menu li a {color: #fff; text-decoration: none; display: block; line-height: 40px; height: 40px; width: 107px; background: url("i/bg-menu.png") 0 40px;}
#menu li.active a {background: url("i/bg-menu.png") !important;}

/* content area*/
#content-wrapper {margin: 0; padding: 0 15px 15px 15px;}
#content-home {padding: 0; margin: 0;}

/* home page */
#home {margin: 0 10px; width: 968px; padding-top: 25px;}
#home-top {margin: 0 0 20px 0; width: 968px; background: url("i/bg-home-top.png") no-repeat center bottom; padding: 0;}
#home-top-wrapper {margin: 0; width: 895px; background: url("i/bg-home-top-top.png") no-repeat center top; padding: 0 38px 15px 35px;}
#home-intro {margin: 0; float: left; width: 585px; font-size: 120%;}
#home-intro h2 {font-size: 160%; padding-top: 30px; margin: 0;}
#home-list  {margin: 0; color: #08467f; float: right; width: 248px; font-size: 95%;}
#home-list h3 {font-size: 130%; padding-top: 38px;  margin: 0 0 15px 0;}
#home-list ul {margin: 0; padding: 0; list-style-type: none;}
#home-list li {margin: 0 0 15px 0; padding: 0 0 0 45px; background: url("i/bullet.gif") no-repeat;}
#baby {background: url("i/home-baby.jpg") no-repeat; width: 369px; height: 121px; overflow: hidden; color: #db891d; font-size: 80%; padding: 10px 195px 10px 15px;}
#baby p strong {font-size: 110%;}
#icon-products-en {margin: 0; padding: 0; width: 100px; height: 96px; position: absolute; background: url("i/icon-products-en.png") no-repeat; top: 105px; right: 40px;}
#icon-products-de {margin: 0; padding: 0; width: 100px; height: 96px; position: absolute; background: url("i/icon-products-de.png") no-repeat; top: 105px; right: 40px;}
#icon-products-es {margin: 0; padding: 0; width: 100px; height: 96px; position: absolute; background: url("i/icon-products-es.png") no-repeat; top: 105px; right: 40px;}
#icon-products-fr {margin: 0; padding: 0; width: 100px; height: 96px; position: absolute; background: url("i/icon-products-fr.png") no-repeat; top: 105px; right: 40px;}
#home-products {width: 936px; color: #fff; font-size: 85%; padding: 0 16px; background: url("i/bg-home-products.png") no-repeat bottom center; margin: 0;}
#home-products-wrapper {width: 936px; background: url("i/bg-home-products-top.png") no-repeat top center; margin: 0;}
#home-products ul {margin: 0; padding: 0; list-style-type: none; float: right; width: 152px;}
#home-products ul li {margin: 0; padding: 0; text-align: center; text-transform: uppercase;}
#home-products ul li a {text-decoration: none; color: #fff; font-weight: bold; line-height: 28px; display: block}
#home-products h2 {margin: 0; font-size: 200%;}
#home-product-fingaroo {margin: 0; padding: 15px 15px 10px 15px; width: 424px; float: left;}
#home-product-alfaroo {margin: 0; padding: 15px 15px 10px 15px; width: 424px; float: right;}
.home-products-image {float: left; width: 153px; margin: 0;}
.home-products-image p {margin: 0;}
.home-products-info {float: left; width: 271px;}
.home-products-info p {font-size: 95%; margin-bottom: 0;}
.home-products-price {float: right; margin: -1.3em 0 0 0; color: #d0d2d1; font-weight: bold; font-size: 150%;}
.home-products-info em {font-style: normal; color: #bad7f4;}
.btn-try {float: left; width: 111px; background: url("i/btn-try.png") no-repeat; line-height: 36px; height: 36px;}
#home-products .btn-buy {float: right; width: 130px; background: url("i/btn-buy-small.png") no-repeat; line-height: 28px; height: 28px;}

#home-features {margin: 30px 0 15px 15px; padding: 0; list-style-type: none;}
#home-features li {margin: 0; padding: 220px 0 0 0; float: left; width: 249px;}
#home-features h3 {color: #456aa1; margin: 0 10px; font-size: 130%}
#home-features p {margin: 0 10px;}
#home-features li#home-features-01 {background: url("i/image-home-features-01.jpg") no-repeat;}
#home-features li#home-features-02 {background: url("i/image-home-features-02.jpg") no-repeat;}
#home-features li#home-features-02 p {margin: 0 25px 0 10px;}
#home-features li#home-features-03 {background: url("i/image-home-features-03.jpg") no-repeat;}
#home-features li#home-features-04 {background: url("i/image-home-features-04.jpg") no-repeat; width: 209px;}

/* inner pages */
#sidebar {width: 267px; float: right;}
#banner-chat {margin: 0;}
#banner-chat a {display: block; width: 267px; height: 108px; background: url("i/banner-live-chat.jpg") no-repeat;}
#banner-chat a span {display: none;}
#quotes {color: #094884; font-size: 85%; padding: 20px 10px 20px 20px;}
#quotes blockquote {margin: 0; font-style: italic;}
#quotes p {text-align: right; margin-bottom: 30px;}
#image-products {width: 242; height: 431px; margin: 0; background: url("i/image-sidebar-products.jpg") no-repeat top right;}
#image-contact {width: 242; height: 363px; margin: 0; background: url("i/image-sidebar-contact.jpg") no-repeat top right;}
.sidebar-logo {text-align: center;}
#sidebar h2 {padding: 10px 15px; color: #094884; margin: 0;}

#trial {background: url("i/image-sidebar-download.jpg") no-repeat top right; padding: 330px 0 20px 25px; font-size: 95%; }
#trial table {border-collapse: collapse; font-size: 120%;}
#trial table th {text-align: left;}
#trial table th, #trial table td {padding: 3px 7px; border: 1px solid #e1e2e4;}
#trial table td {font-size: 90%;}

#free-books {margin: 0 0 15px 0; padding: 0 15px; list-style-type: none; font-size: 85%;}
#free-books li {margin: 0; padding: 0 0 10px 30px; background: url("i/icon-pdf.png") no-repeat;}

#content {width: 640px; float: left;}
#content h2 {background: url("i/bg-heading.png") repeat-x bottom left; padding: 10px 15px; color: #094884; border: 1px solid #c7d7e2; margin-top: 0;}
#content p, #content ul, #content h3 {padding: 0 15px;}
#content ul {margin-left: 15px;}

#content-padding {margin: 0;}

#products-bottom {color: #0b4a86; font-size: 120%; background: url("i/bg-products-bottom.png") no-repeat left bottom; padding-bottom: 5px; padding-top: 30px;}
#products-bottom h3 {font-weight: normal;}

h2#h-simple {background: none; padding: 10px 15px 0 15px; color: #242424; border: none; margin-top: 0; font-size: 190%; margin-bottom: 0;}
.copy-large {font-size: 120%;}
#products {margin: 0; width: 640px; font-size: 120%;}
#products ul li {margin: 0; padding: 0; text-align: center; list-style-type: none; font-size: 75%; margin-left: 20px;}
#products ul li a {text-decoration: none; font-weight: bold; line-height: 25px; display: block; color: #296296;}
#products h3 {margin: 0; font-size: 160%;}
#products h3 em {font-size: 65%; color: #094884; font-weight: normal;}
#product-fingaroo {margin: 0; padding: 15px; width: 600px; border-bottom: 5px solid #ebf5ff;}
#product-alfaroo {margin: 0; padding: 15px; width: 600px; border-bottom: 5px solid #ebf5ff;}
#product-bundle {margin: 0; padding: 15px; width: 600px;}
.products-image {float: left; width: 200px;}
.products-image p {margin: 0;}
.products-info {float: left; width: 400px;}
.products-price {float: right; margin: -1.3em 0 0 0; color: #d0d2d1; font-weight: bold; font-size: 150%;}
.products-info em {font-style: normal; color: #bad7f4;}
.btn-photos {float: right; width: 155px; background: url("i/btn-photos.png") no-repeat; line-height: 25px; height: 25px;}
.btn-buy-now {float: right; width: 155px; background: url("i/btn-buy-now.png") no-repeat; line-height: 25px; height: 25px;}
#product-bundle .btn-photos {float: right; width: 155px; background: none; line-height: 25px; height: 25px;}

#download {margin: 0; width: 640px; font-size: 120%;}
#download ul li {margin: 0; padding: 0; text-align: center; list-style-type: none; font-size: 75%; margin-left: 20px;}
#download ul li a {text-decoration: none; font-weight: bold; line-height: 25px; display: block; color: #296296;}
#download-fingaroo {margin: 0; padding: 15px; width: 600px; border-bottom: 5px solid #ebf5ff;}
#download-alfaroo {margin: 0; padding: 15px; width: 600px; border-bottom: 5px solid #ebf5ff;}
#download-bundle {margin: 0; padding: 15px; width: 600px;}
.download-image {float: left; width: 200px;}
.download-image p {margin: 0;}
.download-info {float: left; width: 400px; text-align: center;}
.download-price {float: right; margin: -1.3em 0 0 0; color: #d0d2d1; font-weight: bold; font-size: 150%;}
.download-info p strong {color: #f00; font-size: 135%; font-weight: normal;}
#download h3 {width: 328px; height: 52px; background: url("i/bg-download.png") no-repeat; margin: 40px auto 0 auto; padding: 0 !important; font-size: 100%; line-height: 52px;}
#download h3 a {text-transform: uppercase; color: #fff; text-decoration: none;}
#download h3 em {font-style: normal; width: 160px; float: left; display: block; font-size: 140%; text-align: center;}
#download h3.download-info-h em {font-size: 110%;}
#download h3 span {font-style: normal; width: 168px; float: right; display: block; text-align: center;}
#download-fr #download h3 span {font-size: 80%;}

ul#contact-address {margin: 20px 0 0 0 !important; padding: 0 !important; list-style-type: none; width: 610px;}
ul#contact-address li {margin: 0 !important; padding: 0 !important; width: 200px; float: left;}
ul#contact-address h3 {margin-top: 0; text-transform: uppercase; font-weight: normal;}
#contact-form {margin: 40px 0 0 0; width: 460px;}
#contact-form label {display: block; float: left; width: 110px;}
#contact-form label em {color: #f00; font-style: normal;}
#contact-form span {width: 323px; float: left; display: block;}
#contact-form p {width: 460px;}
#contact-form span input {width: 250px; border: 1px solid #c7c7c7; background: #f4f4f4; height: 20px;}
#contact-form span textarea {width: 250px; border: 1px solid #c7c7c7; background: #f4f4f4; height: 120px; float: left;}
#contact-form p.contact-form-submit {text-align: right;}
#contact-form #form-contact-send {width: 60px !important; border: none !important; float: right; margin: 0; display: block; padding-top: 104px; background: #fff;}

.contact-wrapper {position: relative;}
.content-contact {padding-left: 35px; font-size: 120% !important;}
.content-contact  h2#h-simple {font-size: 155% !important;}
#unicef {position: absolute; bottom: 45px; right: 35px; margin: 0; width: 142px; height: 111px;}

.content-support {font-size: 120%; padding-left: 35px;}
.content-support h2#h-simple {font-size: 160% !important;}
.content-support h3 {font-weight: normal;}
#support-email {padding-bottom: 20px;}
#support-email input {width: 250px; border: 1px solid #c7c7c7; background: #f4f4f4; height: 20px;}
#support-email input#form-support-send {border: none; background: none; width: 60px; height: 21px; float: left; margin-top: 2px; display: block;}
#support-email span {display: block; float: left; padding-right: 7px;}
#support-block {width: 248px; background: url("i/bg-support-sidebar.png") no-repeat bottom left; font-size: 120%;margin-left: 12px; margin-top: 15px;}
#support-block p {margin: 0; background: url("i/bg-support-sidebar-top.png") no-repeat top left; padding: 15px;}

#quotes-full {color: #094884; font-size: 85%; margin: 0 15px; padding: 10px 0; width: 958px; list-style-type: none; background: url("i/bg-quotes-full.png") no-repeat left bottom;}
#quotes-full li {margin: 0; padding: 0; width: 319px; float: left;}
#quotes-full blockquote {margin: 0; font-style: italic; padding: 0 20px;}
#quotes-full p {text-align: right; padding: 0 20px;}

/* footer */
#footer {margin: 0; font-size: 85%; padding: 40px 0 20px 0; margin: 0 auto 30px auto; color: #6a747e; width: 990px; text-align: center; background: url("i/bg-footer.png") no-repeat top;}
#footer ul {margin: 0; padding: 0; list-style-type: none; text-transform: uppercase;}
#footer li {margin: 0; padding: 0 8px 0 5px; display: inline; border-right: 1px solid #6a747e;}
#footer li.last {border-right: none;}
#footer a {color: #6a747e; text-decoration: none;}

/* clearing floats */
#menu:after, #content-wrapper:after, #content-home:after, #home-features:after, #home:after, #home-product-fingaroo:after, #home-product-alfaroo:after, #home-products ul:after, #product-fingaroo:after, #product-alfaroo:after, #product-bundle:after, #products:after, #products ul:after, .contact-wrapper ul:after, #contact-form p:after, #download-fingaroo:after, #download-alfaroo:after, #download:after, #download h3:after, #wrapper:after, #quotes-full:after, #support-email form p:after, #home-top:after, #home-top-wrapper:after, #home-products:after, #home-products-wrapper:after, #contact-address:after, #checkout-ssl:after {content: "."; display: block; height: 0; clear: both; visibility: hidden;}

/* checkout page */
#content-checkout {margin: 0 400px 0 100px;}
#content-checkout form p {font-size: 120% !important;}
#content-checkout form {border-bottom: 5px solid #ebf5ff;}
#content-checkout p {font-size: 85%;}


