@charset "utf-8";

* { margin: 0; padding: 0; outline: 0; }

body {
	font-family: Arial, Helvetica, Verdana, sans-serif;
	font-size: 12px;
	color: #555555;
	line-height:18px;
	background: #D9EEF7 url('/images/bg-fade.jpg') repeat-x;
}

h1, h2, h3 {
   color: #2082bc;
}

h1 {
   font-size: 16px;
   padding: 20px 0 20px 0;
}

h2 {
   font-size: 15px;
   padding: 20px 0 20px 0;
}

h3 {
   font-size: 13px;
}

h4 {
   padding-left: 10px;
   font-style: italic;
}

p {
   padding-bottom: 17px;
}

a {
   color: #2082bc;
	text-decoration: none;
}

a:visited {
   color: #2082bc;
}

a:hover {
   text-decoration: underline;
}

hr {
   height: 1px;
   color: #767676;
   background-color: #767676;
}

ul.plain {
   margin-left: 30px;
}

ul.ticklist {
	display: block;
	padding: 11px 15px 6px 24px;
	margin-left: 20px;
	list-style-image: url(/images/li-bg.gif);
	font-weight: bold;
}

ul.ticklist li, ul.plain li {
   padding-bottom: 8px;
}

ol {
	padding: 0 0 18px 24px;
	margin-left: 20px;
}

#outermost {
   width:970px;
	margin: 0 auto;
   background-color: white;
   border: 2px #bed0d8 solid;
   border-top: none;
}

#header {
   width: 970px;
   height: 100px;
   padding: 0 10px 0 10px;
}

#header.landing {
   text-align: right;
   background:transparent url(/images/header-landing.gif) no-repeat;
}

#header.landing div.adinsightNumber3 {
   padding: 48px 42px 0 0;
   color: #1977B5;
   font-size: 34px;
   line-height: 23px;
   font-weight: bold;
   width: 300px;
   float: right;
}

#header-home-link {
   float:left;
   width: 400px;
   height: 100px;
}

.landing-main-image {
   background-color: #2181BD;
   height: 292px;
   width: 683px;
}

.landing-main-image.dark {
   background-color: #1875B6
}

.landing-main-contact-details {
   padding-left: 5px;;
   color: white;
   font-size: 20px;
   font-weight: bold;
}

#rightcol div.contact-details {
   background:transparent url(/images/call-an-advisor.gif) no-repeat;
   margin-top: 10px;
   height: 81px;
}

#rightcol div.contact-details div.adinsightNumber3 {
   text-align: right;
   padding: 44px 27px 0 0;
   font-size: 23px;
   line-height: 23px;
   font-weight: bold;
   color: black;
}

#main {
   padding: 0 10px 20px 10px;
}

#leftcol {
   float: left;
   width: 674px;
   padding-left: 10px; 
}

#leftcol.home-content {
   width: 684px;
   padding-left: 0;  
}

#leftcol.landing-content {
   width: 684px;
   padding: 10px 0 0 0; 
}

#rightcol {
   float: left;
   width: 255px;
   padding-left: 10px;
   vertical-align: top;
}

#callback-form {
   background:transparent url(/images/callback-form-bg.gif) no-repeat scroll 0 0;
   color: black;
   height: 277px;
   padding: 8px;
   text-align:center;
}

#callback-form .instructions {
   font-size: 11px;
   line-height: 13px;
   padding-top: 3px;
}  

#callback-form-fields {
   text-align: left;
   padding: 15px 0 9px 0;
   float: left;
}

.callback-form-field {
   padding-bottom: 7px;;
}

#callback-form-fields input {
   width: 138px;
   margin-left: 4px;
}

#callback-form-fields.wider input {
   margin-left: 20px;
}

#callback-form-fields select {
   width: 141px;
   margin-left: 4px;
}

#callback-form-fields.wider select {
   margin-left: 20px;
}

#callback-form .title, #callback-form-landing .title {
   font-size: 17px;
   font-weight: bold;
}

#callback-form-landing {
   background:transparent url(/images/callback-form-landing-bg.gif) no-repeat scroll 0 0;
   color: black;
   height: 237px;
   padding: 12px 8px 8px 8px;
}

#callback-form-landing #callback-form-fields {
   padding: 15px 0 16px 25px;
   width: 340px;
}

#callback-form-landing #callback-form-fields .label, #callback-form-landing #callback-form-fields-col2 .label {
   width: 160px;
}

#callback-form #callback-form-fields .label {
   font-size: 11px;
   line-height: 12px;
}

#callback-form #callback-form-fields .label .labeltext {
   float: left;
   /*border: green solid 1px;*/
}

#contact-us-form {
   margin-left: 40px;
   background-color: #f3f3f3;
   width: 520px;
   height: 370px;
   color: black;
}

#contact-us-form .title {
   background:transparent url(/images/contact-us-form-bg.gif) no-repeat scroll 0 0;
   color: white;
   font-size: 16px;
   font-weight: bold;
   padding: 5px;
}

