/*-------------------------------------------------------
	Browser test complete:
	Internet explorer/Win: 5.0.1+ 
	Firefox: 1.07+
	Opera: 8.51+
	Safari: 1.2+
	iCab: 3.0+
	Camino: 1.0+
	Konqueror 3.0+
	Netscape browser: 8.0.2+
	Mozilla: 1.7.0+
-------------------------------------------------------*/


@import url("reset.css");
@import url("filters.css");

body {font:62.5% verdana, arial, sans-serif; min-height:101%; background:#E9E9E9;}
/*Important Note. font-size:1.3em = 13px, font-size:2.2em = 22px, etc..*/

a:link		{color:#4459bd; text-decoration:underline;}
a:visited 	{color:#4459bd; text-decoration:underline;}
a:hover 	{color:#000; text-decoration:none;}
a:active	{color:#000; text-decoration:underline;}

h1			{margin: 0 0 0.7em 0;}
h2			{margin:0;}
h3			{margin: 1em 0;}
h4 			{margin: 0 0 0.5em 0;}
h5			{margin:-0.6em 0 0.7em 0;}

p			{margin: 0 0 1em 0; line-height:1.6em;font-size:1.3em}
li			{font-size:1.3em}
h3			{font-size:1.9em}
h4			{font-size:1.2em;font-weight:bold}

/* 	1.1 Global Styles
	These styles reflect throughout the site.
-------------------------------------------------------*/	

#container {margin: 0 auto;	width:760px; border:1px solid #000; border-top:none; border-bottom:none; padding:0 19px; background:#fff;}

	#logos {float:left;width:760px;padding-top:10px;margin-bottom:10px;background:url(../images/mobilecompanies.gif) no-repeat 100% 50%;}
		#logos h1 {font-size:2.1em; padding: 32px 0 0 63px;background:url(../images/v96.gif) no-repeat top left;}
		#logos h1 a	{text-decoration:none; color:#000;}
			
	.action-pane-out {width:758px; float:left; border:1px solid #4459bd; margin-bottom:10px; }
		.action-pane {width:727px; padding:15px 10px 15px 20px; float:left; height:6.6em; background:#f3f3f3}
			.action-pane h2 {float:left; font-size:1.9em; margin:1em 0 0; padding:0}
			.action-pane h4 {float:left; font-size:1.9em; margin:1em 0 0; font-weight:normal}
			.action-pane form.apply-now {width:290px; float:right; margin:0}
			.action-pane img {float:right}
			
					
	.action-pane-out-top {width:758px; float:left; border:1px solid #4459bd; margin-bottom:10px; }
		.action-pane-top {width:727px; padding:15px 10px 15px 20px; float:left; height:6.6em; background:#f3f3f3}
			.action-pane-top h2 {float:left; font-size:1.9em; margin:.5em 0 0; padding:0}
			.action-pane-top h4 {float:left; font-size:1.9em; margin:1em 0 0; font-weight:normal}
			.action-pane-top form.apply-now {width:290px; float:right; margin:0}
			.action-pane-top img {float:right}

			
			
			
	#content {clear:both;float:left; text-align:center;width:738px; padding:0px 20px 0px 0px; margin-bottom:10px; border:1px solid #4459bd; background:#fff url(../images/woman.jpg) no-repeat bottom right;}
		#content h3 {color:#4459bd}
		#content ul li {font-size: 1.2em; line-height:1.3em; padding-left:20px; margin:10px 0; background: url(../images/smallarrow.gif) no-repeat 0 5px;} 
		
		#main-content {width: 440px; float:right}/*holds main body text*/
			#main-content h3 {margin:2em 0}
			#main-content ol li {list-style:none; padding: 20px 0 20px 45px; margin:0em 0;} /*ordered list (one with numbers)*/
				li.one		{background: url(../images/one.gif) no-repeat 0px 50%;}/* images for the numbers one, two and three*/
				li.two		{background: url(../images/two.gif) no-repeat 0px 50%;}
				li.three	{background: url(../images/three.gif) no-repeat 0px 50%;}	
			
	#navigation {clear:left;float:left;text-align:left;width:200px;border:1px solid #fe9542; padding:2px 2px; margin:5px 3px 10px 5px}
		#navigation ul li {border-bottom:1px solid black;display:block;font-size:1.0em;line-height:1.3em; margin:0px; padding:0px; background:none;}
				#navigation li a:link {text-decoration:none;}
				#navigation li a:hover {text-decoration:none;}
				#navigation li a:visited {text-decoration:none;}
				.navHeading {font-weight:bold; padding-left:2px;border-bottom:1px solid #fe9542;;font-size:1.2em;line-height:1.7em;background:#fe9542;}

	#warning {float:left;width:718px;padding:10px 0;}
		#warning p {line-height:1.3em; font-size:1.3em}

	#footer {clear:left;border-top:1px solid #4459bd;}
		#footer p {	margin:0;font-size:1.1em;text-align:center; padding: 20px 0;}
		
	table {font-size:1.0em}
		caption {font-weight:bold}
	

	
/*	1.1 Home page: #home
	These styles are exclusive to the homepage
-------------------------------------------------------*/	

			#details h4				{font-size:2.2em; color:#4459bd; font-weight:bold}
			#details ul 			{margin:0 0 2em 45px}
				#details ul li		{line-height:2em}	

/*	1.2 Credit Card Compare: #creditcard
	Exclusive to the credit card compare
-------------------------------------------------------*/				
		
	body#creditcard #content 		{background:url(../images/cardmanandwoman.jpg) no-repeat bottom right;}
	
		form fieldset		{opacity:0.7;filter:alpha(opacity=75); border:1px solid #1ec722; padding:10px 25px; background:#fff; margin-bottom:20px}
	
			form th 			{font-weight:bold}
				td.cardDetail		{width:220px; font-weight:bold}
				td.cardDetail1		{width:140px}
				td.cardDetail2		{width:120px}
				td.cardDetail3		{width:120px}
				td.cardDetail5		{width:108px; text-align:right}
				td.cardDetail6		{width:350px; font-weight:bold}
				td.cardDetail7		{width:320px; font-weight:bold}
			
			
			
/*	1.3 Credit Card Detail: #card-detail
	Exclusive to credit card in-depth details
-------------------------------------------------------*/		
			
		
	body#card-detail #content 		{background:url(../images/woman.jpg) no-repeat bottom right;}
	
		#overview 					{float:right; width:256px;opacity:0.7;filter:alpha(opacity=75); background:#fff; border:1px solid #fe9542; padding:10px 5px; margin:0px 0px 30px 10px}
			#overview table 		{width:256px;}
				#overview tr 		{line-height:1.4em}
					#overview  a:link	{color:#000; text-decoration:none;}
					#overview  a:visited 	{color:#000; text-decoration:none;}
					#overview  a:hover 	{color:#000; text-decoration:none;}
					#overview  a:active	{color:#000; text-decoration:none;}
						#overview td	{text-align:right}
					
					
		
.accordion-click1{
	float:right; 
	width: 512px;
	height: 27px;
	background: url('/images/accordion_toggle.png') no-repeat;
	font-size: 120%;
	cursor: hand;
	font-weight:bold;
	padding-top: 4px;
}

.accordion-content1{
	margin:3em 0em 0em 2em;
	#margin:0em 0em 0em 2em;
	text-align:left;
	border: 1px solid #eee;
	width:487px;
}



.accordion-content1 th 	{font-weight:bold}
.accordion-content1 td 	{padding:2px;vertical-align:top;}


		#popad{
			padding:5px;
			border:1px solid #999;
			background:#eee;
			width:200px;
		}
		#popad_footage{
			height:250px;
			width:200px;
			background:url(/images/knits.jpg) top left no-repeat;
		}
		#popad_footage a{
			display:block;			
			height:250px;
			width:200px;
			display:block;
			text-indent:-600px;
			overflow:hidden;
		}
		#popad p{
			margin:0;
			padding:0 .5em .5em .5em;
			background:#fff;
			font-family:Arial,Sans-serif;
			font-size:90%;
			font-weight:bold;
		}
		#popad_content a{
			color:#369;
		}
		#popad.dynamic #popad_footage{
			height:270px;
			width:200px;
			background:url(/images/knitsjs.jpg) top left no-repeat;
		}
		#popad.dynamic #popad_footage a{
			height:240px;
		}
		#popad.dynamic #popad_footage a#popad_close{
			color:#ddd;
			height:20px;
		}
		#popad.dynamic{
			position:absolute;
			top:4em;
			left:50%;		
		}
		html>body #popad.dynamic{
			position:fixed;
		}