html { 
	padding: 0;
	margin: 0;
}

body {
	margin: 0;
	padding-bottom: 30px;
	font-size:80%;
	font-family: "Trebuchet MS", sans-serif;
	background: #fff url(../img/bg-body.gif) repeat-x;
	opacity:.999;
	text-align: center;
	color: #333;
	line-height:1.4em;
}

/* ============ TAGS GLOBALES ============ */
 
img {border: 0;}

ul, ol, li, dl, dt, dd {
	list-style-type: none;
	margin: 0;
	padding: 0;
}
ol, ol li { list-style-type:decimal; margin-left:20px; margin-bottom:0.5em; }

a { text-decoration: none; color:#3492CD; }
a:hover { text-decoration: underline; }

h1,h2,h3,h4,h5,h6 {padding: 0; margin: 0 auto; line-height: normal;}
em { font-style: italic; }

form,fieldset,label,input {padding: 0;margin: 0;}

fieldset {border: 0;}

p {margin: 0px 0pt 6px;}

.hidden, .invisible {display: none;}
.clear {clear: both;}

strong { font-weight:bold; }
/* ============ ORGANIZACION ESTRUCTURAL ============ */

#wrapper {
	width: 900px;
	margin: 0 auto;
	text-align: left;
}
#header {width: 780px; height:90px; margin: 0 auto; position:relative; }
	#header h1, #logo {text-indent: -9000px; float: left; width: 175px; height: 65px; margin: 24px 0 0 14px; background: url(../img/rudderLogo.gif) no-repeat; }
	#header h2, #tagline {float: right; clear:right; font-size: 23px; font-weight:bold; color: #000; margin-top: 17px; height:40px; line-height:normal; }
	#header h3, #subtag { float: right; font-size: 17px; font-weight:bold; font-weight: normal; margin-left: 0px; margin-bottom: 15px; width: 355px; }
	
	#nameChange { position:absolute; left:174px; top:17px; }
	
	
	#header ul, #topNav {clear: both; width: 779px; height: 31px; padding-left: 7px; background: url(../img/btnbar-blue.png) no-repeat; margin:0 auto; }
		#header li, #topNav li {display: block; float:left; background-image:url(../img/btn-separator.png); background-position:right center; background-repeat: no-repeat; padding-right:2px; }
		#header li a, #topNav li a {display: block; text-align: center; font-size: 13px; color: #666; font-weight: bold; height: 24px; padding: 6px 15px 0px; background: url(../img/btnbar-blue.png) no-repeat 0 31px; float:left; }
		    #topNav li a:hover { color:#373737; text-decoration:none; }
			#btn1 a:hover {background-position: -7px -31px; }
			#btn2 a:hover {background-position: -83px -31px; }
			#btn3 a:hover {background-position: -210px -31px; }
			#btn4 a:hover {background-position: -208px -31px; }
			#btn5 a:hover {background-position: -360px -31px; }
			#btn6 a:hover {background-position: -360px -31px; }
			/*
			#header #btn1 a {width: 76px; }  
			#header #btn2 a {width: 70px; }  
			#header #btn3 a {width: 64px; }  
			#header #btn4 a {width: 97px; }  
			#header #btn5 a {width: 55px; }  
			#header #btn6 a {width: 123px; }  
			*/
			li#btn7 {float: right; background-image:none; } li#btn7 a {font-size: 17px; padding-top: 6px; padding-right: 7px; } #btn7 a:hover {text-decoration: underline; }

/* HOME STYLES */

#homeContent { overflow: hidden; clear:both; }
#topHomeContent { position:relative; height: 324px; width:808px; background: url(../img/bg-top-hero-widget-shaved.png) no-repeat center 0; margin:0 auto; }

#topHomeContent-BofA { position:relative; height: 354px; width:808px; background: url(../img/bg-top-hero-BofA.png) no-repeat center 0; margin:0 auto; }

#topHomeContent-WaMu { position:relative; height: 354px; width:808px; background: url(../img/bg-top-hero-WaMu.png) no-repeat center 0; margin:0 auto; }

#topHomeContent-USBank { position:relative; height: 354px; width:808px; background: url(../img/bg-top-hero-USBank.png) no-repeat center 0; margin:0 auto; }

#bottomHomeContent {background: transparent url(../img/bg-home-bottom_tall.png) no-repeat 0px -80px; overflow: hidden; clear:both; width:808px; height:440px; margin:0 auto; font-size:13px; line-height: 1.35em; text-align:justify; padding: 0px; }
    
    #bottomHomeContent h2 { font-size:16px; margin: 0 auto; color:#3492CD;}
    
    
