body{margin:0; padding:0; background-color:#EBEBEB; font-size:1em; font-family:Arial,Verdana,sans-serif; color:#444}

A{color:#0036ff; text-decoration:none}
A:hover{text-decoration:none}
A:link{color:#0036ff}
A:visited{color:#0036ff}
A:active{color:#444}
.green{color:green}
.red{color:red}
.blue{color:#5376B3}
.grey{color:#444}
.small{font-size:75%}
.bold{font-weight:bold}
.normal{font-weight:normal}
.italic{font-style:italic}
.center{text-align:center}
.strike{text-decoration:line-through}
.disabled{color:#999}
.underline{text-decoration:underline}
.anchor_padding{padding:250px 0}
.fc-field-error{border:2px solid #CD0000 !important; background:#FFC !important}

#page{margin:0 auto; width:940px; position:relative; background-color:#FFF; border:20px solid #FFF}

/* ======= HEADER ======= */
#header{display:block; overflow:hidden}
#header .logo{float:left; display:inline; border:none}
#header h1{float:right; width:600px; height:52px; display:inline; background-color:#5376b3; text-align:center; padding:9px 0 0 0; margin:3px 0 0 0; color:#fff; font-size:2.5em; font-weight:normal;  -moz-border-radius:10px; -webkit-border-radius:10px; border-radius:10px}
#header span{font-size:.65em; color:#ebf1ff}
#header .success{background-color:#008000}
#header .verify{background-color:#e24f3a}

/* ======= ORANGE BUTTON ======= */
.btnbox{display:block; margin:0 auto; padding-top:25px; text-align:center; overflow:hidden; clear:both}
.btnbase{background:#FFF url(<?php echo $cdn['static']; ?>/img/button.png) 0 0; outline:none; border:none; display:block; text-decoration:none; text-align:center; cursor:pointer; margin:0 auto}
.btn-save{width:325px; padding:16px 0; font-size:1.7em; color:#FFF; font-weight:bold; letter-spacing:-.04em; text-shadow:1px 1px 3px brown; -moz-box-shadow:1px 1px 2px #999; -webkit-box-shadow:1px 1px 2px #999; box-shadow:1px 1px 2px #999; border-bottom:1px solid #924E00; -moz-border-radius:10px; -webkit-border-radius:10px; border-radius:10px}

/* ======= BASIC ======= */
#basic{padding:60px 25px 40px 25px; margin:0; overflow:hidden; clear:both; line-height:1.4em}
#basic h2{font-size:1.75em; font-weight:normal; margin:0 0 20px 0; padding:0}
#basic .return{margin-top:35px}
#basic p{padding-top:15px}

/* ======= CONTENT ======= */
#content{padding:0; margin:20px auto; overflow:hidden; clear:both; border:0}
#content .leftcol{float:left; display:inline; width:325px; overflow:hidden}
#content .rightcol{float:right; display:inline; width:600px; overflow:hidden}
#content .checkout{float:right; display:inline; width:530px; padding:25px 30px; border:5px solid #7C9BD0; -moz-border-radius:10px; -webkit-border-radius:10px; border-radius:10px}
#content form{width:100%; margin:0 auto; padding:0; overflow:hidden; clear:both; border:none}
#content fieldset{padding:0; margin:0 0 5px 0; border:0}
#content .eaibox{padding:0; margin:25px 0 0 0}
#content .ca{float:left; display:inline; padding:0; margin:0}
#content .cabox{width:100%; height:33px; padding:0; margin:0 0 5px 0; display:block; overflow:hidden; clear:both}
#content .eaibox label{float:left; display:inline; width:135px; padding:5px; margin:0; text-align:right; font-weight:bold}
#content .msg{display:block; line-height:1.5em; font-size:90%}
#content .chooseplan{margin:0; padding:0 0 5px 0}
#content .billing-address{background-color:#F5F5F5; margin:10px 0 18px 0; padding:15px 10px}
#content .trust{display:block; width:275px; margin:15px auto 0 auto; padding:0; overflow:hidden; clear:both; text-align:center}
#content .trust #norton{float:left; display:inline; width:50%; margin:0; padding:0}
#content .trust #verasafe{float:left; display:inline; width:50%; margin:0; padding:8px 0 0 0}
#content .trust #verasafe img{cursor:pointer; border:none}

/* ======= PROGRESS BAR ======= */
#progressbar{display:block; margin:2px 0 0 0; padding:0; height:56px; overflow:hidden; clear:both; background:url(<?php echo $cdn['static']; ?>/img/checkout/lock.png) no-repeat 0 0}
#progressbar .secureimg{float:right; display:inline; margin:0; padding:0; border:none}
#progressbar ul{float:right; display:inline; list-style:none; margin:13px 0 0 0; padding:0; background-color:#E0EEE0}
#progressbar li{float:right; display:inline; margin:0; padding:8px 0; width:168px; background-color:#f5f5f5; color:#b9b9b9; border-left:2px solid white}
#progressbar li span{padding-left:35px}
#progressbar li.complete{color:#308014; background:#E0EEE0 url(<?php echo $cdn['static']; ?>/img/checkout/check.png) no-repeat 15px 8px}
#progressbar li.secure{width:204px; background-color:#61B329; color:#fff; text-align:center; -webkit-border-top-right-radius:20px; -webkit-border-bottom-right-radius:20px; -moz-border-radius-topright:20px; -moz-border-radius-bottomright:20px; border-top-right-radius:20px; border-bottom-right-radius:20px}
#progressbar li.bfnone{border-left:none} 

/* ======= PICK PLAN ======= */
#content .planbox{display:block; margin:20px auto -20px auto; padding:0; overflow:hidden; clear:both; border:1px solid white}
#content .colbox{float:left; display:inline; width:174px; height:290px; padding:10px 0 0 0; background:#fff url(<?php echo $cdn['static']; ?>/img/checkout/plansbg.png) no-repeat -174px 0}
#content .myplan{background:#fff url(<?php echo $cdn['static']; ?>/img/checkout/plansbg.png) no-repeat 0 0}
#content .colrow{display:block; padding:10px 5px 6px 5px; line-height:.85em; color:#555; font-weight:bold; text-align:center; border-bottom:1px solid #E1E1E1}
#content .title{height:40px; padding:7px 0 3px 0; line-height:1.2em; border-bottom:none}
#content .title span{color:#5376b3}
#content .price{padding-top:15px}
#content .lastcol{border-right:0}
#content .lastrow{border-bottom:0}
#content .subtxt{font-size:.7em; font-weight:normal; color:#777; padding:0; margin:-10px 0 0 0}
#content .select{height:40px; padding:7px 0 3px 0; line-height:1.2em}
#content .radio{-webkit-appearance:none; margin:5px 0 0 0; background-color:#FFF; border:2px solid #777; padding:9px; border-radius:50px; display:inline-block; position:relative; cursor:pointer}
#content .radio:checked:after{content:' '; width:12px; height:12px; border-radius:50px; position:absolute; top:3px; background:#3a9933; text-shadow:0; left:3px; font-size:32px}
#content .radio:checked{background-color:#3a9933; color:#99a1a7; border:2px solid #777}
#content .planbox label{padding:20px 75px 8px 75px; border:0px solid green; cursor:pointer}
#content hr{border:1px solid #e1e1e1; margin:50px 0 17px 0; padding:0}

/* ======= PROMO CODE ======= */
#content .ospromo{display:block; padding:0; overflow:hidden; clear:both}
#content .osp1{margin:27px 0 0 0}
#content .osp2{margin:15px 0 0 0}
#content .promoinstructions{margin:0; padding:0}
#content .validatecode{width:140px; height:20px; margin-right:5px; display:inline}
#content #btnCheck{margin:0 5px 0 0; padding:4px; width:135px; font-size:1em; color:#444; cursor:pointer; display:inline}
#content #response{padding:5px; margin:0; font-size:90%; overflow:hidden; clear:both}
#content #response .checkloading{display:inline; padding:0}
#content .nopromocodetxt{display:block; visibility:visible; overflow:hidden; clear:both; padding:10px 0 0 105px; margin:0; font-size:75%}
#content .promocodeselectbox{display:block; margin:0; padding:20px; background-color:#fcfbc4; text-align:left}
#content .checkdiv{display:inline; margin:0; padding:0}
#content .promocodetxt{display:inline; padding:6px 6px 6px 0}
#content .promocodedd{padding:4px; font-size:1em; margin:0; cursor:pointer}
#content .promodisclaimer{display:block; overflow:hidden; clear:both; padding:0; margin:15px 0 0 0; font-size:75%; line-height:140%}
#content .hidevisibility{visibility:hidden; display:none}
#content .float-l{float:left}
#content .float-r{float:right}

/* ======= ACCOUNT INFO ======= */
#content .txtbox{padding:3px; font-size:1em}
#content .fname{width:145px; margin-right:5px; padding-right:26px; text-transform:capitalize}
#content .lname{width:160px; padding-right:26px; text-transform:capitalize}
#content .email{width:340px; padding-right:26px; text-transform:lowercase}
#content .areacode, #content .prefix{width:60px; padding-right:14px}
#content .sufix{width:50px; padding-right:14px}

/* ======= ORDER SUMMARY ======= */
#content .summary{display:block; width:295px; padding:15px 15px 20px 15px; line-height:1em; background-color:#e5edfc; -moz-border-radius:10px; -webkit-border-radius:10px; border-radius:10px}
#content .summary h2{font-size:1.25em; color:#5376b3; padding:0; margin:5px 0 15px 0; text-align:center}
#content .summary .os{display:block; margin:0; padding:0; font-size:96%; overflow:hidden; clear:both}
#content .summary ul{margin:0; padding:0; list-style:none}
#content .summary li{margin:0; padding:3px 0 25px 0}
#content .summary ul.osproductinfo{margin:0 0 5px 30px; padding:0; list-style-type:circle}
#content .summary ul.osproductinfo li{margin:0; padding:0 0 7px 0}
#content .summary .osdiv1{float:left; display:inline; margin:0; padding:0}
#content .summary .delete{float:left; display:inline; margin:-1px 0 0 0; padding:0 0 0 3px; border:none; cursor:pointer}

/* ======= TESTIMONIALS ======= */
#content .testimonials{display:block; width:290px; margin:0; padding:15px 0 0 15px}
#content .testimonials ul{margin:0; padding:25px 0; list-style:none}
#content .testimonials li.img{background:#fff url(<?php echo $cdn['static']; ?>/img/5stars.png) no-repeat 0 0; padding:0 0 0 88px; font-weight:bold}
#content .testimonials li span{padding:0 5px; font-weight:normal}
#content .testimonials li.comment{margin:0 0 7px 0; padding:0; font-style:italic}

/* ======= BENEFITS BOX ======= */
#benefits{margin:0 auto; background-color:#fcfbc4; border:0px solid #f5e082; padding:10px; font-size:1.75em; text-align:center; color:#444; overflow:hidden}

/* ======= RECEIPT ======= */
#receipt{padding:0 50px; margin:0 auto; background-color:#FFF; overflow:hidden; clear:both}
#receipt h2{padding:0; margin:0 0 20px 0; font-size:1.5em}
#receipt .wistia_embed{display:block; margin:0 auto}
#receipt .notice{width:750px; padding:25px; margin:0 auto; font-size:1.5em; background-color:#ffffe5; border:3px solid #f5e082; color:#555; -moz-border-radius:10px; -webkit-border-radius:10px; border-radius:10px}
#receipt .success{background-color:#F0F7EF; border:3px solid #008000; color:#333; text-align:center; line-height:1.2em; margin:20px auto}
#receipt .oci-container{display:block; margin:0 auto 3px 15px; overflow:hidden; clear:both}
#receipt .oci-title{float:left; display:inline; padding:6px; width:190px; margin:0 3px 0 0; text-align:right; border:1px solid #f0f0f0; background:#f0f0f0; color:#555}
#receipt .oci-info{float:left; display:inline; padding:6px; width:590px; margin:0; border:1px solid #EBEBEB; font-weight:bold}
#receipt .yellow{background-color:#FFFFCC}
#receipt .rateus{display:block; padding:0; margin:8px 0 0 275px; background:#FFF url(<?php echo $cdn['static']; ?>/img/please_rate_us.png) no-repeat 0 0; width:525px; height:50px}
#receipt #supportmsg{width:750px; margin:25px auto; padding:20px 25px; text-align:center; background-color:#f7f7f7; border:2px solid #ccc; -moz-border-radius:10px; -webkit-border-radius:10px; border-radius:10px}
#receipt #supportmsg .txt{display:block; padding:0; font-size:1.7em; font-weight:bold}
#receipt #supportmsg .txt2{display:block; padding:1px 0 0 0; font-size:1.4em}
#receipt #supportmsg .number{display:block; padding:14px 0 0 0; font-size:2.4em; color:green; font-weight:bold}
#receipt #supportmsg .hours{display:block; padding:0; font-size:.8em; color:#666; font-style:italic; line-height:1.5em}

/* ======= MANUAL ======= */
#manual{padding:0; margin:0 auto; overflow:hidden; clear:both}
#manual .wistia_embed{display:block; margin:0 auto}
#manual .notice{width:877px; padding:25px; margin:0 auto; border:5px solid #5376b3; color:#444; -moz-border-radius:15px; -webkit-border-radius:15px; border-radius:15px}
#manual .verify{background-color:#F5F5F5; text-align:center}
#manual h2{padding:0; margin:0 auto 20px auto; font-size:240%}
#manual .instruc_msg{padding:0; margin:0; font-size:150%; line-height:120%}
#manual .instruc_number{padding:0; margin:10px 0 0 0; font-size:280%; color:green; font-weight:bold}
#manual .instruc_hours{padding:0; margin:2px 0 0 0; font-size:80%; color:#333; font-style:italic}

/* ======= FOOTER ======= */
#subfooter{margin:0 auto 50px auto; width:960px; padding:0; color:#777; font-size:.7em; overflow:hidden; clear:both}
#subfooter .copyright{float:left; display:inline; padding:5px 0 0 10px; line-height:1.4em; text-align:left; overflow:hidden; clear:both}
#subfooter .copyright img{padding:7px 0 0 0; border:0}
#subfooter .copyright span{padding:0 7px}
#subfooter .trust{float:right; display:inline; width:275px; margin:0 10px 0 0; padding:0; text-align:right}
#subfooter .trust #norton{float:right; display:inline; margin:-2px 0 0 0}
#subfooter .trust #verasafe{float:right; display:inline; margin:9px 15px 0 0}
#subfooter .trust #verasafe img{cursor:pointer; border:none}

/* ======= OVERLAYS ======= */
.nodisplay{display:none}
.overlay{width:500px; padding:25px 50px 5px 50px; line-height:1.4em}
.deleteconfirm{display:block; width:575px; padding:10px 10px 5px 10px; line-height:1.4em; text-align:center}
.deleteconfirm p{font-size:130%; font-weight:bold; padding:0; margin:0}
.deleteconfirm .dcbtnblk{display:block; margin:8px auto 0 auto; padding:25px; overflow:hidden; clear:both}
.deleteconfirm a{font-size:110%; color:white; text-transform:uppercase}
.deleteconfirm .dcbtn{display:inline; margin:0 10px; -moz-border-radius:10px; -webkit-border-radius:10px; border-radius:10px}
.deleteconfirm .yes{background-color:#238E23; padding:12px 50px}
.deleteconfirm .yes:hover{background-color:#00CD00}
.deleteconfirm .no{background-color:#CD0000; padding:12px 35px}
.deleteconfirm .no:hover{background-color:#FF0000}
.osinfo{width:600px; margin:0; padding:20px 25px 25px 25px; line-height:1.4em}

/* ======= RATINGS ======= */
.ratebox{display:block; height:19px; clear:both; overflow:hidden}
.rating, .transparent{position:absolute}
.rating{z-index:1}
.star{background-image:url(<?php echo $cdn['static']; ?>/img/rating.png); background-repeat:no-repeat; background-position:0 -31px; cursor:pointer; float:left !important; height:19px; width:19px; padding-right:3px}
.transparent .star{background-position:0 -31px}
.rating{background-position:0 0}
.ratetxt{display:none; padding:2px 0 0 8px; font-size:.9em; font-style:italic; color:#555}
a:hover + .ratetxt{display:inline}
.star_on{background-image:url(<?php echo $cdn['static']; ?>/img/rating.png); background-repeat:no-repeat; background-position:0 0; float:left !important; height:19px; width:19px; padding-right:3px}
.star_off{background-image:url(<?php echo $cdn['static']; ?>/img/rating.png); background-repeat:no-repeat; background-position:0 -31px; float:left !important; height:19px; width:19px; padding-right:3px}

/* ======= JUSTUNO ======= */
#ju_bbox{display:none !important}