/*-----------------------------------------------------------------
	ITI Internet Services
	Pay By Check
	
	Color List:
	#32492E		Background - Main (Green)
	#B7B6B6		Background - Content (Very Light Gray)
	#1F2D1B		Background - Nav Bar (Dark Green)
	#293A23		Background - Nav Element Not Active (Darker Green)
	#3D4C38		Background - Nav Element Active Highlight (Lighter Green)
	#FFFFFF		Text - Primary Nav (White)
	#FFE9A4		Text - Secondary Nav (yellow)
	#000000		Text - Content (black)
	#96AEBA		Background - Table Cell Background (light blue)
	#BACDD8		Background - Table Cell Background Alternate (light blue)
	
	Contents:
		1. Misc Styles
		2. Logo header
		3. Banner
		4. Primary Nav
		5. Secondary Nav
		6. Content
			A. index.html
			B. ach.html
			C. check.html
			D. features.html
			E. iticart.html
			F. demo.html
				I.  htmlhelp.html
				II. filehelp.html
			G. compare.html
			H. signup.html
			I. faq.html
		7. Footer
------------------------------------------------------------------*/



/*-----------------------------------------------------------------
	1. Misc Styles
------------------------------------------------------------------*/
body {
	background:#32492E url(../images/paybycheck_background_main.png) repeat-x top left;
	font-family:Verdana, Geneva, Tahoma, sans-serif ;}

.debug {
	background:#FFF;}

.debug2 {
	background:#000;}
	
em {
	font-weight:bold;
	text-decoration:none;
	font-style:italic;}
	
li {
	list-style-image:url(../images/paybycheck_icon_check.gif);}
	
h1, h2, h3 {
	font-family:Georgia, Times, Times New Roman, serif;
	font-weight:bold;}
	
#buttonLoginSubmit {
	background: transparent url(../images/paybycheck_button_login.gif) no-repeat top left;
	width:54px;
	height:30px;
	margin:-2px 0 0 0;
	cursor:pointer;
	border:0;}
	
#genericContainer {
	margin:0 200px 0 200px;
	padding-bottom:50px;
	text-align:justify;}
	
	#genericContainer h1 {
		color:#1D353F;
		padding:0 0 15px 0;
		margin:20px 0 10px 0;
		border-bottom:1px solid #1D353F;}
		
	#genericContainer h5 {
		color:#1D353F;
		padding:0 0 0 0;
		margin:20px 0 10px 0;
		}


.highlight strong {
	font-weight:normal;}

.highlight:hover strong {
	font-weight:normal;}
	
#creditAnnouncement {
	margin:0 0 20px 10px;}


/*-----------------------------------------------------------------
	2. Logo Header
------------------------------------------------------------------*/
#logoHeaderContainer {
	height:50px;
	margin:10px 0 10px 0;}
	
	#logoContainer {
		float:left;
		border:0;
		text-decoration:none;}
		
	#loginContainer {
		height:50px;
		color:#FFFFFF;
		float:right;
		text-align:right;}
		
		.loginLabel {
			height:35px;
			padding:15px 5px 0 10px;
			float:left;}
			
		.loginInput {
			height:36px;
			padding:14px 0 0 0;
			float:left;}
			
			.loginInput input {
				width:100px;}
			
		#loginSubmitButton {
			height:37px;
			float:left;
			padding:13px 0 0 20px}



/*-----------------------------------------------------------------
	3. Banner
------------------------------------------------------------------*/
#bannerContainer {
	height:130px;
	background:url(../images/paybycheck_banner.gif) no-repeat top left;}
	
	#bannerLinkContainer {
		height:70px;
		width:400px;
		margin:20px 0 0 500px;}
		
		.bannerLink {
			height:70px;
			width:100px;
			cursor:pointer;
			float:left;}


