@charset "UTF-8";
/* CSS Document */

body {
margin:0px auto;
text-align:center;
font-family:Tahoma, Arial, Helvetica, sans-serif;
font-size:8pt;
color:#333333;
background: url(images/bg.gif) top repeat-x;
}

h1,h3 {
margin:0px;
font-family:Tahoma, Arial, Helvetica, sans-serif;
color:#99cc33;
}

h2 {
margin:0px;
font-family:Tahoma, Arial, Helvetica, sans-serif;
font-size:15pt;
color:#ff9900;
}

h4 {
margin:0px;
font-family:Tahoma, Arial, Helvetica, sans-serif;
font-size:8pt;
color:#33ccff;
font-weight:bold;
padding-top:2px;
}

ul {
padding: 0;
margin:6px 0px 15px 16px;
}

li {
margin:0px 0px 0px 0px;
}

td {
font-size:8pt;
}

#main {
margin:0 auto;
width:760px;
text-align:center;
}

#super{margin:0 auto; width:800px; position:relative; display:block; text-align:right;}
#save {top:99px; position:absolute;	display:block; right:-55px; z-index:1000px;}

#top {
margin:0px auto;
width:760px;
text-align:left;
}

#bottom {
margin:0px auto;
width:760px;
text-align:center;
background:url(images/bottom.gif) no-repeat;
clear:both;
}

#j1{
margin-top:19px;
text-align:center;
}

#j1left {
margin:0px auto;
text-align:center;
width:490px;
height:385px;
float:left;
background:url(images/joinsplash.jpg) no-repeat;
}

#j1right {
margin:0px auto;
text-align:center;
width:270px;
height:400px;
float:right;
}
/*
background:url(images/joinbox.gif) no-repeat;
}
*/

#j2{
margin-top:19px;
text-align:center;
}

#j2left {
margin:0px auto;
text-align:center;
width:270px;
height:385px;
color:#666666;
float:left;
background:url(images/join2box.gif) no-repeat;
}

#j2leftmenu {
margin:10px;
text-align:left;
width:235px;
height:385px;
float:center;
}

#j2right {
margin:0px auto;
text-align:center;
width:490px;
height:385px;
float:right;
}

#j2rightmenu {
margin:0px 10px 10px 10px;
text-align:left;
width:460px;
height:385px;
float:center;
}

#border_top {
margin:0px auto;
text-align:center;
width:270px;
height:6px;
background:url(images/border_top.gif) no-repeat;
}

#border_bt {
margin:0px auto;
text-align:center;
width:270px;
height:6px;
background:url(images/border_bt.gif) no-repeat;
}

#border_bg {
margin:0px auto;
text-align:center;
width:270px;
background:url(images/border_bg.gif);
}

#border_button {
margin:0px auto;
text-align:center;
width:270px;
height:62px;
background:url(images/border_button.gif) no-repeat;
}

#border {
margin:0px auto;
text-align:center;
width:270px;
border:#CCCCCC thin;
}

#reks {
margin:0px auto;
text-align:center;
width:250px;
}

#reks_l {
margin:0px auto;
text-align:left;
width:65px;
float:left;
}

#reks_r {
margin:0px auto;
text-align:left;
width:185px;
float:right;
}


#form {
margin:0px auto;
text-align:left;
}

.txt1 {
font-family:Tahoma, Arial, Helvetica, sans-serif;
font-size:8pt;
color:#333333;
text-align:right;
}

.formtxt {
font-family:Tahoma, Arial, Helvetica, sans-serif;
font-size:8pt;
color:#333333;
text-align:left;
}

.txt2 {
font-family:Tahoma, Arial, Helvetica, sans-serif;
font-size:8pt;
color:#333333;
text-align:left;
}
.txt3 {
font-family:Tahoma, Arial, Helvetica, sans-serif;
font-size:7.5pt;
color:#333333;
text-align:left;
}
.txt4 {
font-family:Tahoma, Arial, Helvetica, sans-serif;
font-size:7.5pt;
color:#333333;
}

.bluetxt {
font-family:Tahoma, Arial, Helvetica, sans-serif;
font-size:8pt;
color:#33ccff;
text-align:left;
}


input.highlight { background-color:#f9f9f9 }
input.highlight:hover { background-color:#ecf5f8 }


div.prod, .upsell { }
div.prod:hover { background-color:#edf4f4;}
div.upsell:hover { background-color:#f0f5f3;}


div.m1 { border: 1px solid #f3f3c0; background: #FFFFDD; padding:10px; margin: 8px auto; font-size:12px}


.orange {color:#FF6600; font-weight:bold}