@charset "utf-8";
/* 
Author: lvandeman
Version: 1.0.1
Site:creditraisin.com

*/
html,body{height:100%; /* needed for container min-height */}
body{font-family:Arial, Helvetica, sans-serif; font-size:13px; margin:0; padding:0; position: relative;}
body#homepage{background:#F1F3F2 url(images/homepage-bg.jpg) repeat-x 0 0; }
body#secondpage{background:#FFF url(images/page-bg.jpg) repeat-x 0 0; }
div#page{position:relative; /* needed for footer positioning*/
	height:auto !important; /* real browsers */
	height:100%; /* IE6: treaded as min-height*/
	min-height:100%; /* real browsers */
	width:100%;
	margin: 0;
	padding: 0;}
#wrapper{width:960px; margin:0 auto; padding:0 1em 160px; /* bottom padding for footer */}
#footer{
	position:absolute;
	width:100%;
	bottom:-86px; /* stick to bottom */
	height:120px;
	margin: 0;
	padding: 0;
	background:#F1F3F2 url(images/footer-bg.jpg) repeat-x;
	left: -3px;
}

#logo {display:inline-block; float:left; width:640px;}
#logo a{border:none;}
#logo img{margin-top:10px; border:0;}
#contact{display:inline-block; float:left; margin-left:10px; color:#CCC;}
	#contact div{display:inline-block; float:left;}
	#contact .links {margin-top:5px;}
	#contact .links a{color:#FFFFFF; text-decoration:none; }
	#contact .links a:hover{text-decoration:underline;}
	#contact #phone{background-image:url(images/header-phone-bg.jpg); width:201px; height:28px; margin-left:7px;  color:#666666; font-weight:bold;}	
	#contact #phone div{ margin-top:4px; text-align:center; width:199px; }

#nav{float:right; display:inline-block; margin-right:40px;}
#nav ul {margin:0; padding:0; list-style-type:none;}
#nav ul li{float:left; display:inline-block; margin-right:10px; font-size:14px; font-weight:bold;}
#nav ul li a{width:123px; height:28px; display:inline-block; background-image:url(images/nav-items-bg.jpg); color:#FFFFFF; text-decoration:none; text-align:center; padding-top:9px;}
#nav ul li a:hover{background-image:url(images/nav-items-bg.jpg); background-position:-124px 0;}
#nav ul li a.selected{background-image:url(images/nav-items-bg.jpg); background-position:-248px 0; color:#333467;}

#nav ul li.pricing a{background-image:url(images/nav-pricing-bg.jpg);}
#nav ul li a:hover{background-image:url(images/nav-pricing-bg.jpg); background-position:-124px 0;}
#nav ul li a.selected{background-image:url(images/nav-pricing-bg.jpg); background-position:-248px 0; color:#333467;}


#main{display:block; clear:both; margin-top:10px;}
#content, #sidebar{display:inline-block; float:left; margin:0; padding:0;}
#sidebar{width:300px; margin:50px 10px 0 10px;}
#content{width:630px; margin-right:10px; margin-top:20px;}
#contentPricing{width:960px; margin:20px 0; display:inline-block; float:left;}
#contentFooter{width:960px; margin:0 auto;}
#homepage #contentHomeHeadline{background:url(images/main-home-bg.jpg) no-repeat 0 0; margin:0; width:960px; height:340px;}
	#homeHeadline{height:238px;}
	#homeAction{margin:10px 0 0 56px; text-align:center; width:300px;}
#contentHome{}


#main h1{font-size:28px; margin:0; padding:0; margin-bottom:8px;}
	#homeHeadline h1{font-size:32px; color:#FFFFFF; margin-left:15px; padding-top:30px;}
#main h2{font-size:16px; font-weight:normal; margin:0; padding:0; margin-bottom:20px;}
	#homeHeadline h2{color:#FFFFFF; margin-left:15px; margin-bottom:15px;}
	#contentHome h2{color:#666666; text-transform:uppercase; font-size:14px; font-weight:bold;}
	#main #sidebar h2{font-size:16px; font-weight:bold; margin:0; padding:0; margin-bottom:8px;}
