/* CSS Document */

/* COMMON STYLE 
---------------------------------------------------------------------- */
html { height:auto; margin:0px; position:relative; width:100%; }
body { height:auto; margin: 0px; padding: 0px; border:0px; font-family: Arial, Helvetica, sans-serif; text-align:center; position:relative; color:#333; }
/* Heading */
h1 { padding-top:0; padding-bottom:0px; font-weight:normal; text-align:center; text-indent:0; font-family: Impact, "Arial Black"; font-size: 34px; line-height: 38px; color: #FF0000; /*#cc6633; */ margin-top:0px; }
h2 { font-family:impact, "Arial Black", Verdana, Arial, Helvetica, sans-serif; font-weight:normal; font-size: 26px; line-height: 30px; color:#0068b1; text-align:center; margin-top: 12px; margin-right: 0; margin-bottom: 8px; margin-left: 0; padding-top: 5px; padding-right: 0; padding-bottom: 5px; padding-left: 0; }
h3 {  /* used for subhead  */ font-family:arial, sans-serif; font-size: 17px; line-height:20px; margin:0px; margin-top:13px; margin-bottom:15px; color:#0068b1; /*  00713E;  000099 */ text-align: center; font-weight:bold; }
hr { color:#999999; }
/* link */
a:link, a:visited, a:active { color: #0068b1; text-decoration:underline; font-weight:bold; }
a:hover { color: #990000; }
/* clear */
.clr { clear: both; height:1px; }
.clr1 { clear: both; height:25px; }  /* for side bar space 75px */
.clr2 { clear: both; height:10px; }  /* for sidebar content */
/* color */
.color1 { color:#0068b1 !important; } /*blue #336699 #336699 004b85 #336600; */
.color2 { color:#990000 !important; }
.color3 { color:#000000 !important; }
.color4 { color:#ff9933 !important; }  /* orange #ff9933 */
/* indent */
.noIndent { text-indent: 0px !important; font-size: 13px; }
.Indent { text-indent:17px; }
/* no bold */
.nobold { font-weight:normal !important; }
/* font size and type */
.Arial10 { font-size:10px !important; line-height:13px; font-weight:normal; font-family:Arial, Helvetica, sans-serif !important; }
.Arial11 { font-size:11px !important; font-family:Arial, Helvetica, sans-serif !important; line-height: 11px; }
.Arial12 { font-size:12px !important; font-family:Arial, Helvetica, sans-serif !important; }
.Arial13 { font-size:13px !important; font-family:Arial, Helvetica, sans-serif !important; }
.Arial14 { font-size:14px !important; line-height:18px !important; font-family:Arial, Helvetica, sans-serif !important; }
.Arial15 { font-size:15px !important; line-height:18px !important; font-family:Arial, Helvetica, sans-serif !important; }
.Arial16 { font-size:16px !important; font-family:Arial, Helvetica, sans-serif !important; line-height:19px !important; }
.Arial18 { font-size:18px !important; font-weight:bold; font-family:Arial, Helvetica, sans-serif !important; line-height:21px !important; }
.Arial20 { font-size:20px !important; font-weight:bold; line-height:24px; font-family:Arial, Helvetica, sans-serif !important; }
.Arial24 { font-size:24px !important; line-height:27px !important; font-weight:bold; font-family:Arial, Helvetica, sans-serif !important; }
.Arial28 { font-size:28px !important; line-height:32px !important; font-weight:bold; font-family:Arial, Helvetica, sans-serif !important; }
.Verdana15 { font-size:15px !important; font-weight:bold; font-family:Verdana, Arial, Helvetica, sans-serif !important; line-height:18px !important; }
.Verdana16 { font-size:16px !important; font-weight:bold; font-family:Verdana, Arial, Helvetica, sans-serif !important; line-height:20px; }
.Verdana17 { font-size:17px !important; font-weight:bold; font-family:Verdana, Arial, Helvetica, sans-serif !important; line-height:21px; }
.Verdana18 { font-size:18px !important; font-weight:bold; font-family:Verdana, Arial, Helvetica, sans-serif !important; line-height:22px; }
.Verdana20 { font-size:20px !important; font-weight:bold; font-family:Verdana, Arial, Helvetica, sans-serif !important; line-height:24px; }
.Verdana25 { font-size:25px !important; font-weight:bold; font-family:Verdana, Arial, Helvetica, sans-serif !important; line-height:29px !important; }
.ArialBlack14 { font-size:14px !important; font-family:"Arial Black", Impact !important; line-height:17px !important; }
.ArialBlack16 { font-size:16px !important; font-family:"Arial Black", Impact !important; font-weight:normal !important; ; }
.ArialBlack18 { font-size:18px !important; font-family:"Arial Black", Impact !important; font-weight:normal !important; ; }
.ArialBlack20 { font-size:20px !important; line-height:22px; font-family:"Arial Black", Impact !important; font-weight:normal !important; }
.alignleft { text-align:left !important; }
.highlight { background-color:#FF0; }
.numhead { text-indent:-17px !important; padding-left:20px; }
.numbox { padding-left:20px; margin-bottom:10px; }
.firefoxFix { margin-top: 0px; }
/* bullets */
ul.dotBullet { margin-top:0; margin-bottom:0; padding-top:0; padding-bottom:0; }
ul.dotBullet li { list-style-image: url(../images/hot-hilite.gif); list-style-position: outside; font: normal 14px Arial, Helvetica, sans-serif; color: #000000; text-indent: 0px; padding:0px 0px 0px 5px; margin:5px 0px; }
ul.mainBullet { list-style-image: url(../images/hot-brown.gif); list-style-position: outside; margin-left:30px; }
ul.mainCheck { list-style-image: url(../images/check-18.jpg); list-style-position: outside; }
ul.mainCheck.certCheck { list-style-image: url(../images/check-18-cert.jpg); list-style-position: outside; }
ul.mainBullet li, ul.mainCheck li, ol.numBullet li, ol.noBullet li, ol.boldBullet li { font: normal 14px/17px Arial, Helvetica, sans-serif; text-indent: 0; padding:0 0 8px 5px; margin:0 5px 0 0; }
li.last { padding-bottom:0 !important; }
ol.noBullet li { text-indent:-20px; list-style:none; }
ol.boldBullet li { font-weight:bold; color:#990000; }
ul.mainCheck li { padding:0 0 4px 8px; }
.sideBullet { padding-left:5px !important; margin-left:35px !important; margin-top:5px; margin-bottom:5px; margin-right:10px; }
.sideBullet li { list-style-image: url(../images/dot-red.gif); margin:0px !important; font: normal 13px/17px Arial, Helvetica, sans-serif; /*color: #000000;*/
    text-indent: 0; text-align:left; padding-left:0; padding-bottom:7px; }
.sideBullet li.color2 { list-style-image: url(../images/dot-red.gif); }
ol.sideBullet li { list-style-image:none; }
.cerBullet { padding:0px; padding-left:0 !important; margin-left:0 !important; margin-top:10px; margin-bottom:10px; }
.cerBullet li { list-style-image: url(../../_Template/images/hot-hilite-grn.gif); margin:0px !important; font: normal 14px/16px Arial, Helvetica, sans-serif; color: #000000; text-indent: 0px; text-align:left; padding-bottom:7px; }
/* certification */
.certificatebox { width:220px; border: 1px solid #009999;  /* #e3f0cf; */ padding:0px; margin:0px; background-image:url(../images/certborder.gif); }
.box { border: 1px solid #CCCCCC; padding:15px 8px 15px 10px; background-color:#f2fbfb; /* #e4efef; #e8f0da; */ }
.box p { margin-top:8px; margin-bottom:8px; padding:0px; font-family: Arial, Helvetica, sans-serif; font-weight: normal; font-size: 13px; line-height: 16px; text-indent:17px; text-align:left; }
.box ul.sideBullet { font-size:13px; line-height:15px; }
.box div.ArialBig4 { padding-bottom:10px; }
.imgbox { border:#996600 solid 1px; }
.formText { font-size:14px; text-align:left; }
.formTextRight { font-size:14px; text-align:right; }
.copyright { font-size:12px; text-align:center; color: #EFEFEF; text-indent:0; }
#billing { text-align:left; }
#billing p { margin: 0 !important; padding: 0 !important; text-indent: 0 !important; font-size: 12px !important; text-align:right !important; }
/* MAIN LAYOUT DIV
---------------------------------------------------------------------- */
#bg { margin: 0 auto; padding:0px; background:url(../images/bg.jpg) repeat #3d5161;/*eeeaee; */ width: 100%; height:auto; }
/* #EFEFEF; #336699; EFEFEF; */
#page { width: 800px; margin: 0 auto; padding:0px; background:#FFFFFF; text-align:left; height:auto; }

#content { position:relative; width:800px; margin:0; padding:0; padding-bottom:1px; text-align:left; height:auto; height:100% !important; height:auto; }
/* ---------- Others ----------- */

.imgright { float:right; margin:0; padding:0; padding-bottom:5px; padding-left:5px; text-align:left; font-size:12px; color:#000000; position:relative; overflow:hidden; }
.imgcenter { margin:0 auto; padding:0; padding-bottom:5px; padding-left:5px; text-align:center; font-size:13px; color:#3964c3; }
#submit { font-size:20px; font-weight:bold; padding:5px; margin:10px; }
.inputSubmit { font-size:20px; font-weight:bold; padding:5px; margin:10px; }
/* ---------- content ----------- */
.row { position:relative; margin:0px; clear:both; padding:0; width:800px; padding-right:8px;}
#leftbox { position:relative; float:left; height:auto; margin:0; padding:0; width:565px; }
#main { position:relative; width: 535px;  /* 510 */ margin: 0; text-align:left; float:left; height:auto; padding-top: 10px; padding-right: 10; padding-bottom: 10px; padding-left: 15px; }
#main h3 { text-align:center; font-family:impact, "Arial Black", Verdana, Arial, Helvetica, sans-serif; font-size:22px; line-height:28px; text-indent:0; font-weight: normal; }
#main p { font-family: Arial, Helvetica, sans-serif; font-size: 15px; line-height:18px; text-indent:21px; margin-top:10px; margin-bottom:10px; }
#main p.center { text-align:center !important; }
#certform { width:95%; margin:0 auto; background-color: #f0ecec; border: 1px solid #999999; padding:10px 15px; }
#certform h2 { text-align:center; font-size:130%; color:#D2232A; line-height:120%; }
#certform p { text-indent:0; }
#certform p.center { text-align:center !important; }
#main blockquote p { text-indent:0; }

div.trap { font-weight:bold; background:#CC0033; color:#FFFFFF; font-size:17px; line-height:21px; padding:5px; text-align:center !important; width:250px; margin:0 auto; }
.volume { font-weight:bold; background:#0068b1; color:#FFFFFF; font-size:16px; line-height:19px; padding:3px; width:120px; text-align:center; margin-bottom:6px; margin-top:15px; }
#main table.tablebullet { padding-bottom:8px; }
#main table.tablebullet p { font-family: Arial, Helvetica, sans-serif; font-size: 14px; text-indent:0px; text-align:left; margin-top:0px; margin-bottom:8px; }
/* ---------- sidebar ----------- */

#side { position:relative; margin:0; width:240px; float:right; padding:0; padding-right:1px; background:none; }
/* ---------- sidebar ----------- */
.sidebar { position:relative; width: 230px; margin:0px; border: 1px solid #999999; background-color:#e9ecee; /*e4e9e1;*/ text-align:left; padding-top:8px; padding-bottom:10px; padding-right: 0px; padding-left: 0px; }
.sidebar h4 { font-weight:normal; text-align:center; color:#0068b1; font-family:impact, "Arial Black", Verdana, Arial, Helvetica, sans-serif; font-size:26px; line-height:28px; }
.sidebar p { padding: 5px 12px; font-family: Arial, Helvetica, sans-serif; font-size: 13px; line-height:16px; margin-top:5px; margin-bottom:5px; }
.sidebar.ways { border: 2px solid #990000; padding-top:0; }
.sidebar.ways h4 { margin-top:0; background-color:#990000; color:#FFFFFF; padding:5px; }
.sidebar.ways h5 { color:#990000; font-family:Impact, "Arial Black"; text-indent:0; font-weight:normal; text-align:left; margin:0; padding:0; font-size:20px; }
.sidebar.ways img { float: right; padding-left:5px; padding-right:5px; }
.sidebar.ways p, .sidebar.ways h5 { padding-left:10px; }
.sidebar.consider { border: 2px solid #0068b1; padding-top:0; }
.sidebar.consider h4 { margin-top:0; background-color:#0068b1; color:#FFFFFF; padding:5px; }
.sidebar.stock { border: 2px solid #555555; padding-top:0; }
.sidebar.stock h4 { margin-top:0; background-color:#555555; color:#FFFFFF; padding:5px; }
p.bullet { font-size:13px; font-weight:normal; padding:0 0 0 25px; color:#333; text-indent:-23px; margin:5px 10px; }
.button { text-align:center; padding-right:10px }
p.testihead { font-size:15px; font-weight:bold; text-indent:0; color:#0068b1; padding-bottom:5px; margin-bottom:0; text-align:left; }  /* #336633 */
p.testi {  /* for testimonials */ margin-bottom:0; padding-bottom:3px; margin-top:0; padding-right:10px; text-align:left; }
p.testifoot {  /* for testimonials */ margin-top:0; padding-top:0px; text-align:right; font-size:13px; }
.sidebar hr.testi { line-height:1px; color:#ABABAB; width:150px; text-align:center; margin:8px auto; }
.report-title { font-weight:bold; font-style:italic; text-indent:0px !important; text-decoration:none !important; color:#333333; cursor:pointer; }
.sidebar h5 { font-size:14px; line-height:16px; }
.sidebar p.sub { font-size: 13px; line-height:16px; font-family:Verdana, Geneva, sans-serif; font-weight:bold; }
.reportimg { padding-bottom:0; text-align:center; }
.reportimgright { float:right; padding-bottom:8px; text-align:center; }
.reporttag { background:#990000; color:#FFFFFF; padding:3px; line-height:20px; font-size:11px; }
.imgleft { float:left; padding-right:15px; clear:left; }
/* ---------- footer ----------- */

#footer { clear:both; margin:0; position: relative; background:#555555; font-size:12px; line-height:16px; /* 00557e; #77603e; */ color: #FFFFFF; /* #EFEFEF; #D9E7EF; */ width:800px; height:auto; padding-top: 10px; padding-right: 0px; padding-bottom: 10px; padding-left: 0px; }
#footer a, #footer a:link, #footer a:hover, #footer a:active { color:#FFFFFF; font-weight:normal; }
#footer a:hover { color:#FFFFFF; text-decoration:underline; }
/* ---------- form ----------- */
.message { text-align:left; }
/* ----------  form ----------- */
input[type="text"], input.text, select { font:11px/14px; padding:3px; border: 1px solid #a4aa80; }
input[type="text"]:focus, textarea:focus, select:focus { border-color: #66BD64; }
input[type="text"]:hover, input.text:hover, input[type="text"]:focus, input.text:focus, textarea:hover, textarea:focus { border-color: #66BD64; background:#ccffcc !important; }
input.checkbox { width:18px; height:18px; }
/*.ol_textfontclass  {text-align:left;}*/
.TEXTFONTCLASS { text-align:left; text-indent:17px; }
input.submit { padding:2px 5px; }
#log, #log_side, #log_body { width: 90%; font-size:12px; line-height:15px; margin-top: 5px; color:#990000; text-align:left; }
#log, #log_side, #log_body { font-size:98%; padding: 0; }
#log_res, #log_res_side, #log_res_body { overflow: auto; }
#log_res.ajax-loading, #log_res_side.ajax-loading, #log_res_body.ajax-loading { padding: 0; background: url(../images/loading.gif) no-repeat center; }
/* extra */

.tool-tip { color: #fff; width: 139px; z-index: 13000; }
.tool-title { font-weight: bold; font-size: 11px; margin: 0; color: #9FD4FF; padding: 8px 8px 4px; background: url(../../_Template/images/bubble.png) top left; }
.tool-text { font-size: 11px; padding: 4px 8px 8px; background: url(../../_Template/images/bubble.png) bottom right; }
.custom-tip { color: #000; width: 130px; z-index: 13000; }
.custom-title { font-weight: bold; font-size: 11px; margin: 0; color: #3E4F14; padding: 8px 8px 4px; background: #C3DF7D; border-bottom: 1px solid #B5CF74; }
.custom-text { font-size: 11px; padding: 4px 8px 8px; background: #CFDFA7; }
.invisible, .invisible2, .invisible3 { display:none; }
.visible, .visible2, .visible3 { display:block; }
.sale-header { font-size:125%; font-weight:bold; color:#0068b1; }
/* return top */
#return_top a { position:absolute; position:fixed; right:0; bottom:15px; text-decoration:none; outline:none; display:block; height:138px; width:38px; background:url(../images/return-top.png) no-repeat left top; }
#return_top a:hover { background:url(../images/return-top.png) no-repeat right top; text-decoration:none; }
/* Firefox fix */
html>body #main { margin-bottom:1px; height:100% !important; height:auto; }
html>body #content { margin-bottom:1px; height:100% !important; height:auto; }
html>body #leftbox { margin-bottom:1px; height:100% !important; height:auto; }
html { margin-bottom:1px; height:100% !important; height:auto; }
/* dropin */
#dropin { margin:5px; padding:15px; position:absolute; left:25%; top:-1000px; width:520px; height:520px; text-align:center; background:url(../images/floater.png) no-repeat top left; z-index:500; font-family:Arial, Helvetica, sans-serif; }
#dropin h1 { color:#000000; font-size:22px; line-height:26px; text-align:center; font-family:Impact, "Arial Black"; font-weight:normal; text-indent:0; padding:0; margin:5px 0; }
#dropin h2 { color:#cc0000; font-size:18px; line-height:22px; text-align:center; font-family:Verdana, Geneva, sans-serif; font-weight:bold; margin-bottom:2px; color: #003399; padding:0; margin:5px 0; }
#dropin p { padding:0; margin:5px 0; color:#000000; font-size:13px; line-height:16px; text-align:left; text-indent:17px; }
#dropin input.submit { cursor:pointer; background:#CECECE; }
#dropin input.submit:hover { cursor:pointer; background: #CF9; }
div.report-burst { position:absolute; right: 0; bottom: 0; background:url('../images/burst.png') no-repeat 0 0; width:70px; height:70px; z-index:9999; }
div.report-burst table { width:100%; height:100%; }
div.report-burst td { font-weight:bold; font-size:10px; line-height:1.03em; }
.ArialBlack { font-family:"Arial Black", Gadget, sans-serif; font-weight:normal; }
#note { font-size:12px; color:#900; }
.sign { font-family: Impact, "Arial Black" !important; font-size:26px !important; line-height:30px !important; font-weight:normal; }
.inset { float:right; margin-left:20px; margin-bottom:20px; margin-top:20px; width:170px; padding:15px; background:#fbf4eb url('../images/flag_bkg.gif') no-repeat 0 0; -moz-border-radius: 15px; border-radius: 15px; }
.inset p { font-size:12px !important; line-height:16px !important; font-weight:bold; }
.header { text-align:center !important; font-size:20px !important; line-height:24px !important; margin-bottom:5px; margin-top:0 !important; }
div#paid-for { width:350px; margin:auto; text-align:center; padding:10px 15px;  }
div#paid-for p { margin:0; font-size:12px; text-align:center; text-indent:0; }
.event-box { text-align:center; border:2px solid #900; padding:10px; background:#FFFCEE; font-size:14px; }
.event-box h3 { color:#900; font-size:20px !important; line-height:100% !important; margin:10px; text-align:center !important; font-weight:normal; font-family:"Arial Black", Gadget, sans-serif !important; }
.event-box h4 { font-family:"Arial Black", Gadget, sans-serif; font-size:14px; margin:10px; text-align:center !important; font-weight:normal; color:#0E3AAB; line-height:110%; }