/*-----------------------------------------------------------------
	4. Primary Nav
------------------------------------------------------------------*/
#primaryNavContainer {
	height:60px;
	background:#1B2619;}
	
	#navWrapper {
		width:940px;
		height:50px;
		margin:0 0 0 3px;}
	
	.navElement {
		padding:5px 19px 0 20px;
		height:55px;
		width:76px;
		float:left;
		margin-right:2px;
		background:#293A23;}
		
		.navElement a:link, .navElement a:visited, .navElement a:hover, .navElement a:active {
			text-decoration:none;}
		
		.navElement:hover {
			background:#3D4C38;}
		
	.navElementActive {
		background:#3D4C38;
		padding:5px 19px 0 20px;
		height:55px;
		width:76px;
		float:left;
		margin-right:2px;}
		
		.navElementActive a:link, .navElementActive a:visited, .navElementActive a:hover, .navElementActive a:active {
			text-decoration:none;}
		
	.navElementName {
		color:#FFFFFF;
		font-weight:bold;
		font-size:1.5em;
		font-family:Palatino Linotype, Palatino, URW Palladio L, Book Antiqua, Baskerville, Bookman Old Style, Bitstream Charter, Nimbus Roman No9 L, Garamond, New Century Schoolbook, Century Schoolbook, Century Schoolbook L, Georgia;}
		
	.navElementSubtext {
		color:#FFE9A4;
		font-size:0.9em;
		font-family:Cambria, Hoefler Text, Utopia, Liberation Serif, Nimbus Roman No9 L, Times, Times New Roman;}

/*-----------------------------------------------------------------
	5. Secondary Nav
------------------------------------------------------------------*/
.subNavLink {
	background:#293A23;}
	
.subNavLinkActive {
	background:#3D4C38;} 
	


/*-----------------------------------------------------------------
	6. Content
------------------------------------------------------------------*/
#contentContainer {
	background:#D3D3D3;
	color:#000;
	font-size:1.2em;}
	
	#content {
		margin:40px 20px 20px 20px;}
		
		#content a:link, #content a:visited, #content a:hover, #content a:active {
			color:#437584;
			text-decoration:underline;
			font-weight:bold;}
			
		#content a:hover {
			text-decoration:underline;}
			
.caption {
	font-size:0.8em;
	font-style:italic;
	font-weight:normal;}


/*-----------------------------------------------------------------
	6. Content
		A. index.html
------------------------------------------------------------------*/
#welcomeTextContainer {
	margin:0 50px 0 50px;
	text-align:justify;}
	
	#welcomeTextContainer h1 {
		font-size:1.4em;
		margin:0 0 0 0;
		padding:0 0 0 0;
		color:#1D353F;}
		
	#welcomeTextContainer h2 {
		font-size:1.4em;
		margin:0 0 0 0;
		padding:0 0 0 0;
		color:#1D353F;}
		
	#welcomeTextContainer h3 {
		font-size:1.4em;
		margin:0 0 0 0;
		padding:0 0 0 0;
		color:#1D353F;}
		
	#welcomeText {
		margin:0px 0 10px 0px;
		padding:0 0 10px 0;
		border-bottom:1px solid #254251;}
		
		#welcomeText img {
			margin:0 0 0 40px;}
		
	#welcomeTextMain {
		float:left;
		width:500px;
		height:860px;
		font-size:0.9em;}
		
		#welcomeTextMain ul {
			margin:10px 0 20px 0px;}
			
		#welcomeTextMain li {
			color:#FFE9A4;
			padding:5px 0 5px 0;
			list-style-image:url(../images/paybycheck_icon_check.gif);}
			
			#welcomeTextMain li p {
				color:#000000;
				padding:0;
				margin:0;}
				
		#welcomeTextMain em {
			font-style:normal;
			font-weight:bold;}
		
	#welcomeTextSide {
		float:left;
		padding:0;
		margin:20px 10px 380px 70px;
		width:220px;
		text-align:center;
		font-size:0.9em;
		height:640px;
		color:#000000;}
		
		#welcomeTextSide h4 {
			text-align:center;
			color:#1D353F;
			margin:5px 0 5px 0;
			padding:0;}
			
			#graphContainer {
				width:195px;
				text-align:center;
				margin:0 0 5px 0;}
				
			#welcomeTextSide em {
				font-style:normal;}
				
		.factElement {
			background:#254251;
			padding: 20px 15px 20px 15px;
			color:#FFFFFF;
			margin:10px 0 80px 0;
			text-align:justify;}
				
#tagline {
	text-align:center;
	margin:30px 0 30px 0;
	font-style:italic;
	font-weight:bold;
	font-size:1.3em;
	color:#1D353F;}
	
	#tagline em {
		font-weight:bold;}
	
	
/*-----------------------------------------------------------------
	6. Content
	   B. ach.html
------------------------------------------------------------------*/
#achContentContainer {
	text-align:justify;
	font-size:0.9em;
	margin:0 50px 0 50px;}
	
	#achContentContainer em {
		font-weight:bold;
		font-style:normal;}
	
	#achContentContainer a:link, #achContentContainer a:visited, #achContentContainer a:hover, #achContentContainer a:active {
		text-decoration:none;}
		
	#achContentContainer a:hover {
		text-decoration:underline;}
	
	#achContentContainer h1 {
		color:#1D353F;
		padding:0 0 15px 0;
		margin:20px 0 10px 0;
		border-bottom:1px solid #1D353F;}
		
	#achContentContainer h2 {
		color:#1D353F;
		font-size:1.4em;
		padding:0 0 0 0;
		margin:0 0 5px 0;}
		
	#achContentContainer h3 {
		color:#1D353F;
		font-size:1.1em;
		padding:0 0 0 0;
		margin:0 0 0 0;}
		
	#achContentContainer ul {
		margin:0 0 20px 40px;
		}
		
		#achContentContainer li.fancyBullet  {
			list-style-image:url(../images/paybycheck_icon_check.gif);}
		
	#ineligibleListTable {
		width:730px;
		margin:0 0 0 70px;}
		
		#ineligibleListTable td {
			width:300px;} 
		
	#achHowItWorksImage {
		margin:0 0 0 50px;}

