/* ----- CSS ----- */


div#joinform {font: Verdana, Arial, Helvetica, sans-serif; text-align: center; position: relative; color: #000;}

p#close { position: absolute; top: 0; right: 10px; }

div#joinform a { color:#2312ff; }

img {border: 0;}

h1 {padding: 0; margin: 0; font-size: 4em; line-height: 1em; letter-spacing: -0.1em;}
h2 {padding: 0; margin: 0; font-size: 1.5em;color: #38bf7c; line-height: 1.3em; letter-spacing: -0.05em;}


table {padding: 0; margin: 0; border: solid 5px #cccccc; margin: 10px auto; background: #ccc;}
table td {padding: 5px 10px; margin: 0; background: #fff; font-weight: bold;}


table td#full {padding-top: 2px; padding-bottom: 2px; font-size: 0.9em; text-transform:uppercase; border-bottom: none;color: #fff; background: #38bf7c;}
table td#anonymous {padding-top: 2px; padding-bottom: 2px; font-size: 0.9em; text-transform:uppercase; border-bottom: none;color: #fff; background: #4087D9;}
table td#limited {padding-top: 2px; padding-bottom: 2px; font-size: 0.9em;text-transform:uppercase; border-bottom: none;color: #fff; background: #7b7b7b;}

table td#plan { font-size: 1.5em;}
table td#plan.one {background: #ffffec;}

table td#price {color: #ff7e00;}
table td#price.price1 {background: #ffffec;}

table td#membership.membership1 {font-size: 1.3em; background: #ffffec;}

table td#payment.cc1 {font-size: 1.3em; background: #ffffec;}

table .plan1 {background: #ffffec;}

table td#description {text-align: right; font-weight: normal;}

form {padding: 0; margin: 0;}

div#footerform {font-size: 0.9em; line-height: 1.3em; letter-spacing: -0.01em; color: #666666;}
div#footerform p {padding: 0; margin: 0;}

sup {color: #38bf7c; font-weight: normal; font-size: 0.8em;}
.secure {background: url(../images/lock.gif) no-repeat; padding:1px 0 1px 17px;}

div#bonusinfo {position: absolute; z-index: 1; background: #fff; border: solid 4px #000; width: 300px; padding: 10px; top: 15%;}
div#bonusinfo p { text-align: left;}
div#bonusinfo h3 {padding:0; margin: 0; line-height: 1.3em;}