* {
font-size : 100.01%;
}
html {
font-size : 62.5%;
}
body {
margin : 0 auto;
font : 1.2em Verdana, Geneva, Arial, Helvetica, sans-serif;
color : #2a2a2a;
background : #fff url(../img/bg-body.gif) repeat-x;
}
#wrapper {
margin : 0 auto;
width : 980px;
position : relative;
}
a {
color : #58b;
text-decoration : underline;
}
a:hover {
text-decoration : none;
}
img {
border : 0;
}
form, fieldset {
margin : 0;
padding : 0;
border : none;
}
.logo {
overflow : hidden;
margin : 0;
position : absolute;
left : 32px;
top : 70px;
z-index : 2;
}
.logo a {
display : block;
width : 209px;
height : 57px;
text-indent : -9999px;
background : url(../img/logo.gif) no-repeat;
}
#content {
width : 980px;
padding : 460px 0 0 0;
overflow : hidden;
}
.banner-t {
width : 988px;
min-height : 190px;
padding : 0 0 0 17px;
margin : 0 -25px 0 0;
overflow : hidden;
background : url(../img/bg-banner-t.png);
}
* html .banner-t {
height : 190px;
overflow : visible;
}
.banner {
float : left;
width : 454px;
margin : 15px 40px 0 0;
}
.inner {
width : 454px;
margin : 8px 0 -8px;
position : relative;
overflow : hidden;
}
.inner p {
font-family : Arial, Helvetica, sans-serif;
margin : 0 0 13px;
}
.banner-b {
width : 980px;
height : 21px;
background : url(../img/bg-banner-b.png);
}
.banner strong {
display : table-cell;
vertical-align : middle;
width : 452px;
height : 42px;
background : url(../img/bg-banner-title.gif) no-repeat;
text-align : center;
font : bold 1.25em Arial, Helvetica, sans-serif;
color : #e9e9e9;
}
.banner img {
display : block;
margin : 0 0 10px;
}
.testimonials, .wrap-text {
width : 964px;
padding : 0 0 10px 18px;
margin : 0 -20px 0 0;
background : url(../img/bg-wrap-text.gif) repeat-x 0 100%;
}
.holder {
width : 100%;
overflow : hidden;
margin : 26px 0 0 0;
}
.testimonials .holder {
margin : 10px 0 0 0;
}
.text {
float : left;
width : 462px;
margin : 0 20px 0 0;
}
.text h2 {
font-size : 1.333em;
color : #58b;
padding : 3px 0 15px 0;
margin : 0;
}
.text .why {
background : url(../img/image08.gif) no-repeat;
padding : 3px 0 15px 57px;
}
.text img {
float : right;
margin : -8px 0 0 0;
}
.text p {
margin : 0 0 18px 0;
}
.text ul {
margin : 0;
padding : 0;
list-style : none;
}
.text ul li {
padding : 0 0 2px 0;
}
.links-orange {
margin : 0 0 0 13px;
width : 443px;
overflow : hidden;
}
.links-orange div {
float : left;
height : 58px;
line-height : 58px;
text-align : center;
}
.small {
width : 168px;
background : url(../img/bg-small.png);
}
.big {
width : 228px;
background : url(../img/bg-big.png);
}
.links-orange span, .links-green span {
float : left;
font-weight : bold;
color : #99bdeb;
}
.links-orange span {
padding : 20px 14px 0 14px;
}
.links-orange a, .green a {
font-size : 0.917em;
font-weight : bold;
color : #fff;
text-decoration : none;
position : relative;
}
.green a {
display : block;
height : 38px;
width : 209px;
margin : 0 0 0 10px;
line-height : 38px;
}
.links-orange a {
padding : 14px 25px;
}
.link-blue {
width : 380px;
font-size : 1.333em;
margin : 0 0 0 76px;
padding : 6px 0 0 0;
overflow : hidden;
}
.testimonials {
background : #f7f7f8;
font-size : 0.917em;
padding : 0 0 17px 18px;
}
.testimonials h2 {
padding : 8px 0 8px 18px;
margin : 0 0 6px -15px;
font-size : 1.667em;
color : #4779ab;
font-weight : normal;
background : url(../img/bg-h2.gif) repeat-x;
}
.testimonials .visual img {
display : block;
float : none;
margin : 8px 0 0 9px;
}
.visual {
width : 91px;
height : 108px;
background : url(../img/bg-visual.gif) no-repeat;
float : left;
margin : 0 11px 0 0;
}
blockquote {
float : left;
width : 332px;
margin : 0;
padding : 8px 0 0;
}
q:before, q:after {
content : "";
}
q {
display : block;
margin : 0 0 14px 0;
}
cite {
font-style : normal;
}
cite span {
display : block;
}
#wrap-header {
width : 980px;
height : 460px;
overflow : hidden;
position : absolute;
left : 0;
top : 0;
z-index : 1;
}
.meta {
padding : 0 0 0 26px;
overflow : hidden;
}
.meta ul {
margin : 14px 0 6px 0;
padding : 0;
list-style : none;
}
.meta ul li {
float : left;
}
.meta ul li a {
display : block;
padding : 0 7px 0 20px;
}
.languages {
float : right;
}
.bookmark {
float : left;
background : #f9f9fa;
height : 20px;
}
.english {
background : #f9f9fa url(../img/image11.gif) no-repeat 0 50%;
}
.france {
background : #f9f9fa url(../img/image12.gif) no-repeat 0 50%;
}
.bookm {
background : url(../img/image13.gif) no-repeat 0 50%;
}
.support {
background : url(../img/image14.gif) no-repeat 0 50%;
}
.meta-span {
float : left;
font : bold 1.417em Arial, Helvetica, sans-serif;
color : #79798d;
margin : 14px 0 0 0;
padding : 0 0 0 10px;
background : #f9f9fa;
}
#header {
width : 980px;
height : 109px;
overflow : hidden;
background : url(../img/bg-header.png) repeat-x 0 0;
}
.nav {
float : right;
margin : 23px 0 0 0;
padding : 0 5px 0 0;
list-style : none;
overflow : hidden;
}
.nav li {
float : left;
height : 51px;
padding : 29px 0 0 0;
margin : 0 2px 0 -2px;
background : url(../img/divider-nav.gif) no-repeat 0 0;
}
.nav a {
display : block;
padding : 0 10px 0 16px;
font : bold 1.167em Arial, Helvetica, sans-serif;
color : #848484;
text-decoration : none;
cursor : pointer;
position : relative;
}
.nav a:hover {
text-decoration : underline;
}
.blue {
width : 887px;
height : 225px;
margin : 0 8px;
padding : 15px 28px 0 50px;
background : url(../img/bg-blue.gif);
overflow : hidden;
}
.blue-text {
width : 471px;
margin : 20px 0 0 0;
float : left;
}
.blue h3 {
text-transform : uppercase;
font : 2.583em Arial, Helvetica, sans-serif;
line-height : 32px;
color : #d5e1ed;
margin : 0 7px 5px 7px;
}
.blue-box {
height : 40px;
width : 471px;
padding : 8px 0 0 0;
margin : 0 2px;
background : url(../img/bg-blue-box.gif);
color : #99bdeb;
text-align : center;
}
.blue-box p {
margin : 0;
}
.links-green {
width : 471px;
overflow : hidden;
}
.green {
float : left;
background : url(../img/bg-green.gif);
width : 227px;
height : 55px;
text-align : center;
padding : 15px 0 0 0;
}
.links-green span {
background : url(../img/bg-or.gif);
padding : 30px 0 0 0;
}
.login {
float : right;
width : 336px;
height : 218px;
padding : 6px 26px 0 26px;
background : url(../img/bg-login.gif);
}
.log, .orange {
display : block;
width : 290px;
height : 38px;
padding : 0 0 0 46px;
font : bold 1.167em Arial, Helvetica, sans-serif;
line-height : 38px;
color : #e1e1e1;
background : url(../img/bg-span-login.gif) no-repeat;
text-transform : uppercase;
}
.login form {
width : 335px;
margin : 0 0 7px 0;
}
.email {
float : left;
width : 247px;
overflow : hidden;
padding : 3px 0 0 0;
}
.row {
width : 247px;
overflow : hidden;
}
.email label {
float : left;
width : 78px;
font : bold 0.8em Tahoma, Arial, sans-serif;
color : #4c4c4c;
text-align : right;
margin : 18px 4px 0 0;
}
.input {
float : left;
background : url(../img/bg-input.gif);
margin : 10px 0 0 0;
}
.email input {
float : left;
width : 149px;
height : 23px;
padding : 7px 5px 0 5px;
margin : 0;
background : inherit;
border : 0;
}
.enter {
float : right;
width : 82px;
height : 83px;
border : 0;
cursor : pointer;
margin : 5px 0 0 0;
background : url(../img/btn-enter.gif);
font-weight : bold;
color : #323232;
text-transform : uppercase;
}
.create {
width : 335px;
margin : 0 0 0 3px;
overflow : hidden;
}
.orange {
float : right;
width : 212px;
height : 53px;
background : url(../img/btn-orange.gif);
font-size : 1em;
line-height : 52px;
padding : 0;
margin : -2px 0 0 0;
text-align : center;
text-decoration : none;
}
.create em {
float : left;
width : 113px;
font : 0.75em Arial, Helvetica, sans-serif;
color : #5c5c5c;
margin : 12px -2px 0 2px;
}
.lost {
float : left;
color : #da5900;
font-size : 11px;
}
.phone {
display : block;
width : 990px;
height : 64px;
background : url(../img/bg-phone.gif);
margin : 7px 0 0 0;
text-align : center;
font : bold 1.667em Arial, Helvetica, sans-serif;
line-height : 64px;
color : #547ba9;
text-transform : uppercase;
}
#footer .bottom-menu {
background : #244a78;
text-align : center;
margin : 0 0 10px 0;
padding : 11px 0;
}
#footer {
padding : 0 0 15px 0;
background : #3b77b3 url(../img/bg-footer.gif) repeat-x 0 31px;
font-size : 0.833em;
color : #fff;
text-align : center;
height : 1%;
}
#footer ul {
margin : 0;
padding : 0;
list-style : none;
}
#footer ul li {
display : inline;
padding : 0 5px 0 9px;
background : url(../img/divider-bottom.gif) no-repeat 0 50%;
}
#footer ul li:first-child {
background : inherit;
}
#footer ul a {
color : #fff;
text-decoration : none;
}
#footer ul a:hover {
text-decoration : underline;
}
#footer address {
font-style : normal;
margin : 0;
}
.cards {
margin : 23px 0 0 0;
}
.inner-page #wrap-header {
height : 250px;
}
.inner-page #content {
padding : 251px 0 0 0;
}
.still-using {
font-family : Arial, Helvetica, sans-serif;
width : 100%;
height : 86px;
padding : 24px 0 0 0;
color : #5277a2;
text-align : center;
background : url(../img/bg-still-using.gif) no-repeat;
}
.still-using strong {
font-size : 2.2em;
text-transform : uppercase;
}
.still-using span {
display : block;
font-size : 1.4em;
font-weight : bold;
text-transform : uppercase;
}
.inner-page .links-orange {
margin : 9px 0 11px 301px;
}
.inner q {
font-weight : bold;
display : inline;
margin : 0;
}
.trust-guard {
list-style-type : none;
margin-top : 20px !important ;
}
.trust-guard li {
display : inline;
width : 150px;
background : inherit !important ;
}
.trust-guard li img {
border : none;
}