.indent {
	margin-left:15px;}
	
	
/*-----------------------------------------------------------------
	6. Content
	   C. check.html
------------------------------------------------------------------*/
 #checkContentContainer {
	text-align:justify;
	font-size:0.9em;
	margin:0 50px 0 50px;}
	
	#checkContentContainer ol {
		width:700px;
		margin:0 0 0 40px;}
		
		#checkContentContainer ol li {
			padding:0px 0 5px 0;}
	
	#checkContentContainer em {
		font-weight:bold;
		font-style:normal;}
	
	#checkContentContainer a:link, #checkContentContainer a:visited, #checkContentContainer a:hover, #checkContentContainer a:active {
		text-decoration:none;}
		
	#checkContentContainer a:hover {
		text-decoration:underline;}
	
	#checkContentContainer h1 {
		color:#1D353F;
		padding:0 0 15px 0;
		margin:20px 0 10px 0;
		border-bottom:1px solid #1D353F;}
		
	#checkContentContainer h2 {
		color:#1D353F;
		font-size:1.4em;
		padding:0 0 0 0;
		margin:0 0 5px 0;}
		
	#checkContentContainer h3 {
		color:#1D353F;
		font-size:1.1em;
		padding:0 0 0 0;
		margin:0 0 0 0;}
		
	#checkHowItWorksImage {
		margin:0 0 0 50px;}
	
	
	
/*-----------------------------------------------------------------
	6. Content
	   D. features.html
------------------------------------------------------------------*/
#featuresSubNavContainer {
	margin:-31px 0 50px 60px;}
	 
	#featuresSubNavContainer ul {
		list-style:none;}
		
	#featuresSubNavContainer li {
		display:inline;
		font-size:1.0em;
		padding:0px 0px 0px 0px;
		margin:0 -2px 0 0;}
		
	#featuresSubNavContainer a:link, #featuresSubNavContainer a:visited, #featuresSubNavContainer a:hover, #featuresSubNavContainer a:active {
		text-decoration:none;
		padding:10px;
		font-weight:normal;
		font-size:0.9em;
		color:#FFE9A4;}
		
	#featuresSubNavContainer a:hover {
		background:#3D4C38;}

