@charset "utf-8";
/* CSS Document */

html,body,div,ol,ul,li,h1,h2,h3,h4,h5,h6,p,form,fieldset { margin: 0; padding: 0; }
body { font-family:  Verdana, Tahoma,  Arial, Helvetica, sans-serif; font-size: 11px; line-height: 20px; color:#000000; margin:0; padding:0; padding-top:0px; }

a:link { color:#000000; text-decoration: none; font-weight: bold; }
a:visited { text-decoration: none; color: #000000; font-weight: bold; }
a:hover { color: #990000; text-decoration: underline; font-weight: bold; }
a:active { text-decoration: none; color: #666666; font-weight: bold; }

a.navigation:link { color:#000000; text-decoration: underline; }
a.navigation:visited { color:#000000; text-decoration: underline; }
a.navigation:active { color:#000000; text-decoration: underline; }
a.navigation:hover { color:#990000; }

/* les DIV ici */
div#container { position: relative; margin: 0 auto; height: 1220px; width: 836px; background-image: url(../images/bg.gif); background-repeat: repeat-y; z-index: 0; }
div#header { position: absolute; height: 145px; width: 718px; left: 19px; top: 0px; z-index: 1; }
div#version { position: absolute; height: 123px; width: 124px; left: 713px; top: 81px; z-index: 10; }
div#home { position: absolute; height: 23px; width: 72px; left: 213px; top: 120px; z-index: 3; }
div#join { position: absolute; height: 23px; width: 72px; left: 310px; top: 120px; z-index: 4; }
div#support { position: absolute; height: 23px; width: 72px; left: 601px; top: 120px; z-index: 5; }
div#faq { position: absolute; height: 23px; width: 72px; left: 505px; top: 120px; z-index: 6; }
div#bulet { position: absolute; height: 22px; width: 25px; left: 9px; top: 168px; z-index: 7; }
div#key { position: absolute; height: 22px; width: 25px; left: 88px; top: 163px; z-index: 8; }
div#lista { position: absolute; height: 22px; width: 355px; left: 87px; top: 197px; list-style-image: url(../images/bullet.gif); text-align: left; z-index: 9; line-height: 28px; }
div#bo { position: absolute; height: 158px; width: 173px; left: 572px; top: 169px; z-index: 2; }
div#buton { position: absolute; height: 66px; width: 174px; left: 555px; top: 382px; z-index: 11; }
div#bonus { position: absolute; height: 41px; width: 174px; left: 86px; top: 354px; z-index: 12; }
div#rating2 { position: absolute; height: 37px; width: 208px; left: 310px; top: 350px; z-index: 13; }
div#bulet2 { position: absolute; height: 22px; width: 25px; left: 9px; top: 400px; z-index: 14; }
div#table { position: absolute; height: 300px; width: 736px; left: 55px; top: 442px; z-index: 16; background-image: url(../images/box_createeditview.png); background-repeat: no-repeat; }
div#bg { position: absolute; height: 437px; width: 796px; left: 21px; top: 533px; z-index: 15; background-image: url(../images/bg_box.jpg); background-repeat: repeat-x; }
div#create { position: absolute; height: 59px; width: 192px; left: 74px; top: 443px; z-index: 17; }
div#edit { position: absolute; height: 59px; width: 192px; left: 320px; top: 443px; z-index: 18; }
div#view { position: absolute; height: 59px; width: 192px; left: 562px; top: 444px; z-index: 19; }
div#create_text { position: absolute; height: 131px; width: 192px; left: 71px; top: 534px; z-index: 20; }
div#edit_text { position: absolute; height: 131px; width: 192px; left: 321px; top: 550px; z-index: 21; }
div#edit_view { position: absolute; height: 111px; width: 192px; left: 561px; top: 550px; z-index: 22; }
div#bulet3 { position: absolute; height: 22px; width: 25px; left: 10px; top: 750px; z-index: 23; }
div#what { position: absolute; height: 19px; width: 125px; left: 82px; top: 750px; z-index: 24; }
div#icon { position: absolute; height: 92px; width: 125px; left: 81px; top: 780px; z-index: 25; }
div#what_text { position: absolute; height: 172px; width: 545px; left: 244px; top: 776px; z-index: 26; }
div#compatible { position: absolute; height: 71px; width: 123px; left: 77px; top: 892px; z-index: 27; }
div#black { position: absolute; height: 134px; width: 796px; left: 21px; top: 971px; z-index: 28; background-color: #000000; }
div#writerreader { position: absolute; height: 23px; width: 142px; left: 86px; top: 985px; z-index: 29; }
div#block1 { position: absolute; height: 71px; width: 174px; left: 86px; top: 1006px; z-index: 30; }
div#block2 { position: absolute; height: 71px; width: 161px; left: 344px; top: 986px; z-index: 31; }
div#block3 { position: absolute; height: 71px; width: 155px; left: 594px; top: 986px; z-index: 32; }
div#line { position: absolute; height: 71px; width: 27px; left: 283px; top: 990px; z-index: 33; }
div#line2 { position: absolute; height: 71px; width: 27px; left: 531px; top: 990px; z-index: 34; }
div#petitdownload { position: absolute; height: 57px; width: 27px; left: 571px; top: 671px; z-index: 35; }
div#petitdownload2 { position: absolute; height: 57px; width: 27px; left: 588px; top: 1049px; z-index: 36; }
div#downloadnow { position: absolute; height: 27px; width: 109px; left: 165px; top: 701px; z-index: 37; }
div#downloadnow2 { position: absolute; height: 27px; width: 109px; left: 420px; top: 701px; z-index: 38; }
div#menudown { position: absolute; height: 27px; width: 706px; left: 64px; top: 1114px; z-index: 39; }
div#costumer { position: absolute; height: 37px; width: 91px; left: 397px; top: 118px; z-index: 40; }
div#white { position: absolute; height: 17px; width: 16px; left: 15px; top: 984px; z-index: 41; }

/* les DIV FAQ ici */
div#container_faq { position: relative; height: 1750px; width: 836px; z-index: 0; background-image: url(../images/bg.gif); background-repeat: repeat-y; }
div#header_faq { position: absolute; height: 28px; width: 161px; left: 19px; top: 0px; z-index: 1; }
div#text_faq { position: absolute; height: 1240px; width: 544px; left: 26px; top: 176px; z-index: 2; padding-left: 20px; }
div#box_faq { position: absolute; height: 28px; width: 161px; left: 610px; top: 204px; z-index: 0; }
div#bt_dw_faq { position: absolute; height: 28px; width: 161px; left: 601px; top: 431px; z-index: 0; }
div#bt_dw_faq1 { position: absolute; height: 28px; width: 161px; left: 602px; top: 1563px; z-index: 0; }
div#menudown_faq { position: absolute; height: 27px; width: 706px; left: 64px; top: 1633px; z-index: 39; }
div#menudown_mem { position: absolute; height: 27px; width: 706px; left: 64px; top: 889px; z-index: 39; }
div#menudown_sup { position: absolute; height: 27px; width: 706px; left: 64px; top: 735px; z-index: 39; }

/* les DIV PRIVACY ici */
div#container_privacy { position: relative; height: 1550px; width: 836px; z-index: 0; background-image: url(../images/bg.gif); background-repeat: repeat-y; }
div#text_privacy { position: absolute; height: 1222px; width: 736px; left: 26px; top: 176px; z-index: 2; padding-left: 20px; }
div#menudown_privacy { position: absolute; height: 27px; width: 706px; left: 60px; top: 1423px; z-index: 39; }

/* les DIV SUPPORT ici */
div#container_support { position: relative; height: 886px; width: 836px; z-index: 0; background-image: url(../images/bg.gif); background-repeat: repeat-y; }
div#texte_support { position: absolute; height: 27px; width: 691px; left: 55px; top: 29px; }
div#containermenu { position: relative; height: 10px; width: 800px; }
div#support-body { position:absolute; padding-right: 30px; padding-left: 30px; z-index: 0; left: 35px; top: 160px; }

/* les DIV MEMBERS ici */
div#container_members { position: relative; margin:0 auto; height: 1020px; width: 836px; z-index: 0; background-image: url(../images/bg.gif); background-repeat: repeat-y; }
div#texte_members { position: absolute; height: 27px; width: 691px; left: 55px; top: 29px; }
div#containermenu { position: relative; height: 10px; width: 800px; }
div#members-body { position:absolute; padding-right: 30px; padding-left: 30px; z-index: 0; left: 1px; top: 160px; height: 420px; }

/* les CLASS ici */
.navigation { font-family: Tahoma, Verdana, Arial; color:#FFFFFF; font-size: 11px;}
.lista { font-family: Tahoma, Verdana, Arial; color:#FFFFFF; letter-spacing: 1px; font-size: 11px;}
.download { font-family: Tahoma, Verdana, Arial; color:#FFFFFF; font-size: 11px;}
.ratingstrong { color: #FF0000; font-family: Tahoma; }
.compatible { font-family: Tahoma, Verdana, Arial; color:#990000; font-size: 11px;}
.blockclase { font-family: Tahoma, Verdana, Arial; color:#FFFFFF; font-size: 11px;}
.customertop { color:#000000; text-decoration: none; font-weight: bold; line-height: 13px; }
.red-arrow { font-family: Tahoma, Verdana; font-size: 11px; background-image: url(../images/red-arrow.png); background-repeat: no-repeat; padding-left: 12px; background-position: left 3px; color: #333333; }
.navBas { font-family:Tahoma, Verdana, Arial, Helvetica, sans-serif; font-size:11px; color:#999999; line-height: normal;}
.navPrivacy { font-family:Tahoma, Verdana, Arial, Helvetica, sans-serif; font-size:11px; color:#990000; }

a.lista:link { color:#990000; text-decoration: none; }
a.lista:visited { color:#990000; text-decoration: none; }
a.lista:hover { color:#990000; text-decoration: underline; }
a.lista:active { color:#990000; text-decoration: none; }

a.download:link { color:#990000; text-decoration: underline; }
a.download:visited { color:#990000; text-decoration: underline; }
a.download:hover { color:#FF0000; text-decoration: underline; }
a.download:active { color:#990000; text-decoration: underline; }

a.navBas:link { color:#999999; text-decoration: none; font-weight: normal; }
a.navBas:visited { color:#999999; text-decoration: none; font-weight: normal; }
a.navBas:hover { color:#999999; text-decoration: underline; font-weight: normal; }
a.navBas:active { color:#999999; text-decoration: none; font-weight: normal; }

a.customertop:link { color:#000000; text-decoration: none; font-weight: bold; }
a.customertop:visited { color:#000000; text-decoration: none; font-weight: bold; }
a.customertop:hover { color:#990000; text-decoration: underline; font-weight: bold; }
a.customertop:active { color:#000000; text-decoration: none; font-weight: bold; }

a.navPrivacy:link { color:#666666; text-decoration: none; }
a.navPrivacy:visited { color:#666666; text-decoration: none; }
a.navPrivacy:hover { color:#666666; text-decoration: underline; }
a.navPrivacy:active { color:#666666; text-decoration: none; }


#disclaimerContainer{background-color: #FFF; position: absolute; width:500px; height:270px; left:35%; top:76%; border:solid 1px;; border-color:#000; visibility:hidden;}
#disclaimerContainer p{ text-align:center; padding-left:10px; padding-right:10px; padding-bottom:10px; margin:0px; color:#000000; line-height:12px; font-size:9px; background:none;}
#disclaimerContainer a { text-decoration:underline; color:#999999;}
#disclaimerContainer a.hover{ text-decoration:underline; color: #FF0000;}
#disclaimerContainer h2 {padding: 20px 0 10px 20px; font-family: Verdana, Arial, Helvetica, sans-serif; font-size:14px; color: #CC0000; text-align: left;}

/*###############################################Join#############################################################*/

#joinContainer{ position:relative; left:0px; top:0px; width:770px; height:100%; margin: 0 auto; }
#topJoinContainer { position:relative; left:0px; top:0px; width:770px; height:100%; margin: 0 auto; }
#leftJoinContainer { position:relative; left:0px; top:0px; width:250px; height:100%; margin: 0 auto; float: left; }
#ContentJoinContainer { position:relative; font-family:Tahoma, Verdana, Arial, Helvetica, sans-serif; font-size:11px; color:#333; left:0px; top:0px; width:510px; height:100%; margin: 0 auto; float: left; line-height: 14px; }
#ExclusiveJoinContainer { position:relative; left:0px; top:0px; width:440px; height:100%; margin: 0 auto; float: left; padding-top: 10px; padding-left: 80px; }
#TextJoinContainer { position:relative; left:0px; top:0px; width:480px; height:100%; margin: 0 auto; float: left; padding-top: 10px; padding-left: 20px; padding-right: 15px; border: 1px solid #CCCCCC; }
.TextJoinContainer_1 { font-family:Tahoma, Verdana, Arial, Helvetica, sans-serif; font-size:11px; color:#FFF; line-height: normal;}
#selectpay { position:relative; left:0px; top:0px; width:200px; height:100%; margin: 0 auto; float: left; padding-top: 10px; padding-left: 20px; padding-right: 20px; }
#flag_funds { position:relative; left:0px; top:0px; width:200px; height:100%; margin: 0 auto; float: right; padding-left: 20px; padding-top: 5px; }
#Cards { position:relative; left:0px; top:0px; width:477px; height:100%; margin: 0 auto; float: left; padding-top: 10px; padding-left: 20px; padding-right: 20px; border: 1px solid #CCCCCC; }
