@charset "UTF-8";
body  {
	font-family: Arial, Helvetica, sans-serif;
	font-size:13px;
	background-image:url(/images/background.jpg);
	background-position:center top;
	margin: 0 auto; /* it's good practice to zero the margin and padding of the body element to account for differing browser defaults */
	padding: 0;
	text-align: center; /* this centers the container in IE 5* browsers. The text is then set to the left aligned default in the #container selector */
	color: #104155;
	font-size:12px;
	width:800px;
	background-repeat:repeat-x;
}
img {
	border: none;
}
.twoColFixLtHdr #container { 
	width: 780px;  /* using 20px less than a full 800px width allows for browser chrome and avoids a horizontal scroll bar */
	margin: 0 auto; /* the auto margins (in conjunction with a width) center the page */
	border: 0px solid #000000;
	text-align: left; /* this overrides the text-align: center on the body element. */
} 
.twoColFixLtHdr #logo {
	position:relative; 
	padding: 0px;  /* this padding matches the left alignment of the elements in the divs that appear beneath it. If an image is used in the #header instead of text, you may want to remove the padding. */
	margin:0px; /* it's good practice to zero the margin and padding of the body element to account for differing browser defaults */
	/*background-image:url(/images/logo.png);*/
	height:100px;
	display:inline;
	width:250px;
	margin-top:50px;
	margin-bottom:15px;
	text-indent:-999px;
	overflow:hidden;
	float:left;
} 
.twoColFixLtHdr #header { 
	padding: 0px;  /* this padding matches the left alignment of the elements in the divs that appear beneath it. If an image is used in the #header instead of text, you may want to remove the padding. */
	margin: 0 auto; /* it's good practice to zero the margin and padding of the body element to account for differing browser defaults */
	width:770px;
	height:365px;
}
#livePerson {
	position:relative;
	float:left;
	display:inline;
	margin-top:-95px;
	margin-left:580px;
}
#subheader { 
	padding: 0px;  /* this padding matches the left alignment of the elements in the divs that appear beneath it. If an image is used in the #header instead of text, you may want to remove the padding. */
	margin: 0 auto; /* it's good practice to zero the margin and padding of the body element to account for differing browser defaults */
	width:770px;
	height:55px;
} 
.twoColFixLtHdr #header h1 {
	margin: 0;
	padding: 0px 0px 10px 0px; /* using padding instead of margin will allow you to keep the element away from the edges of the div */
	font-size:18px;
	color:#1e7bb8;
}
.twoColFixLtHdr #sidebar1 {
	float: left; /* since this element is floated, a width must be given */
	width: 200px; /* the actual width of this div, in standards-compliant browsers, or standards mode in Internet Explorer will include the padding and border in addition to the width */
	padding: 20px 10px 15px 10px;
	background-repeat:no-repeat;
	margin-left:5px;
}
.twoColFixLtHdr #sidebarSub {
	float: left; /* since this element is floated, a width must be given */
	width: 200px; /* the actual width of this div, in standards-compliant browsers, or standards mode in Internet Explorer will include the padding and border in addition to the width */
	padding: 45px 10px 15px 20px;
	background-image:url(/images/sidebarBkgrnd.jpg);
	background-repeat:no-repeat;
	margin-left:5px;
}
.twoColFixLtHdr #mainContent {
	float: right;
	width: 513px;
	margin: 20px 0 0 0;
	padding: 0 18px 0 0; /* remember that padding is the space inside the div box and margin is the space outside the div box */
	background-color:#FFFFFF;
}
.twoColFixLtHdr #homeContent {
	font-size:12px;
	margin: 0 auto; /* the left margin on this div element creates the column down the left side of the page - no matter how much content the sidebar1 div contains, the column space will remain. You can remove this margin if you want the #mainContent div's text to fill the #sidebar1 space when the content in #sidebar1 ends. */
	padding: 0px 20px; /* remember that padding is the space inside the div box and margin is the space outside the div box */
	background-color:#FFFFFF;
}
#homeContent h1 {
	color:#218bd3;
	font-size:22px;
	margin: 0 auto;
	margin-top:16px;
	padding: 0px;
	text-align:center;
}
#mainContent h1 {
	font-size:18px;
	color:#1e7bb8;
	margin: 0;
	margin-top:16px;
	padding: 0px;
}
#mainContent .greyBox h1 {
	margin: 0;
}
#mainContent h2 {
	font-size:16px;
	color:#e99a1b;
	margin: 0px;
	padding: 0px;
}
#sidebar1 h3, #sidebarSub h3 {
	font-size:14px;
	color:#b85136;
	margin: 0px;
	padding: 0px;
}
.Btn_GetStartedToday {
	background-image:url(/images/btn-get-started-today.jpg);
	width:275px;
	height:71px;
	border: 0px;
	display:block;
	text-indent:-9999px;
	overflow:hidden;
	margin:0 auto;
	margin-top:20px;
}
.Btn_GetStartedToday:hover {
	background-position:275px 70px;
}
.twoColFixLtHdr #footer { 
	padding: 0 10px 0 20px; /* this padding matches the left alignment of the elements in the divs that appear above it. */
	border-top: #999999 solid thin;
	width:720px;
	margin:0 auto;
	text-align:center;
	margin-top:20px;
}
.twoColFixLtHdr #samples { 
	padding: 0; /* this padding matches the left alignment of the elements in the divs that appear above it. */
	width:763px;
	height:43px;
	margin:0 auto;
	text-align:center;
	background-image:url(/images/samples.jpg);
	text-indent:-9999px;
	overflow:hidden;
}
.twoColFixLtHdr #samples1 {
	position:relative;
	padding: 0; /* this padding matches the left alignment of the elements in the divs that appear above it. */
	width:206px;
	height:153px;
	margin: 6px;
	text-align:center;
	background-image:url(/images/samples.jpg);
	text-indent:-9999px;
	overflow:hidden;
	background-position:-650px 153px;
	float:left;
	margin-left:75px;
	border:0px;
}
.twoColFixLtHdr #samples1:hover {
	background-position:-650px -0px;
}
.twoColFixLtHdr #samples2 { 
	padding: 0; /* this padding matches the left alignment of the elements in the divs that appear above it. */
	width:229px;
	height:153px;
	margin: 6px;
	text-align:center;
	background-image:url(/images/samples.jpg);
	text-indent:-9999px;
	overflow:hidden;
	background-position:-217px 153px;
	float:left;
	border:0px;
}
.twoColFixLtHdr #samples2:hover {
	background-position:-217px -0px;
} 
.twoColFixLtHdr #samples3 { 
	padding: 0; /* this padding matches the left alignment of the elements in the divs that appear above it. */
	width:200px;
	height:153px;
	margin: auto;
	text-align:center;
	background-image:url(/images/samples.jpg);
	text-indent:-9999px;
	overflow:hidden;
	background-position:-460px 153px;
	border:0px;
	display: block;
} 
.twoColFixLtHdr #samples3:hover {
	background-position:-460px -0px;
}
#samp1 {
	float: left;
	padding: 0;
	margin: 4px;
	text-indent: -9999px;
	overflow: hidden;
	height: 122px;
	width: 151px;
	background: url(/images/samples2.jpg) no-repeat -8px -6px;
}
#samp2 {
	float: left;
	padding: 0;
	margin: 4px;
	text-indent: -9999px;
	overflow: hidden;
	height: 122px;
	width: 151px;
	background: url(/images/samples2.jpg) no-repeat -203px -6px;
}
#samp3 {
	float: left;
	padding: 0;
	margin: 4px;
	text-indent: -9999px;
	overflow: hidden;
	height: 122px;
	width: 151px;
	background: url(/images/samples2.jpg) no-repeat -407px -6px;
}
#samp1:hover {
	background: url(/images/samples2.jpg) no-repeat -8px -139px;
}
#samp2:hover {
	background: url(/images/samples2.jpg) no-repeat -203px -139px;
}
#samp3:hover {
	background: url(/images/samples2.jpg) no-repeat -407px -139px;
}
.twoColFixLtHdr #footer p {
	margin: 0; /* zeroing the margins of the first element in the footer will avoid the possibility of margin collapse - a space between divs */
	padding: 15px 0; /* padding on this element will create space, just as the the margin would have, without the margin collapse issue */
}
.twoColFixLtHdr #footer a {
	color: #104155;
	text-decoration:none;
}
.twoColFixLtHdr #footer a:hover {
	color:#b85136;
	text-decoration:underline;
}
.formBox label {
	float: left;
	width: 120px;
}
.formBox input, textarea {
	width: 300px;
	margin-bottom: 5px;
}
/*.button {
	background-color:#f18817;
	width:150px;
	height:25px;
	padding:3px;
	border:thin solid #bc4e1d;
	display:block;
	text-align:center;
	color: #FFFFFF;
	text-shadow:#94341b;
	font-weight:bold;
	text-decoration:none;
	font-size:16px;
	text-transform:uppercase;
	line-height:24px;
	text-shadow: 1px 1px 0 #854d08;
}
.button:hover {
	background-color:#f5a417;
	text-decoration:none;
}*/
.button {
	display: block;
	font-size: 12px;
	font-weight: bold;
	color: #fff;
	text-transform: capitalize;
	text-align: center;
	text-decoration: none;
	text-shadow: 1px 1px 0 #94341b;
	line-height: 22px;
	height: 22px;
	border: 1px solid #999;
	background: url(/images/topNav_bg.jpg) repeat-x 0 0;
	padding: 0 12px 0 12px;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
}
.button:hover {
	background: url(/images/topNav_bg.jpg) repeat-x 0 -34px;
}
input.button, button.button {
	padding: 0 12px 4px 12px;
	min-width: 100px;
}
.altBtn {
	display: block;
	font-size: 12px;
	font-weight: bold;
	color: #666;
	text-transform: capitalize;
	text-align: center;
	text-decoration: none;
	text-shadow: 1px 1px 0 #f8f8f8;
	line-height: 22px;
	height: 22px;
	border: 1px solid #999;
	background: url(/images/altBtn_bg.png) repeat-x 0 0;
	padding: 0 12px 0 12px;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
}
.altBtn:hover {
	background: url(/images/altBtn_bg.png) repeat-x 0 -34px;
}
input.altBtn, button.altBtn {
	padding: 0 12px 4px 12px;
	min-width: 100px;
}
.fltrt { /* this class can be used to float an element right in your page. The floated element must precede the element it should be next to on the page. */
	float: right;
	margin-left: 8px;
}
.fltlft { /* this class can be used to float an element left in your page */
	float: left;
	margin-right: 8px;
}
.clearfloat { /* this class should be placed on a div or break element and should be the final element before the close of a container that should fully contain a float */
	clear:both;
    height:0;
    font-size: 1px;
    line-height: 0px;
}
.benefitsHeader {
	position: relative; width:780px; height:350px; margin:0 auto; display:block; background-image:url('/images/NewsletterHeader.jpg'); text-indent:-9999px; overflow:hidden; border:0px; margin-top:1px;
}
.benefitsHeader div {
	text-indent: 0;
	position: absolute;
	top: 193px;
	left: 474px;
	width: 290px;
	height: 114px;
	background: none;
	margin: 0;
	padding: 4px;
}
#emailStart {
	margin: 0 0 18px 40px;
	display: block;
	width: 190px;
}
.benefitsHeader div label {
	margin: 0 0 2px 40px;
	display: block;
	font-size: 14px;
	color: #000;
}
#btnSignUpNow {
	margin: auto;
	background: url(/images/getstarted.png) no-repeat 0 0;
	height: 49px;
	width: 270px;
	border: none;
}
#btnSignUpNow:hover {
	background-position: 0 -49px;
}
.videoHeader {
	width:763px; height:376px; margin:0 auto; display:block; background-image:url('/images/video.jpg'); text-indent:-9999px; overflow:hidden; border:0px; margin-top:1px;
}
.benefitsHeader ul {
	list-style:none;
}
.yourProgress {
	background-image:url(/images/your-progress.jpg); width:181px; height:125px; display:block; margin-bottom:16px; padding:58px 20px 12px 20px;
}
.yourProgress ul {
	padding:0px; margin:0px; list-style:none;
}
.yourProgress li {
	background-image:url(/images/your-progress-items.jpg); width:157px; height:25px; padding-left:0px; display:block; border:none; text-indent:-999px; overflow:hidden; position:relative; margin:0;
}
.step1 {
	background-position:-157px -241px; padding-bottom:3px;
}
.step2 {
	background-position:-157px -272px; padding-top:3px; padding-bottom:3px;
}
.step3 {
	background-position:-157px -306px; padding-top:0px; padding-bottom:8px;
}
.step4 {
	background-position:-157px -342px; padding-top:6px; padding-bottom:3px;
}
.step5 {
	background-position:-157px -378px; padding-top:3px; padding-bottom:6px;
}
.step6 {
	background-position:-157px -414px; padding-top:1px; padding-bottom:6px;
}
.step7 {
	background-position:-157px -447px; padding-top:0px; margin-bottom:4px;
}
.style1 {
	color: #1E7BB8;
	font-size: 10px;
}
.style3 {
	color: #434E55;
	font-weight:100;
	font-size:11px;
}
.style5 {font-size: 9px}

/* MITCH ================================================================== */

#userWelcome {
	margin: 1px 0 0 0;
	padding: 0;
	display: block;
	font-size: 11px;
	color: #E99A1B;
}

#userCredits {
	margin: 0 0 -12px 0;
	display: block;
	font-size: 11px;
	padding: 0;
}

/* ======================================================================== */

hr {
	color: #d4e4e7;
	background-color: #d4e4e7;
	height: 2px;
	margin-top:16px;
	margin-bottom:0px;
}
.greyBox {
	width:474px;
	border: solid thin #d8d9d9;
	background-color:#f7faf9;
	padding:20px;
}
.small {
	font-size: 10px;
	font-weight: bold;
	display: block;
	color: #333;
}
label {
	font-size:11px;
}
.download {
	margin:0 auto; background-color:#e1e5e5; color:#104155; width:320px; font-size:10px; padding-top:5px; padding-bottom:5px; text-align:center; border:#b6bdbf thin solid;
}
.download a {
	color:#104155; font-weight:100; padding-top:3px; padding-bottom:3px; display:block; text-decoration:none;
}
a {font-size: 10px; color: #424B55; font-weight:bold; }
#footer a {	font-weight:100; }
.red {color: #CC0000}