#topHome {width: 840px; background: url(../img/central.jpg) no-repeat 60px 0; min-height: 310px; padding-left: 60px; position: relative; }
	#texts { position: relative; height:auto; width:740px; overflow:hidden; margin: 0px 0 0 10px; line-height: 1.2; padding: 35px 0 0 22px; }
		#texts h2 {font-size: 29px; color: #333; padding-top:0px; margin:0 auto; text-align:center; }
		#texts h3 { font-size: 23px; color: #000; padding-top:-10px; margin:0; width:400px; background-image: url(/master/img/bg-top-fixer.gif); background-position:0px -53px; }
		#texts h4 {font-size: 18px; color: #999; margin: 0px 0px 10px; }
		#texts p {margin: 0, 120px; }
		#texts .textSpace { width:285px; background-image: url(/master/img/bg-top-fixer.gif); background-position:0px -53px; margin-top:16px; }
		
		#msgs { position:relative; width: 743px; height:225px; background-image: none; background-repeat: repeat-x; background-position: 0px -62px; }
		#msgs li { display:none; background-color:Transparent; background-image: none; background-repeat: repeat; background-position: 0px -62px; height:225px; overflow: visible; margin:0 auto; padding: 0; zoom:1;  }
		#msgs li img { position:absolute; top:45px; left:297px; }
		
		#msgs li img.accounts { left:296px; top:-6px; }
		#msgs li img.bills { left:296px; top:45px; }
		#msgs li img.whatsLeft { left:296px; top:45px; }
		
		#msgs.BofA li img.accounts { left:296px; top:45px; }
		#msgs.BofA li img.bills { }
		#msgs.BofA li img.whatsLeft {  }
		
		#msgs.WaMu li img.whatsLeft { top:44px; }
		
		#msgs li p { line-height:20px; }
		#msgs li a { margin-left:182px; font-size:20px; color: #666; text-decoration:underline; }
		
		#msgSelect { float:left; }
		#msgSelect li { width: 10px; height:10px; text-indent:9000px; display:block; margin:0 2px; float:left; border: solid 1px #666; background-color:#eee; cursor:pointer; overflow:hidden; }
		#msgSelect li.selected { background-color:#fdad2f; }
		
	#control {position: absolute; height:10px; width:90px; left:15px; bottom:10px; font-size: 18px; color: #666; z-index:100; }
	#hleft, #hright {cursor: pointer; padding: 0 5px; float: left; line-height:10px;  }
	#control strong {color: #656565; }
	
	.bigJoinNow {display: block; cursor: pointer; width: 186px; height: 47px; text-indent: -9000px; background: url(/signup/img/btn-join.png) no-repeat; clear: both; }
	
	#joinBtn, .btnJoin {display: block; cursor: pointer; width: 147px; height: 44px; margin: 20px 20px 15px 50px; text-indent: -9000px; background: url(../img/btn-join.png) no-repeat; clear: both; }
	
	#supportBtn {display: block; cursor: pointer; width: 160px; height: 44px; margin: 5px 0 25px 25px; text-indent: -9000px; background: url(../img/btn-support.png) no-repeat; clear: both; }
	
	#takeLook {display: block; position: absolute; top: 17px; left: 472px; }
	
#colHome1, #colHome2 {width: 277px; margin:50px 20px 0pt; padding:0px 20px 20px 70px; float: left; background: url(../img/icon-telescope.png) no-repeat 7px 0; border-right: 1px solid #ccc; }
#colHome1 p, #colHome2 p, #colHome2-b p, #colHome3 p { margin: 3px 0 1em; }
	#colHome1 h1, #colHome2 h1, #colHome3 h1, #divLogin h1, #divSignup h1 {font-size: 28px; color: #000; margin: 0 auto; }
	#divLogin h2, #divSignup h2 {font-size: 16px; margin: 0; }
		#colHome1 p strong, #colHome2 p strong {color: #333; }
#colHome2 {width: 290px; padding: 26px 17px 0pt 65px; margin: 20px 0 0 0px; background: url(../img/cofee-home.png) no-repeat 0 4px; border: 0; }
#colHome2.wide {width: 344px; }
#screenshots ul { margin:0; padding:0; }
#colHome2-b {  width:350px; float:left; }

