@charset "utf-8";
/* CSS Document */
body {font-family:Verdana, Arial, Helvetica, sans-serif; font-size:85%; padding:0; margin:0}
#doc {width:987px; margin:0 0 20px 10px}
#bd, #ft {width:100%}
#ft {padding-bottom:15px}
#title {text-indent:-99999px; background:url(http://mmo-feja903ajl39.s3.amazonaws.com/images/header.jpg) no-repeat 0 0; height:138px; margin:40px 0 40px -30px}
#content {padding:0 50px; overflow:hidden; position:relative}

img, a{border:0}

/* with design */
body#tpl1, body#tpl2 {background-color:#C7C7C7}
#tpl1 #doc, #tpl2 #doc {margin:0 auto 20px}
#tpl1 #bd, #tpl1 #ft {background:url(http://mmo-feja903ajl39.s3.amazonaws.com/images/bd-shadow.jpg) repeat-y 0 0}
#tpl1 #title {background:url(http://mmo-feja903ajl39.s3.amazonaws.com/images/header.jpg) no-repeat 80px 0; margin:40px 0}
#tpl1 .media span {margin-right:10px; float:left}
#tpl1 .media h2 {margin-top:40px}
#tpl1 #content {overflow:none}

#tpl2 {font-size:77%}
#tpl2 #doc {width:711px}
#tpl2 #bd, #tpl2 #ft {background:url(http://mmo-feja903ajl39.s3.amazonaws.com/images/bd-shadow2.jpg) repeat-y 0 0}
#tpl2 #title {background:url(http://mmo-feja903ajl39.s3.amazonaws.com/images/header.jpg) no-repeat 80px 0; margin:40px 0}
#tpl2 .media span {margin-right:10px; float:left}
#tpl2 .media h2 {margin-top:40px}
#tpl2 #content {overflow:none; padding-top:30px}

/* Util */
.fs9 {font-size:9px}
.fs10 {font-size:10px}
.fs11 {font-size:11px}
.fs12 {font-size:12px}
.fs18 {font-size:18px}
.center {text-align:center}
.fl {float:left}
.b1 {border:1px solid #000}
.b2 {border:1px solid #F00}
.b3 {border:1px solid #FF0}
.margin10v {margin:10px 0}
.red {color:#FF0000}
.white {color:#FFFFFF}
.bold {font-weight:bold}
.fleft {float:left}

.col2 {float:left; clear:both}
* html .col2 {float:none}
.col2 .col {float:left; width:50%}
.col2:after {content:"."; float:left; display:block; clear:both; height:0; visibility:hidden}

.clr {clear:both}
.clrl {clear:left}
.clrr {clear:right}

/* media */
.media {overflow:none}
#video {margin-right:20px; float:left}


/* opt-in */
#opt-in-wrapper {float:right; width:200px; margin-right:20px; padding-right:10px}
* html #opt-in-wrapper {margin-right:0; padding-right:0}
#opt-in-caption {font-weight:bold; margin:0 0 10px 15px; text-align:center !important; width:100%; float:left}
#i3arrows {margin:0 0 0.3em 2.5em}
#opt-in {float:left; width:100%; background-color:#F1F1F1; padding:10px; border:2px dashed #F00}
form label {margin:5px 0; float:left; font-size:0.9em}
form label input {width:97%; font-size:14px; margin-top:3px; padding:3px 2px}
* html form label input,
* html form label select  {width:50%}

#opt-in-btn {margin:30px auto 10px; width:99%}

/* main */
#main {float:left; margin:370px 0 0 0}

/* fade */
#fade {width:100%; float:left; margin-top:-364px}

/* add 2 cart */
#add2cart {text-align:center; padding:40px 0 30px}


/* template 2 */
#top-div {margin-bottom:25px; width:100%}
#yes-col {border:3px dashed #555; width:65%; padding:5px}
#yes-col p {padding:0; margin:0 0 15px 0}
#yes-col .first-word {color:#CC0000; font-size:1.5em; font-weight:bold}
#img-cert {width:30%; text-align:center}
#img-cert img {margin-left:50px}

#tbl-price {border:1px solid #CCCCCC; width:100%; border-collapse:collapse; clear:both}
#tbl-price thead th {font-weight:bold; color:#FFFFFF; background-color:#333333; padding:2px}
#tbl-price tbody td {padding:5px}
#tbl-price tfoot td {border-top:2px solid #CCCCCC; padding:5px}

/* box400 */
#box400 {width:400px; border:1px solid; padding:10px; margin-top:500px; float:left;}

/* form */
#payment_form {}
#col-payment-form {width:67% !important; *width:400px !important; margin-top:25px; font-family:Arial, Helvetica, sans-serif}
#col-payment-form h4,
#option1 h4 {margin:0; padding:3px 1px; color:#FFF; background-color:#333; width:100% !important}
* html #col-payment-form h4 {width:103% !important}

#payment_form ul {list-style-type:none; padding:0 0 15px; border:1px solid; float:left; margin:-1px 0 0 0; width:100%}
#payment_form ul li {float:left; width:100%; padding:0; margin:0; *padding:0 10px 10px 0}
#payment_form label strong {float:left; display:block; width:130px; text-align:right; margin:7px 10px 0 0}
#payment_form input[type=text],
#payment_form input[type=password],
#payment_form select {background-color:#FFFFFF; border:1px inset #CCC; width:190px; padding:2px}
#payment_form input:focus, #payment_form select:focus {background-color:#FFFFCC}
#payment_form input[type=submit] {margin-left:34%; margin-top:15px}
#payment_form #phone_ac {width:30px}
#payment_form #phone {width:120px}
#payment_form .col2 {width:100%}
#img-payment-right {width:28%; *width:29%; _width:27%; text-align:center; padding:40px 0 0 30px}
#img-payment-right img {margin:15px 0}
#submit {margin-left:34px; width:150px; float:left}

/* footer */
#ft {padding-top:30px; *padding-top:0}
#ft p {width:90%; margin:auto; padding:3px 8px; text-align:right; background-color:#333333; color:#FFFFFF}