/* general structure */

body {
   background-color: #dddddd;
   background-image: url(../images/page-background.gif);
   background-repeat: repeat-x;
   font-family: "Lucida Grande","Lucida Sans Unicode","Verdana",sans-serif;
   font-size: 12px;
}

textarea {
   font-family: "Lucida Grande","Lucida Sans Unicode","Verdana",sans-serif;
   font-size: 12px;
}

input, select {
   font-family: "Lucida Grande","Lucida Sans Unicode","Verdana",sans-serif;
}

#container {
   width: 760px;
   margin: auto;
   border: 1px solid #606060;
   background-color: #ffffff;
}

#top {
   background-image: url(../images/top.jpg);
   width: 760px;
   height: 80px;
}

#menu {
   background-color: #e5eb74;
   width: 760px;
   height: 40px;
}

#menu-left {
   float: left;
   padding: 11px 11px 11px 19px;
}

#menu-right {
   float: right;
   padding: 9px;
}

#footer {
   background-color: #e5eb74;
   width: 760px;
   height: 54px;
}

#footer-left {
   float: left;
   padding: 17px 17px 17px 22px;
}

#footer-right {
   float: right;
   padding: 5px;
}

#left-info {
   float: left;
   font-size: 11px;
   padding: 10px 15px 15px 15px;
   width: 170px;
}

#text {
   padding: 10px 15px 15px 15px;
}

#error-text {
   width: 257px;
   padding: 22px 15px 15px 15px;
   margin-top: 10px; 
   background-color: #ab007f; 
   color: white;
}

#content {
   float: right;
   width: 559px;
}

/* for a 'home' page (gap on right for large image) */

.home #text {
   width: 297px;
}

.home #content {
   background-image: url(../images/background.jpg);
   background-position: top right;
   background-repeat: no-repeat;
}

.left-image {
   background-image: url(../images/background-12.jpg);
   background-position: top right;
   height: 598px;
}

/* for a 'wide' page (main column extends to right edge) */



/* for a 'full' page (main column and left & right info present) */

.full #text {
   float: left;
   width: 297px;
}

.full #right-info {
   float: left;
   width: 200px;
   padding: 10px 10px 10px 15px;
}

/* styles for formatting */

a {
   color: #ab007f;
}

img {
   border: 0;
}

#menu a, #footer a {
   color: #6840a1;
   text-decoration: none;
}

#menu-right {
   font-size: 15px;
   font-weight: bold;
   letter-spacing: -1px;
   color: #6840a1;
}

#menu-right span {
   letter-spacing: 1px;
}

span, .news-stories a {
   color: #ab007f;
}

h1, h2, h3 {
   margin: 0;
   padding: 0;
   font-weight: normal;
}

h1 {
   font-size: 22px;
}

h1.new-heading {
   font-size: 18px;
   border-bottom: 1px solid #d157aa;
   margin-bottom: 8px;
}

div.new-heading {
   font-size: 14px;
   border-bottom: 1px solid #d157aa;
   margin-bottom: 8px;
}

div.new-heading a {
   text-decoration: none;
   color: #6840c7;
}

#quote div.new-heading {
   padding-left: 50px;
}

div.new-heading2 {
   font-size: 14px;
   border-bottom: 1px solid #d157aa;
   margin-bottom: 8px;
   padding-left: 0px;
}

h2 {
   font-size: 18px;
   padding-left: 30px;
   padding-bottom: 15px;
}

h3 {
   background-color: #b0259b;
   font-size: 13px;
   padding: 6px;
   margin-bottom: 15px;
   color: #ffffff;
}

h3.green {
   background-color: #dae439;
   font-size: 16px;
   padding: 6px;
   margin-bottom: 15px;
   color: #000000;
}

h4 {
   font-size: 16px;
   margin-bottom: 0;
}

.no-space {
   margin-top: 0px;
}

.welcome-to span, h1 span {
   color: #c55fb7;
}

.welcome-to .grey, .grey {
   color: #777777;
}

.welcome {
   color: #6840a1;
   font-size: 40px;
   margin: 0;
}

.welcome-to {
   font-size: 20px;
   padding-left: 30px;
   margin: 0;
}

