/* ----------------------------------------------------------------------------------------- */
/* Main Page */
/* ----------------------------------------------------------------------------------------- */
body { padding: 0px; margin: 0px; font-family: Arial; font-size: 15px; color: #414141; height: 120%; overflow: visible; background: #4f792c url('/img/front/bg-wide.png') left top repeat-x; }
div { overflow: inherit; }                                                                                         
img { border: 0px; }
span { margin: 0px; padding: 0px; }
p { font-family: Arial; font-size: 14px; color: #414141; text-align: left; clear: both; }

.full-wide { width: 100%; margin: 0px; overflow: auto; }
.centered { text-align: center; text-align: -moz-center; text-align: -webkit-center; }
.aleft { text-align: left; text-align: -moz-left; text-align: -webkit-left; }
.aright { text-align: right; text-align: -moz-right; text-align: -webkit-right; }
.fleft { float: left; }
.fright { float: right; }
.whitebg { background-color: #fff; }
.auto { overflow: auto; }
.bold { font-weight: bold; }
.nodec { text-decoration: none; }

.green1 { color: #4f792c; }
.red1 { color: #b00000; }
.black { color: #000; }
.white { color: #fff; }
.gray1 { color: #414141; }

.big1 { font-size: 25px; font-weight: bold; }
.big2 { font-size: 21px; font-weight: bold; }
.small1 { font-size: 12px; font-weight: normal; }

.f16 { font-size: 16px; }
.f18 { font-size: 18px; }

.header { width: 918px; height: 100px; text-align: left; }
.the-arrow { position: relative; top: 400px; left: -535px; }

.login-container { width: auto; height: 54px; background: url('/img/front/login-bg.png') left top no-repeat; padding-left: 10px; }
.login-right { height: inherit; background: url('/img/front/login-bg.png') right top no-repeat; padding-right: 7px; }
.login { width: auto; height: inherit; background: #000; padding: 0px 10px; overflow: visible; display: table-cell; vertical-align: middle; }
.login-input { width: 95px; height: 15px; background: #fff; padding: 6px 10px; font-family: Arial; font-weight: normal; border: 0px; color: #717171; display: inline-block; vertical-align: middle; }
.login-btn { display: inline-block; vertical-align: middle; cursor: hand; cursor: pointer; }

.wide-top { width: 918px; height: 18px; background: url('/img/front/wide-top.png') left top no-repeat; }
.wide-mid { width: 918px; background: url('/img/front/wide-mid.png') left top repeat-y; z-index: 1000; }
.wide-bottom { width: 918px; height: 14px; background: url('/img/front/wide-bottom.png') left bottom no-repeat; }
.wide-content { width: 892px; margin: 0px 13px; padding: 20px 0px; text-align: center; text-align: -moz-center; text-align: -webkit-center; }

.video-container { overflow: auto; }
.video-top { width: 756px; height: 117px; background: url('/img/front/video-top.png') left top no-repeat; }
.video-mid { width: 756px; background: url('/img/front/video-mid.png') left top repeat-y; }
.video-bottom { width: 756px; height: 22px; background: url('/img/front/video-bottom.png') left top no-repeat; }
.video-content { width: 722px; margin-left: 13px; }

.pwide { width: 760px; text-align: left; }

.buy-buttons { width: 580px; vertical-align: top; overflow: auto; margin-top: 40px; } 
.monthly-container { width: 275px; background: url('/img/front/monthly-bg.png') left top no-repeat; display: inline-block; }
.monthly-container img { display: block; }
.monthly-container a { display: block; }
.monthly-limited { font-family: Arial; font-size: 13px; color: #fff; margin-top: 75px; }
.yearly-container { width: 275px; background: url('/img/front/yearly-bg.png') left top no-repeat; display: inline-block; margin-left: 10px; }
.yearly-container img { display: block; }
.yearly-container a { display: block; }
.yearly-limited { font-family: Arial; font-size: 13px; color: #fff; margin-top: 75px; }
.supported-cc { width: 275px; height: 100px; background: url('/img/front/supported-cc.png') left top no-repeat; margin-top: 30px; }
.supported-cc div { margin-top: 60px; font-family: Arial; font-weight: bold; color: #000000; }

.certificate { width: 786px; height: 199px; background: url('/img/front/certificate.png') left top no-repeat; margin-top: 30px; display: block; }
.certificate div { display: inline-block; vertical-align: middle; font-family: Arial; font-size: 16px; color: #414141; margin-top: 40px; }
.certificate img { display: inline-block; vertical-align: middle; margin-top: 50px; }

.bullet1 { background: url('/img/jv/bullet1.png') left top no-repeat; margin: 6px 0px 0px 10px; }
.bullet1 div { margin-left: 30px; line-height: 20px; }

.blue-box { overflow: auto; }
.blue-box-top { width: 777px; height: 9px; background: url('/img/front/blue-box-top.png') left top no-repeat; }
.blue-box-mid { width: 777px; background: url('/img/front/blue-box-mid.png') left top repeat-y; padding: 10px 0px; overflow: visible; }
.blue-box-bottom { width: 777px; height: 7px; background: url('/img/front/blue-box-bottom.png') left top no-repeat; }
.blue-box-content { width: 700px; margin: 0px 35px; text-align: left; text-align: -moz-left; text-align: -webkit-left; }
.link-bg { background: url('/img/front/links.png') right top no-repeat; }
.tree-bg { background: url('/img/front/tree.png') right 60px no-repeat; }
.hands-off-bg { background: url('/img/front/hands-off.png') right 30px no-repeat; }
.refresh-bg { background: url('/img/front/refresh-bg.png') right top no-repeat; }
.link2-bg { background: url('/img/front/links2.png') right 80px no-repeat; }
.monitor-bg { background: url('/img/front/monitor.png') right 50px no-repeat; }
.tape-bg { background: url('/img/front/tape.png') left top no-repeat; padding-left: 200px; }

.steps { width: 767px; height: 552px; background: url('/img/front/steps.png') left top no-repeat; }

.certificate2 { width: 786px; height: 275px; background: url('/img/front/certificate2.png') left top no-repeat; margin-top: 30px; display: block; }
.certificate2 div { display: inline-block; vertical-align: middle; font-family: Arial; font-size: 16px; color: #414141; margin-top: 30px; }
.certificate2 img { display: inline-block; vertical-align: middle; margin-top: 40px; } 
/* ----------------------------------------------------------------------------------------- */



/* ----------------------------------------------------------------------------------------- */
/* Customize */
/* ----------------------------------------------------------------------------------------- */
.video2-container { overflow: auto; margin-top: 20px; }
.video2-top { width: 892px; height: 46px; background: url('/img/front/video2-top.png') center top no-repeat; }
.video2-mid { width: 892px; background: url('/img/front/video2-mid.png') center top repeat-y; }
.video2-bottom { width: 892px; height: 55px; background: url('/img/front/video2-bottom.png') center top no-repeat; }
.video2-content { width: 700px; }

.buy-buttons2 { overflow: auto; margin-top: 30px; }
.buy-buttons2-top { width: 405px; height: 90px; background: url('/img/front/buy-buttons2-top.png') left top no-repeat; padding-top: 70px; }
.buy-buttons2-mid { width: 405px; background: url('/img/front/buy-buttons2-mid.png') left top repeat-y; overflow: visible; }
.buy-buttons2-mid div { overflow: visible; }
.buy-buttons2-bottom { width: 405px; padding-top: 40px; background: url('/img/front/buy-buttons2-bottom.png') left top no-repeat; }
.supported-cc2 { width: 405px; height: 61px; background: url('/img/front/supported-cc2.png') left top no-repeat; }
.quote-bg { background: url('/img/front/quote.png') right bottom no-repeat; }

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


/* ----------------------------------------------------------------------------------------- */
/* Customize 2 */
/* ----------------------------------------------------------------------------------------- */
.buy-buttons3 { overflow: auto; margin-top: 30px; }
.buy-buttons3-top { width: 405px; height: 14px; background: url('/img/front/buy-buttons3-top.png') left top no-repeat; }
.buy-buttons3-mid { width: 405px; background: url('/img/front/buy-buttons3-mid.png') left top repeat-y; overflow: visible; }
.buy-buttons3-mid div { overflow: visible; }
.buy-buttons3-bottom { width: 405px; padding-top: 34px; background: url('/img/front/buy-buttons3-bottom.png') left top no-repeat; }

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

/* ----------------------------------------------------------------------------------------- */
/* Customize ds */
/* ----------------------------------------------------------------------------------------- */
.seo-bg { background: url('/img/front/seo.png') right bottom no-repeat; }
.wide50 { width: 848px; height: 159px; background: url('/img/front/50wide.png') left top no-repeat; }

.buy-buttons2-top2 { width: 405px; height: 90px; background: url('/img/front/buy-buttons2-top2.png') left top no-repeat; padding-top: 70px; }

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

/* ----------------------------------------------------------------------------------------- */
/* Login page */
/* ----------------------------------------------------------------------------------------- */
.box-row { width: 650px; overflow: auto; line-height: 35px; padding: 20px 0px 0px; }
.box-row-left { width: 200px; height: inherit; line-height: inherit; float: left; overflow: inherit; text-align: right; text-align: -moz-right; text-align: -webkit-right; font-family: Arial; font-weight: normal; color: #484848; font-size: 14px; vertical-align: middle; }
.box-row-right { width: 420px; float: right; overflow: inherit; text-align: left; text-align: -moz-left; text-align: -webkit-left; }
.login-input2 { width: 240px; height: 34px; padding: 0px 25px 0px 10px; display: inline; text-align: left; text-align: -moz-left; text-align: -webkit-left; font-family: Arial; font-weight: normal; color: #717171; font-size: 14px; vertical-align: middle; background: #fefefe; border: 1px #c3c3c3 solid; -moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px; }
.red-bordered { border-color: #a80000; }
.login-btn2 { cursor: hand; cursor: pointer; }

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


/* ----------------------------------------------------------------------------------------- */
/* Signup page */
/* ----------------------------------------------------------------------------------------- */
.ui-tooltip { position: absolute; line-height: 20px; padding: 10px 20px; font-size: 14px; text-align: center; color: #414141; background: rgb(255, 255, 255); border: 1px #999 solid; border-radius: 5px; box-shadow: rgba(0, 0, 0, 0.0980392) 1px 1px 2px 0px; } 
.loading-input { background: #FEFEFE url('/img/front/loading.gif') 98% center no-repeat; }
.create-account-btn { cursor: hand; cursor: pointer; }
.error-icon { margin-left: 10px; vertical-align: middle; display: none; }
.input-focused { border-color: #818181; }

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

.hidden { display: none; }

.rating {
    z-index: 999;
    position: absolute;
    top: 200px;
    left: 50%; 
    display: none;
}

.rating div, .rating span {
    z-index: inherit;
}