#main h3{font-size:16px; font-weight:bold;margin-bottom:0;}

#main p{font-size:13px; line-height:1.3em; font-weight:normal; margin:0 0 10px 0; padding:0;}
	#homeAction p{margin-top:8px;}
#main a{color:#0066CC; text-decoration:underline;}
#main a:visited{color:#0099FF;}
#main a:hover{color:#003399;}
	#answers p a{text-decoration:none; color:#000000;}
	#answers p a:visited{text-decoration:none; color:#000000;}
	#answers p a:hover{text-decoration:none; color:#000000;}
	
#content ul li{margin-bottom:5px; list-style-image:url(images/icon-list-image.jpg);}
	#contentHome ul{margin-left:0px; padding-left:20px;}
	#contentHome li{margin-bottom:5px; list-style-image:url(images/icon-home-content-list-image.jpg);}
	#homeHeadline ul {margin-left:25px;}
	#homeHeadline ul li{color:#E1FEA5; font-size:15px; font-style:italic; font-weight:bold; margin-bottom:3px; list-style-image:url(images/icon-home-list-image.jpg);}
#sidebar .button{display:inline-block;}
#sidebar .text{display:inline-block; text-align:center; margin:0 15px 7px;}
#sidebar .text p{font-size:11px; }
#sidebar ol li{margin-bottom:8px;}

