@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: #fff url(images/body-bg.png) repeat-x left top; height: 100%; }
#page { background: url(images/banner.png) no-repeat center top; height: 100%;  }
#orderpage { background: url(images/bannerorder.png) no-repeat center top; height: 100%;  }
#wrapper {width: 980px; margin: 0 auto;}
#banner {width: 980px; height: 253px; text-indent: -9999px;}
#colwrapper { background: url(images/colwrapper-bg.png) no-repeat center top; overflow: visible; width: 980px;}
#leftcol {width: 607px; float: left; margin-left: 20px;}
#rightcol {width: 259px; float: right; padding-top: 75px; margin-right: 64px;}
#innerwrapper { background: url(images/img-left.jpg) no-repeat left top; padding-left: 215px; }
#innerwrapper2 {padding: 20px 40px;}
#footer {clear: both; text-align: center; padding: 60px 20px;}

#footer a {color: #595959; text-decoration: none;}
#footer small, #footer p.small {font-size: 80%;}

#formbox { background: url(images/formbox-top.png) no-repeat center top; width: 259px; }
#formbox .main {padding: 20px 10px 0 10px; width: 239px;}
#formbox .btm { background: #fff url(images/formbox-btm.png) no-repeat; height: 28px; width: 259px; }
#formbox h4 { background: url(images/form-tryit.png) no-repeat center top; height: 48px; width: 216px; text-indent: -9999px; margin: 0 auto 20px auto; }

#formbox #timer {margin: 0 0 30px 0;}
#formbox .time { color: #000; width: 110px; display: block; float: left; font: 36px Arial, Helvetica, sans-serif; text-align: right;}
#formbox .text { color: #2d4984; margin-left: 120px; display: block; font-size: 13px; line-height: 1; font-weight: bold; }

#formbox .row {clear: both; margin: 0 0 5px 0; overflow: visible;}
#formbox label { font: bold 12px Arial, Helvetica, sans-serif; color: #000; width: 70px; padding: 0 5px 0 0; display: block; float: left; text-align: right; }
#formbox .textfield {width: 135px; display: block; float: right;}
#formbox .textfield input { width: 135px; font-size: 12px; border-top: 1px solid #666; border-right: 1px solid #D6D6D6; border-bottom: 1px solid #D6D6D6; border-left: 1px solid #666; }
#formbox button {background-color: transparent; border: none; text-align: center; margin: 10px auto;width: 216px; height: 44px; display: block;}

#securebox {text-align: center; font-size: 10px; width: 259px;}

#boxtext1 { background: url(images/boxtext1.png) no-repeat; width: 371px; height: 166px; text-indent: -9999px; }
#boxtext2 { background: url(images/boxtext2.png) no-repeat; width: 607px; height: 196px; text-indent: -9999px;}

#header2 { background: url(images/header2.png) no-repeat; width: 607px; height: 111px; text-indent: -9999px; }
#h-faq { background: url(images/h-faq.png) no-repeat; width: 607px; height: 60px; text-indent: -9999px; }
#h-terms { background: url(images/h-terms.png) no-repeat; width: 607px; height: 60px; text-indent: -9999px; }
#h-privacy { background: url(images/h-privacy.png) no-repeat; width: 607px; height: 60px; text-indent: -9999px; }

body { font: 14px "Trebuchet MS", Arial, Helvetica, sans-serif; color: #595959; }
p {margin: 0 0 15px 0;}

/*ORDER PAGE ELEMENTS*/

#cert {
	background-image: url(images/order-cert.jpg);
	height: 312px;
	width: 487px;
	margin-top: 20px;
	margin-bottom: 20px;
	background-repeat: no-repeat;
}
#certheader {
	font-family: Arial, Helvetica, sans-serif;
	color: #FFFFFF;
	height: 100px;
	width: 419px;
	background-color: #003366;
}

#headerorder {
	background: url('images/order-header.jpg') top left no-repeat;
	height: 355px;
}

#order-bottom {
	background-color: #ffffff;
	width: 930px;
}
#order-bottom p {
	font-family: Arial, Helvetica, sans-serif;
	color: #000000;
}