#featureContentContainer {
	text-align:justify;
	font-size:0.9em;
	margin:0 50px 0 50px;}
	
	#featureContentContainer em {
		font-weight:bold;
		font-style:normal;}
	
	.green {
		color:green;}
	
	#featureContentContainer a:link, #featureContentContainer a:visited, #featureContentContainer a:hover, #featureContentContainer a:active {
		text-decoration:none;}
		
	#featureContentContainer a:hover {
		text-decoration:underline;}
	
	#featureContentContainer h1 {
		color:#1D353F;
		font-size:1.4em;
		padding:0 0 15px 0;
		margin:20px 0 10px 0;
		border-bottom:1px solid #1D353F;}
		
	#featureContentContainer h2 {
		margin:0 0 10px 0;
		font-size:1.4em;
		padding:0 0 0 0;
		color:#1D353F;}
		
	#featureContentContainer ul {
		margin:0 0 20px 40px;
		}
		
		#featureContentContainer li {
			padding:3px 0 3px 0;
			list-style-image:url(../images/paybycheck_icon_check.gif);}
		
		
	#featuresPriceTable {
		width:80%;
		margin:0 0 0 80px;}
		
		.featuresPriceTableHeader {
			background:#254251;
			padding:5px 5px 5px 15px;
			color:#FFE9A4;
			border:1px solid #D3D3D3;
			text-align:left;}
			
		.featuresPriceTableContent {
			padding:5px;
			text-align:center;}
			
		.featuresPriceTableRow:hover td {
			background:#293A23;
			color:#FFFFFF;}
		
		#featuresPriceTableCaption {
			padding:20px 0 20px 20px;
			font-size:0.8em;
			text-align:right;}
		
		
	#cartTable {
		width:100%;
		margin:0 0 50px 0;
		font-size:1.1em;}
		
		.cartTableRow {
			}
			
		.cartTableRow:hover td.cartTableDescriptionCell, .cartTableRow:hover td.cartTableLogoCell {
			background:#9B9B9B;}
			
			
		.cartTableRowAlt {
			background:#7F7F7F;}
			
		.cartTableBufferCell {
			width:70px;
			background:#D3D3D3;}
			
		.cartTableDescriptionCell {
			vertical-align:middle;
			padding:0 0 0 20px;
			width:230px;
			background:#AAAAAA;
			border-right:4px solid #D3D3D3;
			border-bottom:4px solid #D3D3D3;}
			
			
		.cartTableLogoCell {
			padding:10px;
			text-align:center;
			background:#AAAAAA;
			border-bottom:4px solid #D3D3D3;}
			
			.cartTableLogoCell img {
				border:1px dashed black;}
				
				
	.whiteBack {
		background:#FFFFFF;
		padding:5px;}


/*-----------------------------------------------------------------
	6. Content
		E. iticart.html
------------------------------------------------------------------*/
#itiCartContentContainer {
	margin:0 100px 30px 100px;}

	#itiCartContentContainer h1 {
		color:#1D353F;
		padding:0 0 15px 0;
		margin:20px 0 30px 0;
		border-bottom:1px solid #1D353F;}
		
	#itiCartContentContainer h2 {
		margin:0 0 10px 0;
		font-size:1.1em;
		padding:0 0 0 0;
		color:#1D353F;}
		
	#itiCartContentContainer em {
		font-style:normal;}
		
	#itiCartContentContainer table {
		width:100%;
		margin:0 0 90px 0;}
		
		#itiCartContentContainer td {
			vertical-align:top;}


/*-----------------------------------------------------------------
	6. Content
	   F. demo.html
------------------------------------------------------------------*/
#demoContentContainer {
    margin:0 50px 30px 50px;
    font-family:Georgia, Palatino, Palatino Linotype, Times, Times New Roman, serif;
	font-size:0.8em;}
	
	#demoContentContainer h1 {
		color:#1D353F;
		padding:0 0 15px 0;
		margin:20px 0 30px 0;
		border-bottom:1px solid #1D353F;}
		
	#demoContentContainer h5 {
		color:#1D353F;
		padding:0 0 5px 0;
		margin:50px 0 30px 0;}
	
	#demoSubNavContainer {
		margin:-30px 0 50px 320px;}
	 
		#demoSubNavContainer ul {
			list-style:none;}
		
		#demoSubNavContainer li {
			display:inline;
			font-size:1.0em;
			padding:0px 0px 0px 0px;
			margin:0 1px 0 0;}
		
		#demoSubNavContainer a:link, #demoSubNavContainer a:visited, #demoSubNavContainer a:hover, #demoSubNavContainer a:active {
			text-decoration:none;
			padding:10px;
			font-weight:normal;
			font-size:0.9em;
			color:#FFE9A4;}
		
	#demoSubNavContainer a:hover {
		background:#3D4C38;}

    #demoMethod1Container {
        background:url(../images/paybycheck_diagram_method1_background.gif) no-repeat top left;
        width:713px;
        height:385px;
        position:relative;
        margin:0 auto 0 auto;
        color:white;}
        
    .demoImageContainer {
        width:280px;
        height:210px;
        position:absolute;
        top:80px;
        left:50px;}
        
        /* METHOD 1 - IMAGE 1 */
        /* -------------------------------------------------------------------*/
        #demoMethod1Image1 {
            background:url(../images/paybycheck_diagram_method1_step1_image.gif) no-repeat 0px 69px;
            width:100%;
            height:100%;
            display:block;}
            
        /* METHOD 1 - IMAGE 2 */
        /* -------------------------------------------------------------------*/
        #demoMethod1Image2 {
            background:url(../images/paybycheck_diagram_method1_step2_image.gif) no-repeat 0px 60px;
            width:100%;
            height:100%;
            position:relative;
            display:none;}
            
            #demoMethod1Image2Text {
                position:absolute;
                width:110px;
                height:15px;
                font-size:0.8em;
                top:130px;
                left:175px;
                cursor:pointer;}
                
            #demoMethod1Image2Image {
                position:absolute;
                background:#000000;
                padding:0 10px 10px 10px;
                top:-130px;
                left:50px;
                z-index:1000;
                display:none;
                cursor:pointer;
                font-size:0.9em;
                text-align:right;}
                
            #demoMethod1Image2HoverBox {
                width:60px;
                height:60px;
                top:65px;
                left:185px;
                position:absolute;
                cursor:pointer;}
                
        /* METHOD 1 - IMAGE 3 */
        /* -------------------------------------------------------------------*/
        #demoMethod1Image3 {
            background:url(../images/paybycheck_diagram_method1_step3_image.gif) no-repeat 0px 60px;
            width:100%;
            height:100%;
            position:relative;
            display:none;}
            
            #demoMethod1Image3Text {
                position:absolute;
                width:110px;
                height:15px;
                font-size:0.8em;
                top:130px;
                left:183px;
                cursor:pointer;}
                
            #demoMethod1Image3Image {
                position:absolute;
                background:#000000;
                padding:0 10px 10px 10px;
                top:-100px;
                left:-90px;
                z-index:1000;
                display:none;
                cursor:pointer;
                font-size:0.9em;
                text-align:right;}
                
            #demoMethod1Image3HoverBox {
                width:60px;
                height:60px;
                top:65px;
                left:185px;
                position:absolute;
                cursor:pointer;}
             
        /* METHOD 1 - IMAGE 4 */
        /* -------------------------------------------------------------------*/
        #demoMethod1Image4 {
            background:url(../images/paybycheck_diagram_method1_step4_image.gif) no-repeat 0px 20px;
            width:100%;
            height:100%;
            position:relative;
            display:none;}
            
        /* METHOD 1 - IMAGE 5 */
        /* -------------------------------------------------------------------*/
        #demoMethod1Image5 {
            background:url(../images/paybycheck_diagram_method1_step5_image.gif) no-repeat 0px 20px;
            width:100%;
            height:100%;
            position:relative;
            display:none;}
            
        /* METHOD 1 - IMAGE 6 */
        /* -------------------------------------------------------------------*/
        #demoMethod1Image6 {
            background:url(../images/paybycheck_diagram_method1_step6_image.gif) no-repeat 0px 20px;
            width:100%;
            height:100%;
            position:relative;
            display:none;}
            
        /* METHOD 1 - IMAGE 7 */
        /* -------------------------------------------------------------------*/
        #demoMethod1Image7 {
            background:url(../images/paybycheck_diagram_method1_step7_image.gif) no-repeat 0px 20px;
            width:100%;
            height:100%;
            position:relative;
            display:none;}
            
        /* METHOD 1 - IMAGE 8 */
        /* -------------------------------------------------------------------*/
        #demoMethod1Image8 {
            background:url(../images/paybycheck_diagram_method1_step8_image.gif) no-repeat 0px 20px;
            width:100%;
            height:100%;
            position:relative;
            display:none;}
            
        /* METHOD 1 - IMAGE 9 */
        /* -------------------------------------------------------------------*/
        #demoMethod1Image9 {
            background:url(../images/paybycheck_diagram_method1_step9_image.gif) no-repeat 0px 20px;
            width:100%;
            height:100%;
            position:relative;
            display:none;}
            
            #demoMethod1Image9Text {
                position:absolute;
                width:110px;
                height:15px;
                font-size:0.8em;
                top:160px;
                left:100px;
                cursor:pointer;}
                
            #demoMethod1Image9Image {
                position:absolute;
                background:#000000;
                padding:0 10px 10px 10px;
                top:-180px;
                left:50px;
                z-index:1000;
                display:none;
                cursor:pointer;
                font-size:0.9em;
                text-align:right;}
                
            #demoMethod1Image9HoverBox {
                width:110px;
                height:135px;
                top:20px;
                left:85px;
                position:absolute;
                cursor:pointer;}
         
    .demoDescriptionContainer {
        width:280px;
        height:210px;
        position:absolute;
        top:80px;
        right:60px;
        text-align:justify;}
        
        .demoDescriptionContainer h6 {
            margin:0 0 5px 0;
            padding:0;}
            
        .demoDescriptionContainer p {
            margin:5px 0 15px 20px;}
            
            
        #demoMethod1Description1 {
            padding:40px 0 0 0;
            display:block;}
            
        #demoMethod1Description2 {
            padding:40px 0 0 0;
            display:none;}
            
        #demoMethod1Description3 {
            padding:10px 0 0 0;
            display:none;}
            
        #demoMethod1Description4 {
            padding:40px 0 0 0;
            display:none;}
            
        #demoMethod1Description5 {
            padding:0 0 0 0;
            display:none;}
            
        #demoMethod1Description6 {
            padding:20px 0 0 0;
            display:none;}
           
        #demoMethod1Description7 {
            padding:0 0 0 0;
			position:relative;
            display:none;}
			
			#apnInfoLink {
				font-size:0.9em;
				font-weight:bold;
				cursor:pointer;}
				
			#apnInfoDescription {
                position:absolute;
                background:#000000 ;
                padding:0 10px 10px 10px;
				color:#FFFFFF;
                top:-80px;
                left:40px;
				width:500px;
                z-index:2000;
                display:none;
                cursor:pointer;
                font-size:0.9em;
                text-align:right;}
				
				#apnInfoDescription h5 {
					text-align:center;}
				
				#apnInfoDescription div {
					background:#B7B6B6;
					color:#000000;
					text-align:justify;
					padding:20px;}
            
        #demoMethod1Description8 {
            padding:0 0 0 0;
            display:none;}
            
        #demoMethod1Description9 {
            padding:0 0 0 0;
            display:none;}
			
        
        
    .demoNextLink {
        height:40px;
        width:90px;
        position:absolute;
        top:325px;
        right:25px;
        cursor:pointer;}
        
        
    .demoPrevLink {
        height:40px;
        width:90px;
        position:absolute;
        top:325px;
        left:20px;
        cursor:pointer;}
        
    #demoMethod1PageIconContainer {
        position:absolute;
        text-align:center;
        width:270px;
        height:12px;
        top:340px;
        left:118px; 
        padding:0 0 0 180px;}
        
        .demoPageIconFilled {
            width:12px;
            height:12px;
            background:url(../images/paybycheck_diagram_pageicon_filled.gif) no-repeat top left;
            float:left;}
            
        .demoPageIcon {
            width:12px;
            height:12px;
            background:url(../images/paybycheck_diagram_pageicon.gif) no-repeat top left;
            float:left;}

	/*--------------------------------------------------------------------------
		METHOD 2 DIAGRAM
	--------------------------------------------------------------------------*/
	#demoMethod2Container {
        background:url(../images/paybycheck_diagram_method2_background.gif) no-repeat top left;
        width:713px;
        height:385px;
        position:relative;
        margin:50px auto 0 auto;
        color:white;}
        
        /* METHOD 2 - IMAGE 1 */
        /* -------------------------------------------------------------------*/
        #demoMethod2Image1 {
            background:url(../images/paybycheck_diagram_method2_step1_image.gif) no-repeat 0px 30px;
            width:100%;
            height:100%;
            display:block;}
            
        /* METHOD 2 - IMAGE 2 */
        /* -------------------------------------------------------------------*/
        #demoMethod2Image2 {
            background:url(../images/paybycheck_diagram_method2_step2_image.gif) no-repeat 0px 30px;
            width:100%;
            height:100%;
            position:relative;
            display:none;}
			
		/* METHOD 2 - IMAGE 3 */
        /* -------------------------------------------------------------------*/
        #demoMethod2Image3 {
            background:url(../images/paybycheck_diagram_method2_step3_image.gif) no-repeat 0px 30px;
            width:100%;
            height:100%;
            position:relative;
            display:none;}
			
		/* METHOD 2 - IMAGE 4 */
        /* -------------------------------------------------------------------*/
        #demoMethod2Image4 {
            background:url(../images/paybycheck_diagram_method2_step2_image.gif) no-repeat 0px 30px;
            width:100%;
            height:100%;
            position:relative;
            display:none;}
			
		/* METHOD 2 - IMAGE 5 */
        /* -------------------------------------------------------------------*/
        #demoMethod2Image5 {
            background:url(../images/paybycheck_diagram_method2_step3_image.gif) no-repeat 0px 30px;
            width:100%;
            height:100%;
            position:relative;
            display:none;}
            
            
        #demoMethod2Description1 {
            padding:40px 0 0 0;
            display:block;}
            
        #demoMethod2Description2 {
            padding:40px 0 0 0;
            display:none;}
			
		#demoMethod2Description3 {
            padding:40px 0 0 0;
            display:none;}
			
		#demoMethod2Description4 {
            padding:40px 0 0 0;
            display:none;}
			
		#demoMethod2Description5 {
            padding:40px 0 0 0;
            display:none;}
			
        
    #demoMethod2PageIconContainer {
        position:absolute;
        text-align:center;
        width:270px;
        height:12px;
        top:340px;
        left:140px; 
        padding:0 0 0 180px;}
		
	/*--------------------------------------------------------------------------
		METHOD 3 DIAGRAM
	--------------------------------------------------------------------------*/
	#demoMethod3Container {
        background:url(../images/paybycheck_diagram_method3_background.gif) no-repeat top left;
        width:713px;
        height:385px;
        position:relative;
        margin:50px auto 0 auto;
        color:white;}
        
        /* METHOD 3 - IMAGE 1 */
        /* -------------------------------------------------------------------*/
        #demoMethod3Image1 {
            background:url(../images/paybycheck_diagram_method3_step1_image.gif) no-repeat 0px 20px;
            width:100%;
            height:100%;
            display:block;}
			
		#demoMethod3Image2 {
            background:url(../images/paybycheck_diagram_method3_step2_image.gif) no-repeat 0px 60px;
            width:100%;
            height:100%;
            display:none;}
			
		#demoMethod3Image3 {
            background:url(../images/paybycheck_diagram_method3_step3_image.gif) no-repeat 0px 30px;
            width:100%;
            height:100%;
            display:none;}
			
		#demoMethod3Image4 {
            background:url(../images/paybycheck_diagram_method3_step4_image.gif) no-repeat 0px 30px;
            width:100%;
            height:100%;
            display:none;}
            
        #demoMethod3Description1 {
            padding:40px 0 0 0;
            display:block;}
            
		#demoMethod3Description2 {
            padding:40px 0 0 0;
            display:none;}
			
		#demoMethod3Description3 {
            padding:40px 0 0 0;
            display:none;}
			
		#demoMethod3Description4 {
            padding:40px 0 0 0;
            display:none;}
        
    #demoMethod3PageIconContainer {
        position:absolute;
        text-align:center;
        width:270px;
        height:12px;
        top:340px;
        left:145px; 
        padding:0 0 0 180px;}