.grid4{width:308px; height:250px; padding:0px 5px; display:inline-block; float:left; margin-top:20px; border-right:1px solid #E5E5E5; border-left:1px solid #FFF;}
	.pricingGrid {border:none; height:100px;}

#contentFooter .grid4 {height:80px; color:#ababab; font-size:11px; }
#contentFooter a{color:#ababab; text-decoration:none;}
#contentFooter a:hover{color:#666;}
.highlight {background-color:#FFFF99; padding:2px 0;}
.red16{font-size:16px; color:#CC0000;}
.blue{color:#0066CC;}
.first{border-left:none;}
.last{border-right:none;}
.center{text-align:center;}
.clear {display:block; clear:both;}
.block{display:block; clear:both;}
.listIcon{display:inline-block; margin-right:8px; float:left;}
.listText{display:inline-block; float:left; width:500px; clear:right; margin-bottom:25px;}
	.listText h3{margin:0;}
.pricingHeaderQuote{text-align:center; width:960px; font-size:24px; font-family:Georgia, "Times New Roman", Times, serif; font-style:italic; padding:8px 10px; color:#232323; background-color:#FFFFCC; border:1px solid #DADDDF;}


/*-----------BUTTONS  --------------------------*/
a.buttonSppLarge{width:300px; height:58px; display:inline-block; background-image:url(images/buttons/btn-see-plans-and-pricing-large.jpg);}
a:hover.buttonSppLarge{background-position:0 -58px;}

a.buttonSppSmall{width:220px; height:38px; display:inline-block; background-image:url(images/buttons/btn-see-plans-and-pricing-small.jpg);}
a:hover.buttonSppSmall{background-position:0 -38px;}

a.buttonSft{width:150px; height:38px; display:inline-block; background-image:url(images/buttons/btn-start-free-trial.jpg);}
a:hover.buttonSft{background-position:0 -38px;}

a.buttonSN{width:150px; height:38px; display:inline-block; background-image:url(images/buttons/btn-start-now.png);}
a:hover.buttonSN{background-position:0 -38px;}

a.buttonSU{width:150px; height:38px; display:inline-block; background-image:url(images/buttons/btn-sign-up.png);}
a:hover.buttonSU{background-position:0 -38px;}

.buttonSU{width:150px; height:38px; display:inline-block; background-image:url(images/buttons/btn-sign-up.png);}
.buttonSUHover{width:150px; height:38px; display:inline-block; background-image:url(images/buttons/btn-sign-up.png); background-position:0 -38px;}

.buttonRecalculate{width:100px; height:25px; display:inline-block; background-image:url(images/buttons/btn-recalculate.png);}
.buttonRecalculateHover{width:100px; height:25px; display:inline-block; background-image:url(images/buttons/btn-recalculate.png); background-position:0 -25px;}

/*-----------DID YOU KNOW ----------------------*/
.didYouKnow{border:1px solid #DADDDF; width:300px; text-align:center; background-color:#FAFAFA; margin-bottom:10px;}
.didYouKnow h4{font-size:12px; font-weight:bold; text-transform:uppercase; color:#666666; margin:5px; padding:0;}
.didYouKnow .dykAnswer{margin:0 8px; text-align:center; padding:5px 8px; margin-bottom:15px; border-top:1px solid #DADDDF; }
.didYouKnow .number{font-size:38px; font-weight:bold; color:#84DF26; display:inline-block; vertical-align:top; margin-right:8px;}
.didYouKnow .desc{font-size:18px; color:#333333; display:inline-block; text-align:left;}

/*-----------QUOTES ----------------------*/
.quote{border:1px solid #DADDDF; width:280px; text-align:left; background-color:#FAFAFA; padding:10px; display:block;}
.quote p{font-size:13px; color:#232323; margin:5px; line-height:1.3em;}
.quote .author{margin:0 8px; padding:5px 8px 0 2px; font-weight:bold; display:block; color:#454545;}
.quote .location{font-size:12px; font-style:italic; color:#676767; display:inline-block; margin:0 8px; margin-bottom:10px; padding:0px 8px 0 2px;}

/*-----------SIGN UP FORM ----------------------*/
form#signup {margin-top:30px;}
form#signup p{margin:10px 0 0 0;}
form#signup label{color:#0066CC; font-size:14px; width:100px; display:inline-block; padding-left:30px; float:left; clear:left;}
form#signup input{margin:2px; font-size:14px; display:inline-block;  }
.formHint{font-size:12px; font-weight:normal; color:#666666; margin-left:135px; display:block; padding-top:0;}
.formNote{font-size:11px; font-weight:bold; color:#666666; margin-left:10px; margin-bottom:15px; }
form#signup div{display:inline-block;}
form#signup #signupButton {display:block; margin-left:135px; padding-top:15px;}
form#signup .agreement{font-size:12px; font-weight:normal; color:#666666; margin-left:135px; display:block; padding-top:10px;}

/*-----------MORTGAGE CALCULATOR ----------------*/
#mortgageTable {border:1px solid #DADDDF; width:302px; background-color:#FAFAFA;padding:10px 15px 10px 17px;}
#mortgageTable th{font-size:12px; font-weight:bold; white-space:nowrap; text-align:left; width:91px;}
#mortgageTable td{padding:2px;}
.mortgageAnswer{width:70px; border:none; background-color:#FAFAFA;}
.annualSavings{font-size:20px; color:#0066CC; font-weight:bold; border:none; text-align:center; background-color:#FAFAFA; }
#mortgageTable .interestRatesDate{font-size:11px; color:#666666;}

/*-----------ROUNDED BOX ----------------------*/
.rbroundbox { background: url(images/box/nt.gif) repeat; }
.rbtop div { background: url(images/box/tl.gif) no-repeat top left; }
.rbtop { background: url(images/box/tr.gif) no-repeat top right; }
.rbbot div { background: url(images/box/bl.gif) no-repeat bottom left; }
.rbbot { background: url(images/box/br.gif) no-repeat bottom right; }

/* height and width stuff, width not really nessisary. */
.rbtop div, .rbtop, .rbbot div, .rbbot {
width: 100%;
height: 7px;
font-size: 1px;
}
.rbcontent { margin: 0 7px; }
.rbroundbox { width:300px; margin: 1em auto; }