/*-----------------------------------------------------------------
	ITI Internet Services
	Rebate By Check
	
	Thor Hanks DID NOT pick the colors for this site. :(
	
	Color List:
	#0A1D2D		Background - Main (Dark Blue)
	#D1DEE5		Background - Content (Very Light Blue)
	#0C274F		Background - Nav Bar (Blue)
	#062235		Background - Nav Element Not Active (Dark Blue)
	#15416D		Background - Nav Element Active Highlight (Light Blue)
	#FFF680		Text - Primary Nav (Bright Yellow)
	#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. Content
		   A. index.html
		   B. signup.html
		   C. ach.html, check.html
		   D. legal.html
		6. Footer
------------------------------------------------------------------*/

/*-----------------------------------------------------------------
	1. Misc Styles
------------------------------------------------------------------*/
body {
	background:#0A1D2D url(../images/rebate_background_main.png) repeat-x top left;}

.debug {
	background:#FFF;}

.debug2 {
	background:#000;}
	
em {
	font-weight:bold;
	text-decoration:none;
	font-style:italic;}


/*-----------------------------------------------------------------
	2. Logo Header
------------------------------------------------------------------*/
#logoHeaderContainer {
	height:50px;
	margin:10px 0 10px 0;}
	
	#logoContainer {
		float:left;
		border:0;
		text-decoration:none;}
		
	#loginContainer {
		height:50px;
		color:#000000;
		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/rebate_banner.png) 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:#0C274F;}
	
	#navWrapper {
		width:562px;
		height:50px;
		margin:0 auto 0 auto;}
	
	.navElement {
		padding:5px 20px 0 20px;
		height:55px;
		float:left;
		border-right:1px solid black;
		border-left:1px solid black;
		background:#062235;}
		
		.navElement a:link, .navElement a:visited, .navElement a:hover, .navElement a:active {
			text-decoration:none;}
		
		.navElement:hover {
			background:#15416D;}
		
	.navElementActive {
		background:#15416D;
		border-right:1px solid black;
		border-left:1px solid black;
		padding:5px 20px 0 20px;
		float:left;
		height:55px;}
		
		.navElementActive a:link, .navElementActive a:visited, .navElementActive a:hover, .navElementActive a:active {
			text-decoration:none;}
		
	.navElementName {
		color:#FFF680;
		font-weight:bold;
		font-size:20px;
		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:13px;
		font-family:Cambria, Hoefler Text, Utopia, Liberation Serif, Nimbus Roman No9 L, Times, Times New Roman;}


/*-----------------------------------------------------------------
	5. Content
------------------------------------------------------------------*/
#contentContainer {
	background:#D1DEE5;
	color:#000;
	font-family:Arial, Helvetica Neue, Helvetica, sans-serif;}
	
	#content {
		margin:40px 20px 20px 20px;}
		
		#content a:link, #content a:visited, #content a:hover, #content a:active {
			color:#0C274F;
			text-decoration:underline;
			font-weight:bold;}
			
		#content a:hover {
			text-decoration:underline;}


/*-----------------------------------------------------------------
	5. Content
		A. index.html
------------------------------------------------------------------*/
#howItWorksImage {
	background:url(../images/rebate_diagram_howitworks.gif) no-repeat top left;
	height:280px;
	width:680px;
	margin:0 0 0 110px;}

#welcomeTextBlurbContainer {
		margin:20px 0 0 0;
		height:320px;
		font-family:Arial, Helvetica Neue, Helvetica, sans-serif;}
		
		.welcomeTextBlurbCenter {
			width:600px;
			margin:0 auto 0 auto;
			font-size:1.0em;
			text-align:center;}
			
			.welcomeTextBlurbCenter h4 {
				text-align:center;
				margin:0;
				padding:0 0 5px 0;}
			
		.welcomeTextBlurbLeft {
			float:left;
			width:280px;
			text-align:justify;
			font-size:0.9em;
			margin:20px 0px 0 40px;}
			
		.welcomeTextBlurbRight {
			float:right;
			width:280px;
			text-align:justify;
			font-size:0.9em;
			margin:20px 40px 0 0;}
			
			.welcomeTextBlurbLeft h5, .welcomeTextBlurbRight h5 {
				text-align:center;
				margin:0;
				padding:0 0 5px 0;}


#tagline {
	text-align:center;
	margin:30px 0 30px 0;
	font-family:Arial, Helvetica Neue, Helvetica, sans-serif;}
	
	
/*-----------------------------------------------------------------
	5. Content
	   B. signup.html
------------------------------------------------------------------*/
#signupContainer {
	font-family:Arial, Helvetica Neue, Helvetica, sans-serif;
	margin:0 200px 0 200px;
	padding-bottom:50px;
	text-align:justify;}
	
	#signupContactInfo {
		margin:0 0 0 60px;}
	
	#signupContainer img {
		float:right;
		margin:50px 0 150px 30px;}
		
	#signupContinueLink {
		margin:0 0 0 90px;}	

		
