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


/* body and container */
body{ padding: 0; margin: 0; background:#e9e9e9;  text-align:center }
#container{ width:986px; margin:0 auto; text-align:center;  }

/* -----------------------  */




/* footer and copyrights */
#footer { margin:40px 0; text-align:center }
#footer a { margin:0 5px ; }

/* -----------------------  */


.ico-arrowDown { background:url(../images/ico-arrowDown.gif) no-repeat right center; line-height:30px; display:block; margin:10px 0; text-align:left}


/* Join Form */

#joinForm { background:#000; -webkit-border-radius: 10px; -moz-border-radius: 10px; border-radius: 10px; padding:10px }
.join-container { background:#fff; -webkit-border-radius: 10px; -moz-border-radius: 10px; border-radius: 10px; padding:30px; width:418px; height:504px; float:left; margin-bottom:20px }

.title { display:block; border-bottom:5px solid #0d4552; text-align:left}
.title b { color:#0d4552;}

label { font-size:14px; text-align:left; display:block; margin-top:13px }

.join_input {width:96%; padding:12px 2%; font-size:14px; background:#000;  color:#fff;  border:1px solid #d2d2d2; margin:3px 0; letter-spacing:1px}
.join_select {width:190px;  padding:5px; font-size:14px; background:#fff; border:0 none; color:#000; border:1px solid #acbec6}

.paymentOpt { width:96%; padding:3% 2%; text-align:left; background:#000000; font-size:12px; color:#fff; cursor:pointer; font-family:"Arial Black", Gadget, sans-serif }
.paymentOpt:hover { background:#0d4552}
label.paymentOpt input { float:left;  margin-right:12px; margin-top:1px }


label.joinOpt { display:block; height:44px; font:normal 18px/24px  "Arial Black", Gadget, sans-serif;  text-align:left;  color:#fff; cursor:pointer; background:#000000; margin-bottom:10px; position:relative; z-index:0; padding:20px 0 0 20px;
-webkit-border-radius: 4px;
-moz-border-radius: 4px;
border-radius: 4px;}
label.joinOpt:hover { background:#0d4552;}

label.joinOpt input { float:left; margin:8px 15px 10px 0px; display:block;}
label.joinOpt .price {text-align:center; display:block;  width:85px;  text-align:center; font-size:24px ; line-height:18px;  color:#fff;  position:absolute; z-index:1; top:15px; right:15px ; letter-spacing:-.04em;
-webkit-border-top-right-radius: 4px;
-moz-border-top-right-radius: 4px;
border-border-top-right-radius: 4px;
-webkit-border-bottom-right-radius: 4px;
-moz-border-bottom-right-radius: 4px;
border-border-bottom-right-radius: 4px; }

label.joinOpt .price b {font-family:Arial, Helvetica, sans-serif; font-size:14px; line-height:18px; font-weight:normal }
label.joinOpt .blue { color:#00ccff}
label.joinOpt .green { color:#4eff00}
label.joinOpt .normal {font-family:Arial, Helvetica, sans-serif; font-size:14px; line-height:18px; font-weight:normal}

.join_button { width:310px; margin:20px auto; background:url(../images/btn-next.gif); text-align:center; height:62px; font:bold 18px/62px "Arial Black", Gadget, sans-serif; color:#fff; letter-spacing:-.05em; display:block; text-transform:uppercase; text-decoration:none }
.join_button:hover { background-position:0 -62px; color:#fff}

/* -----------------------  */

.white { color:#fff}
.icons { display:block; line-height:77px; margin-bottom:10px}
.icons img { float:right}

#thumbsWrapper { text-align:left}
#thumbsWrapper img { margin:20px 0 0 25px}


/* clear float */
.clear{ clear:both; display:block}
/* -----------------------  */




/* forms */
form, input, select{ margin:0; padding:0}
input[type="radio"] { margin:5px; }
.input-select-categories { width:274px; height:30px; background:#fff; border:1px solid #666666; padding:5px 5px 5px 10px; font-size:11px; text-transform: uppercase; color:#333334; margin:15px 0 0 0; position:absolute; z-index:1; right:12px;}

/* -----------------------  */




/* text styles and headings */
body, td, div, input, textarea, table, tr{font:normal 14px  Arial, Helvetica, sans-serif; color: #000; text-decoration:none;}
h1{ font: normal 28px  "Arial Black", Gadget, sans-serif; color: #000; text-decoration:none ; margin:0; padding:0; letter-spacing:-.06em; }
h2{ font: normal 26px "Arial Black", Gadget, sans-serif; color: #000; text-decoration:none ; margin:0; padding:0; letter-spacing:-.05em }
h3{ font: normal 24px "Arial Black", Gadget, sans-serif; color: #000; text-decoration:none ; margin:0; padding:0; letter-spacing:-.02em }
h4{ font: normal 18px Arial, Helvetica, sans-serif; color: #000; text-decoration:none ; margin:0; padding:0; letter-spacing:-.02em }

.uppercase { text-transform:uppercase}
/* -----------------------  */



/* paragraph */
p{ margin:10px 0; padding:0; }
/* -----------------------  */





/* links */
a {font: normal 14px Arial, Helvetica, sans-serif; color: #0d72e5; text-decoration: underline}
a:hover { color:#000; text-decoration:none }
a img{ border:0}
/* -----------------------  */