.welcome-intro {
   font-size: 14px;
   line-height: 22px;
   margin-bottom: 15px;
   color: #31406a;
}

.welcome-intro span {
   color: #31406a;
   font-size: 16px;
   line-height: 22px;
}

.quote-button {
   margin-top: 30px;
}

.left-title {
   margin-bottom: 15px;
   color: #6840a1;
   font-size: 16px;
   font-weight: bold;
}

.less-padding {
   padding-left: 7px;
   margin-left: 7px;
}

.rollover {
   display: none;
}

.news-stories {
   margin: 0;
   padding: 0;
}

.news-stories li {
   list-style-type: none !important;
   padding: 0 0 20px 0;
}

#enter-name {
   width: 325px;
   height: 125px;
   background-image: url(../images/start-bg.gif);
   padding: 10px;
   /*background-color: #dae439;*/
   position: relative;
}

#buy {
   width: 420px;
   height: 31px;
   background-image: url(../images/buy-bg-sm.gif);
   text-align: center;
   padding: 12px;
   font-size: 18px;
   background-color: #dae439;
   position: relative;
   padding-left: 0px;
   padding-right: 0px;
}

#restore {
   width: 335px;
   height: 29px;
   background-image: url(../images/restore-bg.gif);
   text-align: center;
   padding: 5px;
   background-color: #dae439;
   position: relative;
}

.restore-sm {
   width: 240px;
   height: 29px;
   background-image: url(../images/restore-bg-sm.gif);
   text-align: center;
   padding: 5px;
   background-color: #dae439;
   position: relative;
   float: left;
}

.start-label, .start-field {
   float: left;
   height: 28px;
   line-height: 28px;
}

.start-label {
   width: 110px;
}

.start-label.small {
   width: 110px;
   font-size: 90%;
}

.start-field {
   width: 203px;
}

.start-button {
   position: absolute;
   right: 18px;
   bottom: 21px;
   width: 52px;
   height: 25px;
}

#progress {
   width: 530px;
   height: 155px;
}

#riskometer {
   padding: 15px;
   position: relative;
   width: 500px;
   height: 145px;
   font-size: 14px;
   color: #ffffff;
   font-weight: bold;
}

#riskometer-score {
   position: absolute;
   width: 100px;
   left: 220px;
   top: 134px;
   font-size: 15px;
   color: #ffffff;
   font-weight: bold;
   text-align: center;
}

.field-label, .field-input, .field-help {
   float: left;
   border-top: 1px dotted #dddddd;
   height: 23px;
}

.field-label {
   width: 180px;
   padding-top: 6px;
   color: #ab007f;
   font-weight: bold;
   text-align: left;
}

.field-input {
   width: 200px;
   padding-top: 3px;
}

.field-help {
   width: 146px;
   font-size: 10px;
   color: #999999;
   font-weight: normal;
}

.start-field input { width: 150px; }

.field-input input, .field-input textarea { width: 180px; }
.field-input select { width: 183px; }

.two-fields input { width: 85px; }
.two-fields select { width: 89px; }

.three-fields input { width: 60px; }
.three-fields select { width: 59px; }

.no-width input {
   width: 15px;
}

.no-width {
   width: 320px;
}

.field-help a {
   color: #999999;
}

.buy-btn {
   float: right;
}

.contact-float {
   float: left;
   width: 185px;
   padding: 10px 0 10px 0;
   border-top: 2px solid #c55fb7;
}

.div-check {
   float: left;
   padding: 0px;
   background-color: #b0259b;
   width: 21px;
   margin-right: 3px;
}

.restore-float {
   float: left;
   width: 100px;
   padding: 8px 0 8px 0;
}

#copyright {
   width: 620px;
   margin: auto;
   color: #808080;
   text-align: center;
}

.terms {
	overflow: auto;
	height: 200px;
	font-size: 10px;
	padding: 10px;
	background-color: #f3dff0;
	border: 1px solid #ab007f;
}

.terms span {
	font-size: 14px;
}

.banner {
	text-align: center;
	padding: 15px;
	background-color: #f3dff0;
}

.banner img {
	 margin-bottom: 6px;
}

.banner input {
	width: 300px;
	font-size: 9px;
	color: #ab007f;
}