/*-----------------------------------------------------------------
	5. Content
	   B. faq.html
------------------------------------------------------------------*/
#faqContentContainer {
	margin:0 100px 70px 100px;
	font-family:Arial, Helvetica Neue, Helvetica, sans-serif;}
	
	#faqContentContainer a:link, #faqContentContainer a:visited, #faqContentContainer a:hover, #faqContentContainer a:active {
		text-decoration:underline;
		font-weight:bold;}
	
	#faqContentContainer h5 {
		margin:25px 0 0 10px; 
		padding:0;}
		
	#faqContactInfo {
		margin:0 0 0 10px;}
	
	.faqLink {
		cursor:pointer;
		color:#0C274F;
		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;}

			
/*-----------------------------------------------------------------
	5. Content
	   C. ach.html, check.html
------------------------------------------------------------------*/
#processingDescriptionContainer {
	margin:0 100px 0 100px;
	padding-bottom:50px;
	text-align:justify;}
	
	.processingDescriptionCaption {
		font-style:italic;
		font-size:0.9em;}
	
	#processingDescriptionContainer h3 {
		text-align:center;}
		
	#processingDescriptionContainer h5 {
		margin-top:40px;
		text-align:center;}
		
	#processingDescriptionContainer h6 {
		margin:10px 0 10px 0;
		padding:0;}
		
	#processingDescriptionContainer em {
		font-weight:bold;
		font-style:normal;}
		
	#processingDescriptionToc {
		width:170px;
		padding:5px 5px 5px 5px;
		background:#062235;
		float:left;
		font-size:0.9em;
		color:#FFE9A4;
		margin:0px 25px 15px 15px;}
		
		#processingDescriptionContainer ul {
			list-style:disc;
			margin:0 0 5px -3px;}
		
		#processingDescriptionToc h5 {
			text-align:center;
			padding:0 0 5px 0;
			margin:0;
			border:0;}
			
		#processingDescriptionToc a:link, #processingDescriptionToc a:active, #processingDescriptionToc a:hover, #processingDescriptionToc a:visited {
			text-decoration:none;
			font-weight:bold;
			color:#FFE9A4;
			cursor:pointer;}
			
		#processingDescriptionToc a:hover {
			text-decoration:underline;}
	
.tableFileSpec {
	width:700px;
	font-size:0.9em;
	color:black;}
	
	.tableFileSpec em {
		font-weight:normal;
		font-style:italic;}
	
	.tableFileSpecHeader {
		background:#0C274F;
		color:#FFE9A4;
		text-align:center;
		font-size:1.2em;}
		
		.tableFileSpecHeader td {
			border-right:1px solid #D1DEE5;
			border-left:1px solid #D1DEE5;
			background:#0C274F;}
		
		
	.tableFileSpecCol1 {
		width:60px;
		border-right:1px solid #D1DEE5;
		text-align:center;
		padding:5px;
		background:#96AEBA;}
		
	.tableFileSpecCol1Alt {
		width:60px;
		background:#BACDD8 ;
		border-right:1px solid #D1DEE5;
		text-align:center;
		padding:5px;}
		
		
	.tableFileSpecCol2 {
		width:90px;
		border-right:1px solid #D1DEE5;
		padding:5px;
		background:#96AEBA;}
		
	.tableFileSpecCol2Alt {
		width:90px;
		border-right:1px solid #D1DEE5;
		background:#BACDD8;
		padding:5px;}
		
		
	.tableFileSpecCol3 {
		border-right:1px solid #D1DEE5;
		padding:5px;
		background:#96AEBA;}
		
	.tableFileSpecCol3Alt {
		border-right:1px solid #D1DEE5;
		padding:5px;
		background:#BACDD8;}
		
		
	.tableFileSpecCol4 {
		width:200px;
		padding:5px;
		background:#96AEBA;}
		
	.tableFileSpecCol4Alt {
		width:200px;
		background:#BACDD8;
		padding:5px;}
		
	.tableFileSpecCaption {
		padding:10px;
		font-size:0.9em;}


.indent {
	margin-left:15px;}
	
/*-----------------------------------------------------------------
	5. Content
	   D. legal.html
------------------------------------------------------------------*/
#legalNoticeContainer {
	margin:0 200px 50px 200px;}
	
	#legalNoticeContainer h4 {
		text-align:center;}
	
	
	
/*-----------------------------------------------------------------
	6. Footer
------------------------------------------------------------------*/	
#footerContainer {
	font-size:0.9em;
	font-family:Arial, Helvetica Neue, Helvetica, sans-serif;
	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;}