#contact-us-form-fields {
   height: 333px;
   border: #d9d9d9 solid 1px;
   text-align: left;
   padding: 16px 16px 20px 16px;
}

#callback-form-fields-col2 {
   float: left;
   padding: 15px 0 0 0;
   font-weight: bold;
}

.contact-us-form-field {
   padding-bottom: 12px;;
}

#contact-us-leftcol {
   float: left;
   width: 600px;
   padding-left: 10px;
}

#contact-us-rightcol {
   float: left;
   width: 240px;
}

#contact-us-form .label {
   width: 140px;
}

#contact-us-form-fields input {
   width: 195px;
}

#contact-us-form-fields textarea {
   width: 275px;
   height: 110px;
}

#contact-us-submit {
   width: 200px;
   padding-left: 140px;
}

#contact-us-submit input{
   width: 145px;
}

#testimonials {
   background:transparent url(/images/testimonials-bg.gif) no-repeat scroll 0 0;
   background-color: #def3f8;
   font-size: 11px;
	line-height:15px;
   height: 282px;
   padding: 7px;
   margin-top: 10px;
}

#testimonials-title {
   font-size: 14px;
   font-weight: bold;
   color: #0da5ca;
   text-align:center;
   padding: 5px 0 8px 0;
}

.testimonial {
   padding: 7px;
}

#debt-advisor {
   background:transparent url(/images/debt-advisor-bg.gif) no-repeat scroll 0 0;
   background-color: #def3f8;
   font-size: 11px;
	line-height:15px;
   height: 292px;
   padding: 10px;
   margin-top: 10px;
}

#debt-advisor p {
   padding-bottom: 10px;
}

#debt-solutions-block {
   padding: 20px 20px 0 20px; 
}

#debt-solutions-block .title {
   color: dark-gray;
   font-weight: bold;
   padding: 0 0 3px 0;
   margin: 0 0 12px 0;
   border-bottom: 1px solid gray;
   width: 207px;
}

#debt-solutions-block .debt-solutions-detail {
   font-size: 11px;
   padding-bottom: 10px;
}

#debt-solutions-block .debt-solutions-detail a {
   font-weight: bold;
}

#footnav {
   background:transparent url(/images/footnav-bg.gif) repeat-x scroll 0 0;
   border-top: 1px #b3b3b3 solid;
   padding: 10px 0 10px 0;
   text-align: center;
   height: 20px;
}

#footnav a {
	color: #555555;
}

#footer {
   text-align: center;
   padding: 20px 10px 20px 10px;
   font-size: 10px;
   line-height: 14px;
}

.clear {
   float: none;
   clear: both;
}

.strong {
   font-weight: bold;
}

.weak {
   font-weight: normal;
}

.label {
   float: left;
   width: 90px;
   font-weight: bold;
}

.form-error {
   background-color: #ff9f9f;
}

.form-noerror {
   background-color: #fffdc1;
}

.summary {
   padding-left: 10px;
}

.disclaimer {
   width: 400px;
   border-top: solid gray 1px;
   padding: 10px 0 0 0;
   margin: 10px 0 0 15px;
   font-weight: bold;
}

.redasterisk {
   float: right;
   color: red;
   font-size: 13px;
   /*border: black solid 1px;*/
}  

.thefacts {
   border-top: grey dotted 1px;
   margin-bottom: 20px;
}

/** Navigation bar **/
#headnav {
   /*padding: 10px 10px 10px 10px;*/
	height:40px;
	background:url(/images/headnav-bg.gif) repeat-x 0 0px;
	margin: 0 10px 10px 10px;
}
#headnav ul {
	display:block;
	margin:0;
	padding:0;
	list-style:none;
	background:url(/images/headnav-bg.gif) repeat-x 0 0px;
}
#headnav ul li {
	display:block;
	height:40px;
	float:left;
	margin:0;
	padding:0;
}
#headnav ul a {
	display:block;
	height:40px;
}
#headnav ul a span {
	display:none;
}

#headnav .item1 a {
	background-image:url(../images/headnav_01.gif);
	width:77px;
}
#headnav .item2 a {
	background-image:url(../images/headnav_02.gif);
	width:59px;
}
#headnav .item3 a {
	background-image:url(../images/headnav_03.gif);
	width:173px;
}
#headnav .item4 a {
	background-image:url(../images/headnav_04.gif);
	width:170px;
}
#headnav .item5 a {
	background-image:url(../images/headnav_05.gif);
	width:127px;
}
#headnav .item6 a {
	background-image:url(../images/headnav_06.gif);
	width:120px;
}
#headnav .item7 a {
	background-image:url(../images/headnav_07.gif);
	width:107px;
}
#headnav .item8 a {
	background-image:url(../images/headnav_08.gif);
	width:117px;
}
#headnav a:hover {
	background-position:0px -40px;
}
#headnav #current a {
	background-position:0px -80px!important;
}
#headnav #current a:hover {
	background-position:0px -80px!important;
}