/*-----------------------------------------------------------------
	6. Content 
		F. Demo
			I. htmlhelp.html
------------------------------------------------------------------*/
#instructionsContentContainer {
    margin:0 50px 30px 50px;
	font-size:0.9em;}
	
	#instructionsContentContainer h1 {
		color:#1D353F;
		padding:0 0 15px 0;
		margin:20px 0 30px 0;
		border-bottom:1px solid #1D353F;}
		
	#instructionsContentContainer h5 {
		color:#1D353F;
		padding:0 0 5px 0;
		margin:50px 0 30px 0;
		border-bottom:1px solid #1D353F;}
		
	#instructionsContentContainer em {
		font-weight:bold;
		font-style:normal;}
		
	#instructionsContentContainer a:link, #instructionsContentContainer a:visited, #instructionsContentContainer a:active {
		text-decoration:none;}
		
	.demoToc {
		float:right;
		margin:10px 0px 15px 25px;
		padding:20px;
		background:#9B9B9B;}
		
		.demoToc h6 {
			text-align:center;
			padding:0;
			margin:0 0 5px 0;}
		
	.var1 {
		color:blue;}
		
	.var2 {
		color:green;}
		
	.var3 {
		color:white;}
		
	.var4 {
		color:purple;}
	
	.codeBox {
		background:#FFFFFF;
		padding:15px;
		margin:20px 0 20px 15px;}
		
	.storeButton {
		margin:0 0 -8px 0;
		cursor:pointer;}


/*-----------------------------------------------------------------
	6. Content
		F. Demo
			II. filehelp.html
------------------------------------------------------------------*/
#fileHelpContentContainer {
	margin:0 50px 0 50px;
	padding-bottom:50px;
	font-size:0.9em;
	text-align:justify;}
	
	#fileHelpContentContainer a:link, #fileHelpContentContainer a:visited, #fileHelpContentContainer a:active {
		text-decoration:none;}
	
	#fileHelpContentContainer h1 {
		color:#1D353F;
		padding:0 0 15px 0;
		margin:20px 0 10px 0;
		border-bottom:1px solid #1D353F;}
		
	#fileHelpContentContainer h2 {
		color:#1D353F;
		padding:5px 0 5px 0;
		margin:25px 0 25px 0;
		border-bottom:1px solid #1D353F;}
		
	#fileHelpContentContainer h3 {
		color:#1D353F;
		padding:5px 0 5px 0;
		margin:15px 0 5px 0;}
		
	#fileHelpContentContainer h4 {
		color:#1D353F;
		padding:5px 0 5px 0;
		margin:5px 0 5px 0;}
		
	#fileHelpContentContainer h5 {
		color:#1D353F;
		padding:5px 0 5px 0;
		margin:5px 0 5px 0;}
		
	#fileHelpContentContainer em {
		font-style:normal;}
		
	#fileHelpContentContainer ul {
		margin:10px 0 20px 35px;}
		
		#fileHelpContentContainer li {
			margin:0 0 10px 0;}
		
		#fileHelpContentContainer form {
			margin:0 0 0 15px;}
		
		
	.formatTable {
		width:100%;}
		
		.formatTableHeaderRow {
			background:#9B9B9B;
			font-weight:bold;
			text-align:center;}
			
			.formatTableHeaderRow td {
				padding:5px;
				border-right:2px solid #B7B6B6;}
			
		.formatTableCol1 {
			text-align:center;
			width:60px;
			padding:10px;
			background:#AAAAAA;
			border-top:2px solid #B7B6B6;
			border-right:2px solid #B7B6B6; }
			
		.formatTableCol2 {
			width:80px;
			border-top:2px solid #B7B6B6;
			border-right:2px solid #B7B6B6; 
			padding:10px;
			background:#AAAAAA;}
			
		.formatTableCol3 {
			border-top:2px solid #B7B6B6;
			border-right:2px solid #B7B6B6; 
			padding:10px;
			background:#AAAAAA;}
			
		.formatTableCol4 {
			border-top:2px solid #B7B6B6;
			padding:10px;
			width:200px;
			background:#AAAAAA;}
	
	
	
/*-----------------------------------------------------------------
	6. Content
	   G. compare.html 
------------------------------------------------------------------*/
#calcContainer {
	height:400px;
	font-size:0.9em;
	margin:0 0 0 0;
	text-align:justify;}
	
	#calcContainer h1 {
		color:#1D353F;
		padding:0 0 15px 0;
		margin:20px 0 10px 0;
		border-bottom:1px solid #1D353F;}
		
	#payitgreenContainer {
		height:150px;
		font-size:0.9em;
		margin:50px 0 0 0;
		text-align:justify;}
		
	#payitgreenContainer h1 {
		color:#1D353F;
		padding:0 0 5px 0;
		margin:20px 0 10px 0;
		border-bottom:1px solid #1D353F;}
	

#calculatorResultSavings {
		margin:230px 0 0 385px;
		height:45px;
		width:480px;
		text-align:center;
		vertical-align:middle;
		font-size:20px;}

.calculatorElementContainer {
	width:350px;
	vertical-align:middle;
	margin:5px 0 5px 0;
	height:20px;}
	
.calculatorElementLabel {
	text-align:right;
	width:240px;
	font-weight:bold;
	float:left;
	height:23px;
	font-size:0.8em;
	padding:0 5px 0 0;}
	
.calculatorElementInput {
	width:100px;
	text-align: left;
	float:right;
	height:23px;} 
	
.calculatorResultsContainer {
	width:230px;
	vertical-align:middle;
	margin:5px 0 5px 0;
	height:23px;}
	
.calculatorResultsLabel {
	text-align:right;
	width:130px; 
	float:left;
	height:23px;
	padding:0 5px 0 0;}
	
.calculatorResultsInput {
	width:90px;
	text-align: left;
	float:right;
	height:23px;} 	
	
.calculatorResultsInput input {
	width:90px;
	border:0;
	background-color: #D3D3D3;} 
	
.calculatorResultTotal {
	text-align:left;
	font-size:20px;
	margin:20px 0 0 0;} 

.calculatorResultTotal input {
	font-size:40px;
	text-align:right;
	vertical-align:top;
	width: 190px;
	color:green;
	border:0;
	margin:0 0 0 -60px;
	background-color: #D3D3D3;}
	
#resultTotalSavings{
	font-size:30px;
	text-align:left;
	width:200px;
	vertical-align:middle;
	color:green;
	border:0;
	margin:0 0 0 0px;
	background-color: #D3D3D3;}


	
	
/*-----------------------------------------------------------------
	6. Content
	   H. signup.html
------------------------------------------------------------------*/
#signupContainer {
	margin:0 200px 0 200px;
	padding-bottom:50px;
	text-align:justify;
	font-size:0.9em;}
	
	#signupContactInfo {
		margin:0 0 0 20px;}
	
	#signupContainer img {
		float:right;
		margin:50px 0 300px 30px;}
		
	#signupContinueLink {
		margin:0 0 0 90px;}	

		
