/* ---------------------------------------------------------------------------------------------

Sky Blue Credit CSS
http://www.skybluecredit.com

Copyright Notice - Attention Webmasters

All content of the Sky Blue Credit site is original and is protected by United States copyright law and may not be reproduced, displayed, or published without prior written permission of Sky Blue Credit. Copyright infringement will be prosecuted to the fullest extent of the law. Respect intellectual property and govern yourself accordingly.

----------------------------------------------------------------------------------------------- */

/* Strip Format */

html, body, ul, ol, li, p, h1, h2, h3, h4, pre, form, p blockquote, fieldset { margin: 0; padding: 0; }
ul, ol {list-style: none; }
a {text-decoration: none;}
a.ul { text-decoration: underline; }
dl { margin-top: 0; }
dt { font-size: 1em; font-weight: bold; border-top: 1px solid #CCCCCC; padding: 20px 0; }
dd { padding-bottom: 25px; margin: 0; }
input, option, select { color: #003399; }
table.expand { line-height: 25px; }

/* Set Up */

body { font-size: 80%; font-family: Verdana, sans-serif; color: #333333; line-height: 1.6em; min-width: 944px; background: #dddddd; }
#wrapper { background-color: #FFFFFF; width: 940px; margin: 0 auto; }
#content { width: 940px; background:#ffffff url('images/content.png') repeat-y center; border-top: 25px solid #FFFFFF; border-bottom: 25px solid #FFFFFF; float: right; }
#main { float: right; width: 550px; padding: 0 35px; position: relative; }
a:link {color: #0e3f9a; }
a:visited {color: #0e3f9a; }
a:hover {color: #0099FF; }
a:active {color: #0099ff; }
a img { border: none; }
#break { clear: both; height: 20px;}

/* Header */

#header { width: 940px; height: 170px; background: url('images/topheaderbbb.jpg') top left no-repeat; position: relative; }
#headerbbb a{ width: 120px; height: 48px; position: absolute; top: 100px; right: 55px; }
#headerhome a{ width: 235px; height: 33px; position: absolute; top: 27px; left: 50px; }
#header h1 { height: 1px; width: 1px; text-indent:-9999px; }

/* Navigation */

#nav { width: 890px; height:34px; background: url(images/navbarbacknew.png) top left no-repeat; position: relative; margin-left: 25px; }
#nav ul { display: block; width:857px; margin:0 auto; padding-left: 58px;}
#nav li { display: inline; text-indent: -9999px; }
#nav li a { display: block; float: left; padding: 0; height: 30px; background-position: 0 0; overflow: hidden; }
#home a { background: url('images/homeback.gif') top left no-repeat; width: 105px; }
#how a {background: url('images/howback.gif') top left no-repeat; width:171px; }
#about a { background:url('images/aboutback.gif') top left no-repeat; width:131px; }
#faq a { background:url('images/faqback.gif') top left no-repeat; width: 89px; }
#contact a { background:url('images/contactback.gif') top left no-repeat; width:151px; }
#sign a { background:url('images/signback.gif') top left no-repeat;  width: 100px; }
#home a:hover, #home a.here, #how a:hover, #how a.here, #about a:hover, #about a.here, #faq a:hover, #faq a.here, #contact a:hover, #contact a.here, #sign a:hover, #sign a.here { background-position: left -34px; }

/* Left Column */

#left { float: left; width: 250px; padding: 0 35px; }
#left #easy { padding: 60px 0 18px 0; margin:0; background: url(images/nohassles.png) top left no-repeat; }
#left #easy li { padding-bottom: 5px; background: url(images/circle.png) left 5px no-repeat; }
#left #lowfee { padding: 60px 0 18px 0; margin:0; background: url(images/nohassles2.png) top left no-repeat; }
#left #lowfee li { padding-bottom: 5px; background: url(images/circle.png) left 5px no-repeat; }
#verisign { padding: 0 0 0 67px; margin: 2px 0 14px 0; }
#verisign a { background: none; }
#verisign a:hover { background: none; }
#bigmac { text-align: center; padding: 25px 0 15px 0; border-top: 1px solid #CCCCCC; }
#bigmac2 { text-align: center; padding: 25px 0 15px 0; }
#guarantee { padding: 60px 0 25px 5px; background: url(images/guarantee.gif) top left no-repeat; }
#guarantee-nb { padding: 60px 0 25px 5px; background: url(images/guarantee.gif) top left no-repeat; }
#bbb {  margin-bottom: 12px; padding: 20px 0; border-bottom: 1px dashed #cccccc; }
#bbb a { display: block; height: 52px; background: url(images/bbb.png) center center no-repeat; }
#bbbtop { padding-bottom: 23px; height: 52px; }
#bbbtop a { display: block; height: 52px; background: url(images/bbb2.png) top left no-repeat; }
#bbbtop a:hover { background-position: 0 -52px; }

/* Start */

#intro { background: #FFFFFF url(images/introplain.jpg) top center no-repeat; min-height: 325px; }
#difference { width: 890px; float: right; background-color:#FFFFFF; padding: 25px 25px 0 25px; font-size: .8em; }
#diff1 { width: 224px; margin-right: 25px; padding: 40px 27px 20px 27px; border: 1px solid #cccccc; background: url(images/diff1.png) top center no-repeat; float: left; }
#diff2 { width: 224px; padding: 40px 27px 20px 27px; border: 1px solid #cccccc; background: url(images/diff2.png) top center no-repeat; float: left; }
#diff3 { width: 224px; padding: 40px 27px 20px 27px; border: 1px solid #cccccc; background: url(images/diff3.png) top center no-repeat; float: right;}
#welcome { width: 275px; padding: 55px 5px 20px 339px; }
#welcome span { font-size: 1.7em; line-height: 1.3em; color: #0d3a8e;}
#welcome p { padding: 20px 0 5px 0; font-size: 1.1em; line-height: 1.6em; }

/* Programming Styles */

.phpvalidationerror { color: #F00; font-weight: bold; font-size: 10px; display: inline; margin-right: 5px; }
.phpvalidationerrorheading { background-image:url(images/triangle_sign.gif); background-repeat: no-repeat; background-position: left; color: #F00; font-weight: bold; font-size: 14px; font-family: Arial, Helvetica, sans-serif; text-align: center; padding: 0px 0 0 35px; margin-top: 15px; margin-right: 35px; }
.errorWrapper { background-image:url(images/triangle_sign.gif); background-repeat: no-repeat; background-position: right; }
.diamond_separator { line-height: 2; background-image:url(images/diamond_separator.gif); background-repeat: no-repeat; background-position: center; }

/* Signup and Forms */

#mcafee { position: absolute; top: 0; right: 55px; }
h2 span.gray { color: #999999; }
#signgreet { height: 80px; width: 548px; background: url(images/signgreet.png) top left no-repeat; border: 1px solid #CCCCCC; margin-bottom: 25px; display: none; }
#errors { min-height: 100px; padding: 67px 0 25px 10px; border-top: 1px solid #CCCCCC; display: none; background: url(images/errors.png) top left no-repeat; }
#signbox { width:100%; }
#signbox td { padding-bottom: 4px; }
.signtb { padding: 25px 0; border-top: 1px solid #CCCCCC; border-bottom: 1px solid #CCCCCC; }
.signb { padding: 25px 0; border-bottom: 1px solid #CCCCCC; }
.signa { padding: 25px 0; border-top: 1px solid #CCCCCC; }
.signt { padding: 25px 0; border-top: 1px solid #CCCCCC; }
.signn { padding: 25px 0; }
.signbx { padding: 15px 0; border-bottom: 1px solid #CCCCCC; text-align: center; }
.instructionbox { padding: 10px 20px; background-color: #E5E5E5; font-weight: bold; }
.instructionbox2 { padding: 10px 20px; background-color: #E5E5E5; font-weight: bold; margin-bottom: 25px; }
.label { width: 150px; vertical-align: middle; }
.label2 { width: 180px; vertical-align: middle; }
#toggle{ padding: 25px 0 0 0; margin-bottom: 25px; }
#math { text-align: center; line-height: 2em; padding: 25px 0; }
#result, #result_monthtly { border: none; }
#submitbuttondiv { text-align: center; margin-bottom: 25px; padding-top: 25px; border-top: 1px solid #CCCCCC; height: 30px; }
#spouseslider{ padding-bottom: 25px; }
#topbox{ padding: 10px; border: 1px solid #CCC; overflow: auto; width: 523px; height: 112px; }
#topbox div, #leftbox div, #rightbox div { margin-left: 4px; margin-right: 10px; margin-top: 2px; text-align: left; color: #666; }
#leftbox, #rightbox { border: 1px solid #666666; overflow: auto; width: 255px; height: 75px; float:left; }
#rightbox{margin-left: 10px;}
.cards { margin-bottom: 25px; }
.dobspace { height: 25px; }
.marcen { margin: 0 auto; }
.marcen tr, .marcen td { padding: 0; }
#printablelegalbutton { border: none; color: #3333FF; background-color: transparent; text-decoration: underline; cursor: pointer; }
.checkboxcells { width: 40px; vertical-align: top; }
#hide{display:none; }
#spam-filter { color: #990000; padding: 25px 20px 0 100px; margin-bottom: 25px; border-top: 1px solid #CCCCCC; border-bottom: 1px solid #CCCCCC; background: url(images/email.jpg) center left no-repeat; }

/* Signup|Part2|Confirm */

#signup1 { height: 58px; width: 548px; background: url(images/signup1.gif) top left no-repeat; border: 1px solid #CCCCCC; margin: 4px 0 25px 0;}
#signup2 { height: 58px; width: 548px; background: url(images/signup2.gif) top left no-repeat; border: 1px solid #CCCCCC; margin: 4px 0 25px 0;}
#signup3 { height: 58px; width: 548px; background: url(images/signup3.gif) top left no-repeat; border: 1px solid #CCCCCC; margin: 4px 0 25px 0;; }

/* Instructions Page */

#getting2 { height: 75px; background: top center no-repeat url(images/getting2.png);}
#content.full { width: 890px; background:#ffffff; border: 25px solid #FFFFFF; float: right; }
#getleft { width: 500px; float: left; padding-right: 35px; border-right: 1px solid #CCCCCC; }
#get-intro { padding: 0 15px; }
#tu-foru { border: 1px solid #999999; padding: 25px 25px 20px 0; background: #FFFFCC url(images/tu-image-yellow.png) bottom right no-repeat; }
#tu-foru h3 { text-align: center; }
#tu-foru ul li { padding: 0 0 10px 20px; background: url(images/list-square.png) left 5px no-repeat; }
#have-reports { width: 315px; float: right; padding-left: 25px;  }
#report-order { padding: 0 0 16px 35px; }
#report-order a { display: block; width: 152px; height: 39px; background: url('images/reportbuttons1.png') no-repeat left top; }
#report-order a:hover { background-position: 0 -39px; }
#our-info { padding-top: 60px; background: url(images/handy-info.png) top center no-repeat; clear: both; }
.inspan { font-weight: bold; color: #003399; }
#thankyou { padding: 25px 0 350px 10px; }

/* formatting for the validation notices */

.emailError { text-align: center; margin: 20px 0 -20px 0; }
#signupform label.error { color: #FF0000; font-size: 10px; font-weight: bold; display: inline; vertical-align: top; text-transform: capitalize;	margin: 0 4px; }

/* cvv help */

#cvvhelpslider { display: none; width: 431px; margin-bottom: 20px; }
.signtb td, .signn td { padding: 3px 3px 3px 0; }

/* add ext text after the work phone number */

.addworkext, .addhomeext { display: inline; }
.workext, .homeext { display: inline; }
.printterms { display: block; padding: 5px; background-image:url(images/printericon.jpg); background-repeat:no-repeat; background-position:top left; padding-left: 45px; line-height: 2; }

/* Forms jQuery Validation */

label { display:block; float: left; }
label.error { float: none; color: #003399; padding-left: 2px; font-size: .9em; }

/* State Notice */

#special_message_about_state { display: none; font-weight: bold; color: #F00; margin: 20px 0 25px 0; border: solid 1px #999; padding: 20px; }

/* Error message on the contact form for the security code */
#security_error_message { display: inline; color: #F00; font-weight: bold; padding-left: 5px; }

/* Tutorial */

#tutorialscores { height: 65px; background: url(images/tutorialtopper2.png) top center no-repeat; }
#tutorialtop { height: 65px; background: url(images/tutorialtopper.png) top center no-repeat; }
#lefttop { height: 43px; background: url(images/tutorialtop.png) top center no-repeat; }
#left #tutorial { padding: 0; text-align: left; }
#left #tutorial li { padding: 5px 0 5px 30px; background: url(images/tutbutton.png) left center no-repeat; border-bottom: 1px solid #CCCCCC; }
#left #tutorial li#top { padding: 5px 0 5px 30px; border-top: 1px solid #CCCCCC; }
#left #tutorial li#bottom { padding: 5px 0 5px 30px; margin-bottom: 25px; }
#left #tutorial li.here { padding: 5px 0 5px 30px; background: url(images/tutbuttonhere.png) left center no-repeat; border-bottom: 1px solid #CCCCCC; }
#next { text-align: center; padding: 10px 0; margin-bottom: 25px; border-top: 1px solid #CCCCCC; border-bottom: 1px solid #CCCCCC;}
#tutorialfooter { text-align: center; width: 600px; padding: 10px; margin: 25px 0 0 0; background-color: #0066CC; border: 1px solid #00CCFF; }

/* Q and A */

#qatop { height: 65px; background: url(images/qabigtop.png) top center no-repeat; }
#lefttopqa { height: 43px; background: url(images/qatopper.png) top center no-repeat; }
#left #tutorial li.hereq { padding: 5px 0 5px 30px; background: url(images/tutbuttonhereq.png) left center no-repeat; border-bottom: 1px solid #CCCCCC; }
#thoughts { padding-top: 65px; margin-top: 15px; border-top: 1px solid #CCCCCC; background: url(images/thoughts.png) top left no-repeat; }
h2#qatop { border-bottom: #CCCCCC 1px solid; }
h3#qtop { font-size: 1.2em; padding-top: 15px; color: #666666; }
p.qhead { margin-left: 10px; padding-left: 35px; background: url(images/qhead.png) top left no-repeat; }

/* Footer */

#footer { float: right; width: 890px; clear: both ; background-color: #0d3a8e; border-top: 5px solid #cbdff5; padding: 25px 25px 0 25px; color: #FFFFFF; }
#footer a { color: #FFFFFF; }
#footer a:hover { color: #FFFF00; }
#foot1 { padding: 10px 20px 0 28px; float: left; }
#foot1 a { display: block; width: 205px; height: 145px;background: url(images/tutorialbox.gif) top left no-repeat; }
#foot1 a:hover { background-position: 0 -145px; }
#foot2 { width: 175px; padding: 40px 0 0 25px; background: url(images/foot2.png) top left no-repeat; float: right; }
#foot3 { width: 169px; padding: 40px 0 0 25px; background: url(images/foot3.png) top left no-repeat; float: right; }
#foot4 { width: 177px; padding: 40px 0 0 25px; background: url(images/foot4.png) top left no-repeat; float: right; }
#foot2 li, #foot3 li, #foot4 li { list-style: disc; }

#copyfoot { float: left; width: 695px; padding: 25px 195px 25px 0; margin-top: 25px; border-top: 1px solid #cbdff5; background: url(images/copyscape.gif) right center no-repeat; text-align: center; position: relative; }
#copyfoot a { width: 88px; height: 30px; position: absolute; bottom: 35px; right: 72px; }
#copyfoot p { padding: 5px 35px 5px 0; font-size: .8em; color: #cbdff5; text-align: right; border-right: 1px solid #cbdff5; }

/* Center Section */

p.small { color:#666666; font-style: italic; }
#applytop { width: 275px; height: 325px; position: relative; float: right; }
#applytop a { width: 148px; height: 35px; background: url('images/applybuttonstop.gif') no-repeat left top; position: absolute; bottom: 33px; right: 91px; }
#applytop a:hover { background-position: 0 -35px; }
#content h2 { color: #0D3A8E; font-size: 1.3em; padding-bottom: 20px; padding-top: 0; }
#content h3 { color: #0D3A8E; font-size: 1.3em; padding-bottom: 20px; }
#content h4 { color: #333333; font-size: 1.1em; padding-bottom: 20px; }
#content h5 { color: #999999; font-size: 1em; padding: 0; margin-top: 0; }
#content p { padding-bottom: 25px; }
#content ul { list-style: none;  padding: 0 20px 20px 40px; }
#content li { padding-left: 20px; padding-bottom: 3px; background: url(images/circle.png) left 5px no-repeat; }
.bit { border-bottom: 1px solid #CCCCCC; margin-bottom: 20px; }
.bithome { border-bottom: 1px solid #CCCCCC; }
.bit2 { }
#value { padding-right: 150px; background: url(images/bestvalue.gif) top right no-repeat; border-bottom: 1px solid #CCCCCC; }
#truth { padding-right: 150px; background: url(images/tip2.gif) top right no-repeat; border-bottom: 1px solid #CCCCCC; }
#truth h4 { font-size: 1.3em; color: #0D3A8E; }
#mortgage { padding-right: 150px; background: url(images/mortgage2.gif) top right no-repeat; border-bottom: 1px solid #CCCCCC; }
#insight {padding-right: 150px; background: url(images/insight2.gif) top right no-repeat; }
#insight h5 { font-size: 1.3em; color: #0D3A8E; }
#checklist {padding-right: 150px; background: url(images/checklist.gif) top right no-repeat; border-bottom: 1px solid #CCCCCC; }
#checklist h4 { font-size: 1.3em; color: #0D3A8E; }
.quote { border-top: #CCCCCC 1px solid; background: url(images/quote.png) top left no-repeat; padding: 20px 30px 20px 55px; font-style: italic; color: #666666; }
.quote span { display: block; text-align: right; }
.quotehome { border-bottom: #CCCCCC 1px solid; background: url(images/quote.png) top left no-repeat; padding: 20px 30px 20px 55px; margin-bottom: 20px; font-style: italic; color: #666666; }
.quotehome span { display: block; text-align: right; }
#one { padding: 25px 50px 0 75px; background: url(images/stepone.png) center left no-repeat; border-top: 1px dashed #999999; border-bottom: 1px dashed #999999; }
#two { padding: 25px 50px 0 75px; background: url(images/steptwo.png) center left no-repeat; border-bottom: 1px dashed #999999;  }
#three { padding: 25px 50px 0 75px; background: url(images/stepthree.png) center left no-repeat; border-bottom: 1px dashed #999999;}
#four { padding: 25px 50px 0 75px; background: url(images/stepfour.png) center left no-repeat; border-bottom: 1px dashed #999999;}
#five { padding: 25px 50px 0 75px; background: url(images/stepfive.png) top left no-repeat; }
#pointers p { color: #0e3f9a; }
#footnotes { font-style: italic; }
.qa { padding: 20px 0 0 60px; background: url(images/qa.png) top left no-repeat; border-bottom: 1px solid #CCCCCC; }
.qax { padding: 20px 0 0 60px; background: url(images/qa.png) top left no-repeat; border-bottom: none; }
#content p.q { font-weight: bold; padding: 0 0 15px 0; }
ul#questions { list-style: none;  padding: 20px 0 20px 31px; border-top: 1px solid #CCCCCC; border-bottom: 1px solid #cccccc; }
ul#questions li { padding-left: 30px; padding-bottom: 5px; background: url(images/circle.png) left 5px no-repeat; }
ul#a { list-style: none; padding: 5px 35px 15px 20px; }
ul#a li { padding: 0 0 10px 25px; background: url(images/circle.png) left 5px no-repeat; }
p#b { padding-bottom: 15px; }
#riskfree { background: url(images/riskfreeback.png) top center no-repeat;  padding: 91px 25px 10px 25px; margin-bottom: 25px; border: 1px solid #cccccc; }
ul.cost { margin-top: 15px; }
.sitemap1 { border-bottom: 1px solid #CCCCCC; }
.sitemap2 { padding: 25px 0 10px 0; padding-bottom: 25px; }
.tips { padding-top: 25px; border-top: 1px solid #CCCCCC; }
#startbox { padding-top: 70px; background: url(images/startbox.png) top center no-repeat; }
#address {padding: 25px 0; margin-top: 25px; border-top: 1px solid #CCCCCC; }
.check { padding: 20px 0 0 50px; margin-bottom: 25px; background: url(images/check.gif) center left no-repeat; border: 1px solid #CCCCCC; }

/* Rotating Q and A */

ul#mini-nav { margin: -10px 0 0 0; list-style: none; padding: 0; }
ul#mini-nav li { background: none; padding: 0 7px 0 0; margin: 0; display: inline; text-transform: uppercase; font-size: .8em; border-right: 1px solid #333; }
ul#mini-nav li.last-nav { border-right: none; padding-right: 0; }
#q-a-home { padding: 10px 150px 0 0; background: url(images/books.gif) right center no-repeat; }
#q-a-home h4 { font-size: .9em; padding-bottom: 15px; }
 
/* Bottom Sign Up */

#getstarted { width: 551px; height: 65px; border-top: 1px solid #CCCCCC; background: url(images/letgetstarted.png) top center no-repeat; }
#getstarted-bottom { width: 551px; height: 65px; border-top: 1px solid #CCCCCC; border-bottom: 1px solid #CCCCCC;background: url(images/letgetstarted.png) top center no-repeat; }
#getstarted-insight { width: 551px; height: 65px; background: url(images/letgetstarted.png) top center no-repeat; }

#apply2 { padding-top: 12px; padding-left: 197px; }
#apply2 a { display: block; width: 150px; height: 39px; background: url('images/applybuttons.gif') no-repeat left top; }
#apply2 a:hover { background-position: 0 -41px; }

/* Insights */

#left-col-insights { margin-top: 0; }
#left-col-insights a { display: block; width: 250px; height: 113px; background: url(images/insights-top.gif) top left no-repeat; text-indent: -9999px; overflow: hidden; }
#left-col-insights a:hover { background-position: 0 -113px; }
#recent_blog_posts { font-size: 11px; text-transform: uppercase; margin-top: -5px; padding-top: 0; padding-bottom: 25px; }
.readmore { display: block; font-size: 1em; font-weight: bold; margin: -5px 0 30px 0; }
.insights-wrap { padding-bottom: 0; margin-bottom: 20px; border-bottom: 1px solid #CCCCCC; }

/* End */