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

    MyCreditUp : Stylesheet
	Ben Falk - Web Advanced

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

/*  LINK STYLES 
	------------------------------------------------------------------------- */
	
	a { color:#2d4b79; }
	.red { color: Red;}
	.bold { font-weight: bold;}
	
/*  GENERAL STYLES 
	------------------------------------------------------------------------- */
	
	body { background: #ededed; 
		font-family:Arial, Helvetica, sans-serif; font-size:12px; }
	
	.clear {clear:both; height:0; overflow:hidden; margin:-1px 0 0 0;}
	p { padding: 0 0 16px 0; margin:0; }

	#wrapper { background: #5581c2 url(../images/bg-body.png) 0 0 repeat-x; }
	#wrapper-inner { width: 954px; margin:0 auto; }
	
	.topnav { padding: 0 20px; height: 25px; }
		.topnav ul { list-style:none; float:left; padding:5px 0 0 0; margin:0; }	
		.topnav li { display:inline; font-size:11px; color:#cccfd3; padding-right:6px; }	
		.topnav li a { color:#cccfd3; text-decoration:none; }
		.topnav li a:hover { color:#ffffff; text-decoration: underline; }
		.topnav .phone { float:right; color:#ffffff; font-weight:bold; font-size:16px; padding-top:4px; }
	
	.banner { clear:both; background:url(../images/bg-header.jpg) 0 0 no-repeat; height:145px; position:relative;}
		.banner .logo { padding: 38px 0 0 45px; float:left; }
		.banner ul { float:right; padding: 38px 28px 0 0; }
		.banner li { display:inline; float:left; }
		
	#footer { background: #6090d8 url(../images/bg-footer.jpg) 0 0 repeat-x; height: 91px; clear:both; }	
	#footer-inner { width: 880px; margin:0 auto; }
	
		#footer td { height: 91px; vertical-align:middle; }
		#footer td.right { text-align:right; }
		#footer td.right img { margin-left:20px; float:right; }
		#footer td.right img.img1 { margin-top: 13px; }
		#footer td.right img.img2 { margin-top: 12px; }
		#footer td.right img.img3 {}				
		#footer a { font-size:11px; color: #21467f; }
	
	#copyright {color:#21467f;font-size:10px;}
	
/*  HOME PAGE STYLES 
	------------------------------------------------------------------------- */
	
	.home { clear:both; background:url(../images/bg-home.jpg) 0 0 no-repeat; height:360px; }
		.home .left { float:left; color:#2d4b79; width:470px; }	
		.home .txtheader { padding: 15px 0 0 60px; }
		.home p { padding: 16px 8px 10px 60px; }
		.home .button { padding: 6px 0 0 60px; }
		
		.home .threecol { margin-left: 60px; padding-bottom: 16px; border-bottom:1px dotted #2d4b79; font-size:14px; }
		.home .threecol .leftcol { float:left; width:130px; }
		.home .threecol .centercol { float:left; width:130px; }
		.home .threecol .rightcol { float:left; width:100px; }
		
		.home .right { float:right; width: 483px; }	
		
	.slider { }	
		.slidernav { height:31px; background:url(../images/slider-bg.gif) 0 0 no-repeat; color:#ffffff; padding-left:50px; list-style:none; }
		.slidernav li { float:left;  text-indent:-999px; list-style:none;  }	
		.slidernav li span { height:31px; display:block; overflow:hidden; border:0; outline:0; cursor: pointer; }
		
		.slidernav li span#nav-first { background: url(../images/slider_02.gif) 0 0 no-repeat; width:160px; }
		.slidernav li span#nav-second { background: url(../images/slider_03.gif) 0 0 no-repeat; width:160px; }
		.slidernav li span#nav-third { background: url(../images/slider_04.gif) 0 0 no-repeat; width:214px; }
		.slidernav li span#nav-fourth { background: url(../images/slider_05.gif) 0 0 no-repeat; width:161px; }
		.slidernav li span#nav-first:hover, .slidernav li span#nav-second:hover, 
		.slidernav li span#nav-third:hover, .slidernav li span#nav-fourth:hover { background-position: 0 -31px; }
		#wrapper .slidernav li span.active { background-position: 0 -31px; }
		
		.slider ul.slidercontent { width: 680px; float:left; color: #ffffff; list-style:none; height:220px;  }
		.slidercontent li { display:none; position: absolute; width:600px; padding: 30px 0 20px 60px; list-style:none;}
		.slidercontent li.active { display:block; }
		
		.slider .results { float:right; margin: 5px 40px 20px 0; }
		.slidernav .home-number { color:#ffffff; font-size:18px; font-weight:bold; text-indent:0; position:relative; top:4px; left:20px; }
		
	.home-footer { background: url(../images/divider.jpg) 0 0 no-repeat; font-size:11px; padding: 30px 200px 10px 75px; margin: 0 34px 0 16px; color:#ffffff; }		
		
	
/*  SUBPAGE STYLES 
	------------------------------------------------------------------------- */	

    .subpage #wrapper-inner { padding-bottom:20px; }
    .subpage-content { clear:both; background:url(../images/bg-content-repeat.jpg) 0 0 repeat-y; line-height:0; }
    .subpage-content-inner { min-height:440px; background:url(../images/bg-content.jpg) 0 0 no-repeat; line-height:16px; }
    * html .subpage-content-inner { height:440px; }
    
    h1 { float:left; padding: 25px 0 25px 60px; margin:0; }
    .signupnow { float:right; margin-right:21px; }
    
    .subpage-content .content {
        margin:0 60px 20px; padding: 30px;
        background: #edf0f2; border:1px solid #ffffff; }
        
		ol { margin: 0 0 16px 0; padding: 16px 0 16px 30px; border-bottom: 1px dotted #2D4B79; border-top:1px dotted #2D4B79; }
        ol li { list-style:decimal; font-size:13px; padding-bottom:3px; color:#2D4B79; }
		
		ul { margin: 0 0 16px 0; padding: 0 0 0 30px; }
        ul li { list-style:disc; padding-bottom:3px;  }		
        
        /* left */
        .subpage-content .content .left { float:left; width: 425px; line-height: 16px; }
            .subpage-content .content h2 { font-weight:normal; font-size:14px; margin-bottom:20px; line-height: 18px; }
			.subpage-content .content h3 { font-weight:bold; font-size: 14px; color: #5581C2; }
        	.subpage .content .left ul { padding:0 0 16px 30px; list-style: disc; }
            .subpage .content .left .hr { border-bottom:1px dotted #2d4b79; margin:4px 0 20px 0; padding:0; font-size:1px; line-height:1px; height:1px; }
        
			.subpage-content .content .left .popup { border-bottom: #000 dotted 1px; }
			.subpage-content .content .left .statement { padding: 10px 0 0 30px; }
		    .subpage .threecol { padding-bottom: 16px; font-size:14px; }
		    .subpage .threecol .leftcol { float:left; width:130px; }
		    .subpage .threecol .centercol { float:left; width:130px; }
		    .subpage .threecol .rightcol { float:left; width:130px; }    
			
			.creditfacts { border-collapse: collapse; margin-bottom:16px;  }
			.creditfacts th { background: #5581C2; color: #ffffff; font-size: 11px; font-weight:normal; padding: 10px;
				border-right: 1px solid #ffffff; }    
        	.creditfacts th.last { border:0; }
			.creditfacts td { 
				padding:6px 10px; font-size:11px; border-right: 1px solid #CCCCCC; border-bottom: 1px solid #CCCCCC; }
				
			/* Our Process */
			.subpage-content .ourprocess { margin: 0 47px 0 47px; }
			.subpage-content .ourprocess .left { width: 100%; }
			dl.steps dt { float:left; width:182px; }
			dl.steps dd { float:left; width:615px; background:url(../images/step-top.gif) 0 0 no-repeat; margin-bottom:8px; line-height:0; }
			dl.steps dd h2 { margin:0; padding:13px 0 0 12px; }
			dl.steps dd p { margin:0; padding: 0 12px 16px 12px; line-height:16px; }
			
			/* Signup */
			.subpage-content .signup { margin: 0 47px 20px 47px; }
			.subpage-content .signup .left { width: 100%; }
			
			.signup-nav { background: url(../images/signup-nav-bg.gif) 0 0 no-repeat; }
			.subpage .content .left .signup-nav ul { list-style:none; padding: 6px 0 16px 6px; margin:0; }
			.signup-nav li { display:inline; padding-right:8px; }
			.signup-nav li.last { padding-right:0; }
			
			/* Step 1 */
			.signup .left .leftcol { float:left; width:300px; }
			.signup .left .rightcol { float:right; width:300px; }
			.signup .left .leftcol h3 { padding:0 0 20px 14px; }
			.signup .left .rightcol h3 { padding:0 0 20px 0; }
			.signup .left .leftcol h4 { padding:0 0 20px 24px; line-height: 22px; font-size:16px; font-weight:normal; }
			.signup .left .rightcol h4 { padding:0 14px 20px 10px; line-height: 22px; font-size:16px; font-weight:normal; }
			.signup .left .leftcol p { padding:0 0 20px 24px; }
			.signup .left .rightcol p { padding:0 14px 20px 10px; }
			.signup .left .leftcol .select { margin:0 0 0 24px; }
			.signup .left .rightcol .select { margin:0 0 0 10px; }
			.signup .left .signup-footer { font-size:11px; margin: 40px 14px 0 14px; padding: 16px 10px; border-top: 1px dotted #DBDEE3; }
			
			.signup .left .fullcol { padding: 0 14px 20px 14px; line-height:16px; }
			.signup .left .fullcol h3 { padding-bottom:20px; }
			
			/* Step 2 */
			.signup .left .signup-personal { padding:0 0 20px 14px; }
			.signup .left .signup-personal label {
			    display:block; clear:both; float:left; width:130px; padding-top: 3px; font-weight:bold; color:#3B5E93; }	
	        .signup .left .signup-personal input { float:left; width:240px; font-family:Arial, Helvetica, sans-serif; font-size:12px; margin-bottom:4px; }	
            .signup .left .signup-personal select { float:left; width: 245px; margin-bottom:4px; }
			.signup .left .signup-personal p { margin:0; padding: 3px 0 0 12px; float:left; color:Gray; font-size:11px; }
			
			.signup .left .signup-paymentmethod ul { margin:0 0 0 14px; padding:0 0 20px 0; list-style:none; }
			.signup .left .signup-paymentmethod ul li { margin:0; padding:0 0 4px 0; list-style:none; clear:both; overflow:auto; }
			.signup .left .signup-paymentmethod input, .signup .left .form label { float:left; }
			
			/* step 3 */
			.signup .left .signup-sameaddress { padding-bottom:20px; }
			.signup .left .signup-sameaddress input { float:left; margin:0 12px; }
			.signup .left .signup-sameaddress label { float:left;}
			
			.signup .left .signup-billingaddress { padding:0 0 20px 14px; }
			.signup .left .signup-billingaddress label {
			    display:block; clear:both; float:left; width:130px; padding-top: 3px; font-weight:bold; color:#3B5E93; }	
	        .signup .left .signup-billingaddress input { float:left; width:240px; font-family:Arial, Helvetica, sans-serif; font-size:12px; margin-bottom:4px; }	
            .signup .left .signup-billingaddress select { float:left; width: 245px; margin-bottom:4px; }
            
            .signup .left .signup-creditinfo { padding:0 0 20px 14px; }
			.signup .left .signup-creditinfo label {
			    display:block; clear:both; float:left; width:130px; padding-top: 3px; font-weight:bold; color:#3B5E93; }	
	        .signup .left .signup-creditinfo input { float:left; width:240px; font-family:Arial, Helvetica, sans-serif; font-size:12px; margin-bottom:4px; }	
            .signup .left .signup-creditinfo select { float:left; width: 118px; margin-bottom:4px; }
            .signup .left .signup-creditinfo .optgroup { width:100%;float:left; padding-bottom:20px; }
            .signup .left .signup-creditinfo .optgroup input { width:20px; clear:both; }
            .signup .left .signup-creditinfo .optgroup label { clear:none; }
			
			/* signup - legal */
			.signup .left .signup-legal { padding: 0 14px 20px 14px; }
			.signup .left .signup-legal .legal1 { height: 80px; overflow:auto; border:1px solid gray; padding: 10px; margin-bottom:16px; }
			
			.signup .left .signup-agreement { padding: 0 14px 20px 14px; }
			.signup .left .signup-agreement input, .signup .left .signup-agreement label { float:left; }
			.signup .left .signup-agreement label { width: 500px; padding:0 0 20px 10px; }
		
		/* right */	
        .subpage-content .content .right { float:right; width:310px; font-size:12px; }
            .subpage-content .content .right h4 { padding-bottom:16px; font-size:14px; color:#3B5E93; }
            .subpage-content .content .right i { color:#3B5E93; }
            
            .spotlight-experian, .spotlight-equifax, .spotlight-transunion { height: 190px; width: 310px; }
            .spotlight-experian img, .spotlight-equifax img, .spotlight-transunion img { margin: 128px 0 0 30px; }
            .spotlight-experian { background:url(../images/spotlight-experian.jpg) 0 0 no-repeat; }
            .spotlight-equifax { background:url(../images/spotlight-equifax.jpg) 0 0 no-repeat; }
            .spotlight-transunion { height: 170px; background:url(../images/spotlight-transunion.jpg) 0 0 no-repeat; }
        
/*  FORM STYLES 
	------------------------------------------------------------------------- */        
        
    .tellafriend, .contact { padding-bottom:16px; }
	.tellafriend .error { display:block;  float:right; width:95px;overflow:hidden;font-size:11px;  font-weight:bold; }	
	.tellafriend .confirmMsg {float:left; width:220px;margin-left:100px;text-align:center;display:block;clear:both;}
	
	.tellafriend label, .contact label { display:block; clear:both; float:left; width:100px; padding-top: 3px; font-weight:bold; color:#3B5E93; }	
	.contact label { width:130px; }
	.tellafriend input, .contact input { float:left; width:220px; font-family:Arial, Helvetica, sans-serif; font-size:12px; margin-bottom:4px; }	
    .tellafriend select, .contact select { float:left; width: 120px; margin-bottom:4px; }
    .tellafriend textarea, .contact textarea { float:left; width:220px; height: 80px; font-family:Arial, Helvetica, sans-serif; font-size:12px; margin-bottom:4px; }
	.tellafriend .submit {margin-left:100px; text-align:right;}
	.contact .submit { float:left; clear:both; margin-left: 100px; width:80px; }	   
	.contact .submit { margin-left: 130px; }
	
/*  HOVER EFFECT STYLES 
	------------------------------------------------------------------------- */     
	.fadeMenu {
		width:620px;
		margin:37px 0 0 0;
		float:right;
	} 
	.fade {
	  float:left;
	  position:relative;
	}

	.fade div {
	  position: absolute;
	  top: 0;
	  left: 0;
	  display: none;
	}