/*-----------------------------------------------------------------
	6. Content
	   I. faq.html
------------------------------------------------------------------*/
#faqContentContainer {
	margin:0 100px 70px 100px;
	font-size:0.9em;}
	
	#faqContentContainer a:link, #faqContentContainer a:visited, #faqContentContainer a:hover, #faqContentContainer a:active {
		text-decoration:underline;
		font-weight:bold;}
	
	#faqContentContainer h1 {
		color:#1D353F;
		padding:0 0 15px 0;
		margin:20px 0 10px 0;
		border-bottom:1px solid #1D353F;}
		
	#faqContactInfo {
		margin:60px 0 0 30px;}
	
	.faqElementContainer {
		margin:30px 0 0 0;}
	
	.faqLink {
		cursor:pointer;
		color:#287187;
		font-weight:bold;
		margin:5px 0 0px 25px;
		font-size:1.1em;}
		
	.faqDescription {
		display:none;}
		
	.faqDescriptionVisible {
		display:block;
		margin:0 0 0 50px;}
		
		.faqDescriptionVisible h6 {
			margin:5px 0 0 -5px;
			padding:0;}
	
	
	
/*-----------------------------------------------------------------
	7. Footer
------------------------------------------------------------------*/	
#footerContainer {
	font-size:1.1em;
	color:#FFE9A4;
	padding:20px 0 0 0;
	margin:0 0 300px 0;
	text-align:center;}
	
	#footerContainer a:link, #footerContainer a:visited, #footerContainer a:hover, #footerContainer a:active {
		text-decoration:none;
		color:#FFE9A4;
		font-weight:bold;}
		
	#footerContainer a:hover {
		text-decoration:underline;}