@charset "utf-8";

/* CLEAR DEFAULTS & SET PAGE
---------------------------------------------------*/
body		 						{position: relative; margin: 0px; font-family:Arial, Helvetica, sans-serif; font-size: 12px; text-align: left; color: #fff; background-color: #00457c}
body#lettergen 						{position: relative; margin: 0px; font-family:Arial, Helvetica, sans-serif; font-size: 11px; text-align: left; color: #fff; background-color: #00457c}

h1, h2, h3, h4, h5, h6, li, 
ol, ul, form, fieldset, input,
p, blockquote, img					{border: none}
table, tr, td, th					{padding: 0px; margin: 0px; vertical-align:top; border-collapse:collapse}/* sets declarations for all tables throughout the site */
th										{speak-header: once} /*when rendered aurally, each row of data is to be spoken as a "Header1, Data1, Data1 ..." as opposed to "Header1, Data1, Header1, Data2"*/
a:link, a:visited					{color: #178095; text-decoration:underline; cursor: pointer}
a:hover, a:active					{color: #515151; text-decoration:none}

/* BRANDING / NAVIGATION
---------------------------------------------------*/
#branding 							{width: 100%; height: 96px}

/* CONTENT & FORMATTING
---------------------------------------------------*/
#container							{position: relative; width: 100%; min-height: 633px; float: left; background: url(../images/bkg_main.jpg) repeat-x #58a7da; border-bottom: 1px solid #fff}
#content							{position: relative; top:0px; width: 760px; margin: 0px auto; padding-top: 20px}
#lettergen #content					{width: 600px; margin: 0px auto; padding-top: 40px; text-align:left}
p									{margin: 0px 0px 10px}
b									{color:#fff}
h1									{font-size: 20px; margin: 0px 0px 30px; color: #fff; text-align: center}
#lettergen h1						{font-size: 20px; margin: 0px 0px 30px; color: #fff; display:inline}
h2									{font-size: 12px; margin: 0px 0px 10px 0px; color: #fff}
#lettergen h2						{font-size: 18px; font-family:"Times New Roman", Times, serif; font-style:italic; margin: 0px 0px 10px; color: #fff}
h3									{font-size: 14px; color:#fff; margin: 10px 0px}
#lettergen h3						{font-size: 15px; color:#b8b8b8; display:inline; font-weight:normal; margin: 0px 10px}
h4									{font-size: 20px; color: #fff; margin: 2px 0px; font-weight:normal}
#pgtitle							{margin: 0px 0px 30px; display:block; clear: both}

.left								{width: 320px; padding-right:30px; float: left}
.right								{width: 230px; float: right}

li									{margin-bottom: 5px}
ul									{margin-top: 10px}
#contentbox ol li					{margin-left: 30px}
ol li								{list-style: url(../images/bltarrow.gif)}
ul li								{list-style: url(../images/bltcheck.gif); padding-left: 10px}
cite								{margin-left: 30px}

#leftRail							{position:relative; width:490px; float:left; border-right: 1px solid #8aa3b5; padding-right: 27px}
#rightRail							{position:relative; width:208px; float:right}

#contentbox							{position: relative; width: 449px; background-color:#00457c; border: 1px solid #669ec7; display: block; border-top: none; border-bottom: none; margin: 30px 0px; padding-left: 20px; padding-right: 20px}
#contentbox .top					{position: absolute; top: -10px; left: 0px}
#contentbox .bottom					{position: absolute; margin-bottom: -30px; left: -1px }


#price								{text-align: center}

#rightRail blockquote				{width: 95%; font-size: 16px; color: #fff; margin: 10px auto; font-weight:bold; font-style: italic}
#rightRail cite						{font-size: 12px; color: #fff; margin: 15px 0px 20px 10px; font-weight:normal; font-style: normal; display: block}
#rightRail h3						{text-align: left; margin: 0px 0px 5px -px}

.brandingname						{font-weight:bold}
#guarantee							{font-family: Georgia, "Times New Roman", Times, serif; font-style: italic; font-weight:bold }

#affiliatelogin						{width: 100%; display:block; text-align: right}
#affiliatelogin a,
#affiliatelogin a: visited			{color: #fff}
#affiliatelogin a:hover				{color: #fff; font-weight: bold}


/* FORM
---------------------------------------------------*/
form								{display: inline}
label								{width: 100%; display: block}
label input, label select,
label textarea						{margin: 3px 0px 10px}
input, select, textarea				{font-family: Arial, Helvetica, sans-serif; color: #333333; font-size:13px}
.bureauInput							{width:20px; margin-bottom: 10px; padding: 1px}
input								{width:330px; margin-bottom: 10px; padding: 1px}
textarea							{width:330px; height:150px}
#soc input							{width: 40px}
#state								{width: 50%; float: left}
#state select						{width: 150px}
#zip								{width: 50%; float: left}
#zip input							{width: 80px}
#savedata							{height: 30px; padding-top: 5px; clear: both}
#savedata input						{width: auto; height: auto; float: left; margin-top: -3px}
.formbtn							{width: auto; height: auto}
.bureau								{width: 80px; float: left}
.bureau input						{width: auto}

/* PROMO (index)
---------------------------------------------------*/
#promo								{padding:0px 0px 20px 0px;}
#promo input						{margin:0px 10px 0px 10px; padding:0px; width:inherit; float:left; width:24px; height:22px; text-align:left; font-family:Arial, Helvetica, sans-serif; font-size:13px;}
#promo p							{margin:3px 10px 0px 0px; float:left;}
#promo .txtfield					{width:230px; margin:0px; padding:0px; height:22px; text-align:center; text-align:left;} 


/* SITE INFO (footer)
---------------------------------------------------*/
#siteinfo 							{width: 760px; margin: 0px auto; padding: 12px 0px; clear: both; color:#d3d2d2; font-size:11px; text-align:center}
#lettergen #siteinfo 				{width: 600px; margin: 0px auto; padding: 12px 0px; clear: both; color:#d3d2d2; font-size:11px}
#siteinfo a:link,
#siteinfo a:visited					{color: #d3d2d2; text-decoration: none}
#siteinfo a:hover,
#siteinfo a:active					{color: #fff; text-decoration: underline}


#dvideo #content					{text-align: center}
#letter #content					{background-color: #fff; margin-top: 10px; height: 100%; color: #000; padding: 30px}
#filecopy							{width: 100%; color: #FF0000; font-size: 16px; font-family:"Times New Roman", Times, serif; font-weight: bold; display: block; margin-bottom: 40px; display: none}

#affiliatelogin						{width: 100%; display:block; text-align: right}
#affiliatelogin a,
#affiliatelogin a:visited			{color: #fff}
#affiliatelogin a:hover				{color: #CCCCCC; font-weight: normal}

