@charset "utf-8";

/* 

Reset CSS + clearfix
*/

html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,font,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td{margin:0;padding:0;border:0;outline:0;font-size:100%;vertical-align:baseline;background:transparent}body{line-height:1}ol,ul{list-style:none}blockquote,q{quotes:none}blockquote:before,blockquote:after,q:before,q:after{content:'';content:none}:focus{outline:0}ins{text-decoration:none}del{text-decoration:line-through}table{border-collapse:collapse;border-spacing:0}

html body * span.clear, html body * div.clear, html body * li.clear, html body * dd.clear { background:none; border:0; clear:both; display:block; float:none; font-size:0; list-style:none; margin:0; padding:0; overflow:hidden; visibility:hidden; width:0; height:0 }
.clearfix:after { clear:both; content:'.'; display:block; visibility:hidden; height:0 }
.clearfix { display:inline-block }
* html .clearfix { height:1% }
.clearfix { display:block }

/* custom */

body { background: #2d4984 url(images/bg.png) repeat-x left top; }
#wrapper {width: 930px; margin: 0 auto; background-color: #fff; padding: 0 0 40px 0;}
#leftcol {width: 530px; float: left; font-size: 12px;}
#rightcol {width: 344px; float: right; padding: 0 24px 0 0; font-size: 12px;}
.innerpage #content {padding: 0 30px;}
.innerpage #content.orderpage {}
.innerpage #content.generic {font-size: 12px; padding-top: 40px;}
.orderpagebanner { background: url(images/formpage-content-bg.png) no-repeat left top; height: 220px; position: relative; }
.orderpagebanner .copytext { position: absolute; left: 322px; top: 127px; width: 537px; font-size: 12px; color: #4c4c4c;}

#banner { background: url(images/headerhome-bg.png) no-repeat; width: 930px; height: 90px; }
#banner h1 a {display: block; width: 360px; height: 90px; text-indent: -9999px;}
.innerpage #banner { background: url(images/headerinner-bg.png) no-repeat; width: 930px; height: 90px; }

#homebanner { background: url(images/home-banner-bg.jpg) no-repeat; width: 930px; height: 553px; position: relative;}
#homebanner h2, #homebanner h3 {text-indent: -9999px;}
#homebanner .homelist { position: absolute; left: 330px; top: 268px; width: 265px; }
#homebanner .homelist ul, #homebanner .homelist li {list-style: none;}
#homebanner .homelist li { font-size: 14px; font-weight: bold; margin-bottom: 10px; list-style: url(images/check.png) none outside; }

.homeform { position: absolute; left: 665px; top: 116px; width: 225px; height: 384px; }
.homeform td { font-size: 12px; font-weight: bold; color: #fff; padding: 0 5px 12px 0;}
.homeform td.label {text-align: right;}
.homeform td input.text {width: 140px;}

/* target chrome safari */
@media screen and (-webkit-min-device-pixel-ratio:0) {
.homeform td { padding: 0 5px 8px 0;}
}

.h-step1 { background: url(images/h-step1.png) no-repeat; width: 293px; height: 23px; text-indent: -9999px; margin-bottom: 20px;}
.h-step2 { background: url(images/h-step2.png) no-repeat; width: 281px; height: 23px; text-indent: -9999px; margin-bottom: 20px; }
.h-step3 { background: url(images/h-step3.png) no-repeat; width: 281px; height: 23px; text-indent: -9999px; margin-bottom: 20px;}

.ordertable1 {margin-bottom: 50px;}
.ordertable1 td {padding: 10px 10px; border-bottom: 1px solid #bfbfbf; border-right: 1px solid #bfbfbf; vertical-align: middle;}
.ordertable1 td.best { background: url(images/td-grad.png) repeat-x left bottom; }
.ordertable1 td.trial { background: #ebf4fe }
.ordertable1 td.oldprice { width: 75px; text-align: center; text-decoration: line-through; }
.ordertable1 td.price {width: 75px; text-align: right; font-weight: bold; color: #b12f30;}
.ordertable1 td.last {border-right: none;}
.ordertable1 td.check {text-align: center; vertical-align: middle; width: 50px; background-color: #456dc2;}
.ordertable1 td.calc {text-align: center; vertical-align: middle; width: 50px; height: 15px; background-color: #456dc2;}
.ordertable1 td.total { background: #e5e5e5; border: none; }
span.red {color: #b12f30;}

.formtable td { padding: 0 10px 10px 0; vertical-align: middle; text-align: left; font-size: 12px;}
.formtable td.label {font-weight: bold;}
.formtable input.textfield {width: 190px;}

#termstext {margin: 120px 0 0; text-align: left; font-size: 11px;}
#footer {margin: 15px 0 0; text-align: center;}
#footer a {color: #000;}

h3.h-accept { background: url(images/h-accept.png) no-repeat; width: 526px; height: 80px; text-indent: -9999px;}
h3.h-free { background: url(images/h-free.png) no-repeat; width: 344px; height: 80px; text-indent: -9999px;}


body { font: normal 14px Arial, Helvetica, sans-serif; }
p {margin: 10px 0;}
h2 { font-size: 22px; color: #737373; font-weight: normal; }
h3 { font-size: 16px; color: #751d1c; }
ul.nicelist { margin: 10px 20px 10px 25px; background: url(images/gr-01.png) no-repeat right center; padding-right: 200px; }
ul.nicelist li { list-style: url(images/check.png) none outside; font-size: 14px; font-weight: bold; line-height: 1.5; }
small {font-size: 80%;}