#colHome3 {width: 290px; float:left; padding: 26px 17px 0pt 65px; margin: 0px 0 0 0px; background: url(../img/guard-home.png) no-repeat 0 4px; border: 0; }
#screenshots { background-image:url(/master/img/screenshots-bkgd.png); margin-left:36px; background-repeat:no-repeat; width:304px; height:116px; }
#screenshots li { float:left; margin-left:10px; margin-top:5px; }
#screenshots li img {border:solid 1px #666; }
#screenshots h3 { font-size:11px; color:#666; border-bottom:solid 1px #b9b9b9; padding:6px 10px; margin: 0 auto; }

/* TOUR STYLES */

#topTour { position:relative; height: 163px; width:808px; background: url(../img/bg-header-tour-idx.png) no-repeat center 0; margin:0 auto; }
#tourChiclets { position: absolute; z-index:100; top:60px; left: 80px; }
.featureList { margin-left:40px; margin-top:20px; }
.featureItem { margin-top:30px;}
.featureItem img { float:left; }
.featureItem .text { float:left; margin-left:20px; width:580px }
.featureItem .text p { margin-top:0px; }

/* INNER STYLES */

.content {   width: 808px; background: url(/master/img/bg-content.png) repeat-y; margin: 0 auto; clear:both; }
	#borderContent {background: url(../img/bg-top-content.png) no-repeat; width: 808px; height: 31px; margin:0 auto; }
	.topContent {  background:transparent url(../img/content.jpg) repeat-x scroll 0% 0%; height:159px; margin:0pt auto ; position:relative; width:786px; }
	#tourTop {background-image: url(../img/tour.jpg); height: 209px; }
		
		.topContent h2 {font-weight: bold; font-size: 32px; height:45px; color: #fff; float: left; }
		
		#tourTop h2 {float: right; margin: 45px 45px 0 0; font-size: 38px; }
		#tourTop h3 {font-size: 19px; color: #575757; width: 245px; font-weight: normal; position: absolute; top: 92px; left: 418px; line-height: 1.1; }
		#envelope {position: absolute; top: 8px; left: 470px; }
		#itsfree {position: absolute; top: 30px; left: 410px; }
		#screenshot {position: absolute; top: 10px; left: 50px; }
		
		.topContent p {clear : both; line-height: 1.4; width: 440px; padding: 22px 0 0 20px; margin:0; font-weight: bold; font-size: 32px; color: #fff;  }
		
		#tourTop p {float: right; width: 340px; margin: 130px 0 10px 0; }
	.inner {clear: both; width: 786px; background: transparent url(../img/bg-inner-lt.gif) repeat-y; margin: 0 auto; } 
	 .topInner {width: 766px; padding: 0 10px; background: url(../img/bg-top-inner-lt.gif) no-repeat; overflow: hidden; }
	 
	 .topInner-tall { background: transparent url(../img/bg-top-inner-lt.gif) no-repeat scroll 0 -5px; overflow: hidden; }
	    .subHead { color:#666; font-size:120%; margin-bottom:30px; }
	    
	    
	    #tourNav { background-image: url(/Images/divider-H.gif); background-position:bottom; background-repeat: no-repeat; text-align: right; height:35px; line-height:20px; margin-bottom:5px; }
	    #tourNav a { color:#ff9900; font-size: 17px; background-repeat: no-repeat; height:30px; padding-left:30px; display:block; line-height:32px; }
		
	    #tourNav li { float:right; padding:0 10px; background-image: url(/Images/divider-V.gif); background-repeat: no-repeat; background-position: right; list-style-type:none; }
	    #tourNav li.last { background-image: none; padding-right:0;}
	    #tourNav .bills     { background-image:url(/Images/nav-bills.png); width:38px;  }
	    #tourNav .whatsLeft { background-image:url(/Images/nav-WL.png); width:95px;     }
	    #tourNav .accounts  { background-image:url(/Images/nav-accts.png); width:78px;  }
	    #tourNav .home  { background-image:url(/Images/nav-home.png); width:92px;  }
	    #tourNav .selected { color:#333; }
	    
	    
	    .messageBox, .messageBox-W { font-size:12px; }
	    .messageBox-W h1, .messageBox h1 { padding:25px 7px 0px; margin:0 auto; font-size:18px; background-image: url(/Images/divider-H-DK.gif); background-repeat: repeat-x; background-position: bottom; }
	    
	    div.M p { line-height:19px; }
	    
	    .messageBox { width:366px; }
	    .messageBox .M {  background-image:url(/Images/ourMessage_mid.gif); background-repeat: repeat-y; padding:1px; width:366px; overflow: visible; }
	    
	    .messageBox .pic { margin-top:-65px; z-index:100; position:relative;}
	    .messageBox .T { background-image:url(/Images/ourMessage_top.gif); height:54px; background-repeat:no-repeat; padding:0pt 20px; }
	    .messageBox p { padding:10px 25px;  margin:0; }
	    .messageBox .B {  background-image:url(/Images/ourMessage_bott.gif); height:25px; background-repeat:no-repeat; margin:0px 0px 0pt; padding:0pt 20px; line-height:0px; }
	    
	    
	    .messageBox-W { width:730px; }
	    .messageBox-W .M {  background-image:url(/Images/ourMessage-W_mid.gif); background-repeat: repeat; padding:1px; width:730px; overflow: visible; }
	    .messageBox-W .pic { margin-top:-65px; z-index:100; position:relative; }
	    .messageBox-W .T { background-image:url(/Images/ourMessage-W_top.gif); height:54px; background-repeat:repeat-x; padding:0pt 20px; }
	    .messageBox-W p { padding:10px 35px; margin:0; }
	    .messageBox-W .B {  background-image:url(/Images/ourMessage-W_bott.gif); height:25px; background-repeat:repeat-x; margin:0px 0px 0pt; padding:0pt 20px; line-height:0px; }
	 
	 
	 .inner-dk {clear: both; width: 786px; background: url(../img/bg-inner.gif) repeat-y; margin: 0 auto; } 
	 .topInner-dk {width: 766px; padding: 0 10px; background: url(../img/bg-top-inner.png) no-repeat; overflow: hidden; }
    #bottomContent-dk {width: 808px; height: 23px; background: url(../img/bottom-content.png) no-repeat; }

	 .col {  width: 235px; margin-left: 15px; float: left; line-height: 1.2; }
	 .topInner .pri { margin-left: 20px; }
		.col h1 {padding-top: 100px; padding-bottom: 4px; font-size: 26px; }
		.col #titSec1 {background: url(../img/lock.png) no-repeat 0px 0; }
		.col #titSec2 {background: url(../img/safe.png) no-repeat 0px 0; }
		.col #titSec3 {background: url(../img/guard.png) no-repeat 0px 0; }
		.col #titSecEmail {background: url(../img/atsymbol.png) no-repeat; }
		.col #titSecHelp {background: url(../img/help.png) no-repeat 40px 0; }
		.col h2 {font-weight: normal; font-size: 16px; color: #3492cd; }
		
		
		.col p, .singlecol p, .doublecol p {  line-height: 1.3; text-align:justify; }
		
		
	.doublecol { width : 470px; margin-left: 15px; float: left; line-height: 1.2; }
	    .doublecol h2 {font-weight: normal; font-size: 16px; color: #3492cd; }
		.doublecol p {  line-height: 1.3; }
	    .doublecol h1 {padding-top: 100px; padding-bottom: 4px; font-size: 26px; }
	    .doublecol #titSecLocation {background: url(../img/redmailbox.png) no-repeat ; }
	    .doublecol #titSecFaq {background: url(../img/faq.png) no-repeat 80px 0; }
        .doublecol #titSecAbout {background: url(../img/help.png) no-repeat 80px 0; }
        
   .singlecol{ padding:10px 20px; }
   .singlecol h3 {padding-top: 50px; padding-bottom: 4px; }
   .singlecol ul { padding-left:50px; margin-top:.25em; }
   .singlecol ul li { margin-bottom:.5em;  list-style-type: disc;}
   .singlecol ul ul li { margin-bottom:1em;  list-style-type: circle;}
   
   ul.linkList { margin-top:10px; }
   .linkList li { margin-bottom:10px; }
   p.justify { text-align:justify; }
   ul.alpha {  }
   ul.alpha li { margin-bottom:1em; list-style-type: lower-alpha; }

	.btnJoin {float: right; margin: 0 5px 0 0; clear: both; }
#bottomContent {width: 808px; height: 23px; background: url(../img/bottom-content-lt.gif) no-repeat; }

#divLogin, #divSignup { /* background: url(../img/lock.png) no-repeat -53px 0; */ padding: 46px 0 0 34px; min-height: 316px; }

#divLogin { background:transparent url(../img/lock-sm_pad.png) no-repeat scroll -18px 13pt; min-height:316px; padding:53px 0pt 0pt 78px; }

	/*#divLogin h4, #divSignup h4 {color: #fff; }*/
	#divLogin .form {padding-top: 0px; }
		.form label {display: block; font-weight: bold; font-size: 14px;  }
		.form input {background-color: #dae4eb; border: 1px solid #6793ad; width: 354px; padding: 3px 2px; margin-bottom: 4px; background: #fdfdfd url('../img/input-bkgd.gif') repeat-x top left; }
		.form form a {color: #666; text-decoration: underline; display: block; float: left; margin-top: 25px; }
		.form button {display: block; cursor: pointer; float: left; margin: 15px 0 0 105px; border: 0; padding: 0; background: none; }
		.form br {margin-top: 20px; display: block; clear: both; }
		.form .check {margin-top: 10px; }
			.form .check a {text-decoration: underline; color: #666; }
			.form .check input {width: auto; padding: 0; vertical-align: -3px; margin: 0 4px 0 0; background: none; border: 0; }
		#divLogin .member {text-align: right; display: block; float: right;  font-size: 18px; margin:20px 60px 0 0; }
			#divLogin .member a {color: #666; text-decoration: underline; }

#signupNotice { float:left; width:210px; margin:120px 10px; padding:15px; background-color:#FFF; border: solid 1px #2169aa; font-size:12px; font-weight:bold; }

#divSignup { float:left; /*background: url(../img/signup-icon.png) no-repeat -53px 0;*/ width:400px; }
#divSignup button {margin-left: 212px; }
#divSignup form {overflow: hidden; padding-bottom: 20px; }

.signupList {}
.signupList li { padding-left:40px; }
.signupList li p {margin:0 0 15px; }
.signupList li.safe { background:url(../img/guard-sm.png) no-repeat 0px 0px;}
.signupList li.pass { background:url(../img/safe-sm.png) no-repeat 0px 0px;}
.signupList li.anon { background:url(../img/anonymous-sm.png) no-repeat 0px 0px;}
.signupList li.money { background:url(../img/icon-money.png) no-repeat 0px 0px;}


.intro {clear: both;  line-height: 1.4; width: 345px;  }

#widgets {position: relative; }
	#widgets img {display: block; margin: 30px 0 0 52px; }
	#widgets h3, #widgets h4 {width: 400px; font-size: 26px; color: #000; margin: 0 auto; text-align: center; }
	#widgets h4 {width: 330px; font-size: 16px; color: #fff; font-weight: normal; line-height: 1.2; }
	#widgets p {width: 500px; font-size: 12px; color: #636363; line-height: 1.2; margin: 5px auto; text-align: center; }

#left, #right {display: block; position: absolute; top: 80px; cursor: pointer; left: 385px; width: 14px; height: 20px; text-indent: -9000px; background: url(../img/arrows.png) no-repeat; }
#right {background-position: -14px 0; left: 715px; }

/* FOOTER */

#footer {clear: both; width: 840px; padding: 15px 0 15px 60px; }

.footerNav { font-size: 11px; color:#3492d7; height:50px; }
.footerNav a { }
.footerNav li { display: block; float:left; width:38%; } 
.footerNav li ul { width:100%; }
.footerNav li li { display: block; text-align:left; width:100% }
.footerNav ul, .footerNav h5 { text-transform:capitalize; }

.infoNav { font-size:11px; color:#3492d7; }
.infoNav li { float:left; margin-bottom:5px; padding-right:15px; }

#copyright { text-align:center; font-size:11px; margin-bottom:10px; }

#verisign img { margin-top:-15px; }

	/*
	#footer a {display: block; float: left; margin: 17px 10px 0 0; }
	*/
	#footer #worksWith {display: block; float: right; margin-right: 60px; }
	#footer span {display: block; clear: both; font: normal 11px Tahoma, sans-serif; }

div#text { width:350px; position:relative; left:0px; }

h3, #envelope, .trans, #topInner, #content, #logo { behavior:url(/master/css/iepngfix.htc); } /* IE6 .PNG Fixer */

.col p.right, .messageBox-W div.right, .messageBox div.right { text-align:right; }
.justify { text-align: justify; }
a.joinNow { font-size: 18px; color:#ff9900; text-decoration:underline; margin:0 20px; } 

.server-warning{ margin:10px; padding:10px; background-color:#FFF; width:340px; border:solid 2px #FFD300; }

#DEMOfooter {float:left; margin-left:10px; margin-bottom:5px; border:solid 1px #CCC;}