@charset "utf-8";
/* 
Author: Christopher Thrower
Project: Credit Smart
Friday, 18 July 2008
*/
* { margin: 0; padding: 0; }
body {
	background: #FFF;
	font: 12px Trebuchet MS, sans-serif;
	color: #666666;
}

.clear {
	clear: both;
}

/* Header and Nav
----------------------------------------------- */
div#header {
	background: url('img/header_bg.gif') repeat-x;
}		.header {
			width: 909px;
			height: 123px;
			margin: 0 auto;
			}

h1 {
	background: url('img/logo.gif');
	width: 244px;
	height: 95px;
}		h1 span {display: none;}
				 h1 a {
					display: block;
					width: 244px;
					height: 95px;
					}
					
.adspace {
	width: 468px;
	height: 70px;
	padding: 15px 15px 0 0;
	float: right;
}		.adspace a img {border: #0089be 2px solid;}
			.adspace a:hover img {border: #FFF 2px solid;}

.nav_holder {
	height: 22px;
}
			
ul#nav {
	height: 22px;
}		#nav li {
			background: #accfdf;
			border: #FFF 1px solid; 
			height: 22px;
			float: left; 
			padding: 3px 10px 0 10px;
			margin-left: 1px; 
			list-style: none outside;}
				#nav li:hover {background: #e5f2ff; border: #97dfda 1px solid; text-decoration: underline;}
		#nav li a,
		#nav li a:link,
		#nav li a:visited {
			font-family: Tahoma, sans-serif; 
			color: #333333; 
			text-decoration: none; 
			font-size: 12px;}
		#nav li a:hover {
			color: #014773;}

/* Middle Section
----------------------------------------------- */
div#middle {
	background: url('img/middle_bg.gif') repeat-x;
}		.middle {
			width: 909px;
			height: 146px;
			margin: 0 auto;
			}

.middle h2 {
	font-size: 14px;
	color: #66666;
	border-bottom: #036564 1px solid;
	width: 450px;
	padding: 10px 0 0 10px;
}		.middle p {
			padding: 5px;
			line-height: 18px;
			}	.middle p a {text-decoration: none; color: #666666;}
				.middle p a:hover {text-decoration: underline;}
			
div#slideshow {
	float: right;
	width: 383px;
	height: 144px;
	margin-right: 15px;
	margin-left: 10px;
}		#slideshow img {border: none;}

/* Main Content
----------------------------------------------- */
div#content {
	background: #FFF url('img/bg.gif') repeat-x;
	overflow: hidden;
}		.content {
			width: 959px;
			margin: 0 auto;
			overflow: hidden;
			}
/* LEFT HAND SIDE
--------------------------------- */
div#column1 {
	width: 500px;
	float: left;
}		#column1 p {
			font-size: 12px;
			line-height: 20px;
			margin: 0 5px 10px 10px;
			padding: 5px;
			}	#column1 p a { color: #666666; font-weight: bold; text-decoration: none; border-bottom: 1px dotted #5e687a; }
				#column1 p a:hover { color: #333333; background: #cfecfa; border-bottom: 0px; }
	
div#column1 img {
	border: 0px;
	margin: 5px;
}		#column1 a img {border: #FFF solid 2px; display: block;}			
		#column1 a:hover img {border: #FFF solid 2px;}

div#column1 h3 {
	font-family: Trebuchet MS, sans-serif;
	font-size: 14px;
	font-weight: bold;
	color: #666666;
	margin-left: 2px;
	padding: 5px 0 0 0;
}
.adspace {
	padding-left: 15px;
}

/* Article
--------------------------------- */
div#article {
	width: 530px;
	float: left;
	padding: 10px;
}		#article p {
			font-size: 12px;
			line-height: 20px;
			margin: 0 5px 10px 10px;
			padding: 5px;
			}	#article a { color: #666666; font-weight: bold; text-decoration: none; border-bottom: 1px dotted #5e687a; }
				#article a:hover { color: #333333; background: #cfecfa; border-bottom: 0px; }
					#article img { margin-right: 5px;}

div#column2_2 {
  width: 370px;
  float: right;
  line-height: 17px;
  margin: 10px 18px 0 0;
}		#column2_2 p {
			font-size: 12px;
			line-height: 20px;
			margin: 0 0 10px 0;
			padding: 5px;
			margin-top: 10px;
			}	#column2_2 p a { color: #666666; font-weight: bold; text-decoration: none; border-bottom: 1px dotted #5e687a; }
				#column2_2 p a:hover { color: #535353; background: #f2f6ec; border-bottom: 0px; }


.rss {
	float: right;
}

ul#rssarticle {
	float: right;
	width: 450px;
}		#rssarticle li {
			float: right; 
			margin-left: 20px; 
			list-style: none outside;
			letter-spacing: 2px;}
				#rss li:hover {text-decoration: underline;}
		#rssarticle li a,
		#rssarticle li a:link,
		#rssarticle li a:visited {
			font-family: Tahoma, sans-serif; 
			font-size: 10px;
			color: #666666; 
			text-decoration: none;}
		#rssarticle li a:hover {
			color: #014773;}

.rightad {
	padding: 5px;
}		.rightad img{
			border: #666666 1px solid;
}


.TitleBox {
	height: 60px;
	border-top: #eeeeee 1px solid;
	border-bottom: #eeeeee 1px solid;
}

div#articleheader {
	margin-top: 10px;
	margin-bottom: 10px;
	background: url('img/article_bg.gif') repeat-x;
	height: 75px;
	padding: 10px;
	width: 480px;
	border-bottom: #ffcc33 3px solid;
}		div#articleheader h2{
		color: #FFF;
		font-size: 42px;
		margin: 10px 0 0 100px;
}

div#articleheader {
	margin-top: 10px;
	margin-bottom: 10px;
	background: url('img/article_bg.gif') repeat-x;
	height: 75px;
	padding: 10px;
	width: 480px;
}		div#articleheader h2{
		color: #FFF;
		font-size: 42px;
		margin: 10px 0 0 100px;
}

.articles3 {
	width: 370px;
	float: left;
	margin-top: 20px;
}

.articles h4 {
	font-family: Arial, sans-serif;
	font-size: 14px;
}
			
ul.articlesright {
	width: 340px;
	padding: 5px;
	list-style: none outside;
}		.articlesright li {
			background: url('img/icon.gif') no-repeat center left;
			width: 340px;
			float: left; 
			padding: 5px 10px 0 20px;
			margin-left: 1px; 
			font-family: Arial, sans-serif; 
			font-size: 10px;
			color: #666666; 
			text-decoration: underlined;
			list-style: none outside;
			}	.articlesright li:hover {text-decoration: none;}
		.articlesright li a,
		.articlesright li a:link,
		.articlesright li a:visited {
			font-family: Arial, sans-serif; 
			font-size: 10px;
			color: #666666; 
			text-decoration: underlined;}
		.articlesright li a:hover {
			color: #014773;
			text-decoration: none;
			}

ul.otherarea {
	width: 340px;
	padding: 5px;
	list-style: none outside;
}		.otherarea li {
			width: 340px;
			float: left; 
			padding: 5px 10px 0 5px;
			margin-left: 1px; 
			font-family: Arial, sans-serif; 
			font-size: 14px;
			color: #666666; 
			text-decoration: underlined;
			list-style: none outside;
			}	.otherarea li:hover {text-decoration: none;}
		.otherarea li a,
		.otherarea li a:link,
		.otherarea li a:visited {
			font-family: Arial, sans-serif; 
			color: #666666; 
			text-decoration: underlined;}
		.otherarea li a:hover {
			color: #014773;
			text-decoration: none;
			}
/* RIGHT
--------------------------------- */
div#column2 {
  width: 395px;
  float: right;
  line-height: 17px;
  margin: 10px 18px 0 0;
}		#column2 p {
			font-size: 12px;
			line-height: 20px;
			margin: 0 0 10px 0;
			padding: 5px;
			margin-top: 10px;
			}	#column2 p a { color: #666666; font-weight: bold; text-decoration: none; border-bottom: 1px dotted #5e687a; }
				#column2 p a:hover { color: #535353; background: #f2f6ec; border-bottom: 0px; }

div#column2 h2 {
	font-family: Trebuchet MS, sans-serif;
	font-size: 20px;
	font-weight: lighter;
	color: #666666;
}

div#column2 h3 {
	font-family: Trebuchet MS, sans-serif;
	font-size: 14px;
	font-weight: lighter;
	color: #666666;
	margin-bottom: 10px;
}

.newsletter {
	border-left: #81b2b1 10px solid;
	padding-left: 15px;
}


.rssinput {
	padding: 2px;
	background: #f9f9f9;
	border: #c5c5c5 1px solid;
	font-family: Trebuchet MS, sans-serif;
	color: #666666;
	width: 150px;
}

.submitrss {
	background: #FFF url('img/submitrss.gif') no-repeat;
	width: 74px;
	height: 22px;
	padding-right: 2px;
	padding-bottom: 2px;
	font-weight: bold;
	color: #FFF;
	border: none;	
}

ul#rss {
	background: #f9f9f9 url('img/rss.gif') no-repeat right;
	width: 200px;
	height: 35px;
	padding: 5px 20px 0 10px;
	margin-top: 20px;
}		#rss li {
			height: 22px;
			float: left; 
			padding: 5px 10px 0 0;
			margin-left: 1px; 
			list-style: none outside;
			letter-spacing: 2px;}
				#rss li:hover {text-decoration: underline;}
		#rss li a,
		#rss li a:link,
		#rss li a:visited {
			font-family: Tahoma, sans-serif; 
			font-size: 18px;
			color: #666666; 
			text-decoration: none;}
		#rss li a:hover {
			color: #014773;}
			
.articles2 {
	width: 170px;
	float: left;
	margin-top: 20px;
}

.articles h4 {
	font-family: Arial, sans-serif;
	font-size: 14px;
}
			
ul.articles {
	width: 140px;
	padding: 5px;
	list-style: none outside;
}		.articles li {
			background: url('img/icon.gif') no-repeat center left;
			width: 140px;
			float: left; 
			padding: 5px 10px 0 20px;
			margin-left: 1px; 
			font-family: Arial, sans-serif; 
			font-size: 10px;
			color: #666666; 
			text-decoration: underlined;
			list-style: none outside;
			}	.articles li:hover {text-decoration: none;}
		.articles li a,
		.articles li a:link,
		.articles li a:visited {
			font-family: Arial, sans-serif; 
			font-size: 10px;
			color: #666666; 
			text-decoration: underlined;}
		.articles li a:hover {
			color: #014773;
			text-decoration: none;
			}
/* Category 
--------------------------------- */
div#category {
	width: 909px;
	float: left;
	padding: 10px;
}		#category p {
			font-size: 12px;
			line-height: 20px;
			margin: 0 5px 10px 10px;
			padding: 5px;
			}	#category a { color: #666666; font-weight: bold; text-decoration: none; border-bottom: 1px dotted #5e687a; }
				#category a:hover { color: #333333; background: #cfecfa; border-bottom: 0px; }
						#category {
						width: 170px;
						float: left;
						margin-top: 20px;
						}	#category h2 { margin-bottom: 10px;}

div#category2 {
	width: 620px;
	float: left;
	padding: 10px;
}		#category2 p {
			font-size: 12px;
			line-height: 20px;
			margin: 0 5px 10px 10px;
			padding: 5px;
			}	#category2 a { color: #666666; font-weight: bold; text-decoration: none; border-bottom: 1px dotted #5e687a; }
				#category2 a:hover { color: #333333; background: #cfecfa; border-bottom: 0px; }
				
div#ArticleRight {
  width: 300px;
  float: right;
  line-height: 17px;
  margin: 32px 18px 0 0;
}		#ArticleRight p {
			font-size: 12px;
			line-height: 20px;
			margin: 0 0 10px 0;
			padding: 5px;
			margin-top: 10px;
			}	#ArticleRight p a { color: #666666; font-weight: bold; text-decoration: none; border-bottom: 1px dotted #5e687a; }
				#ArticleRight p a:hover { color: #535353; background: #f2f6ec; border-bottom: 0px; }

ul.Articles {
	width: 300px;
	padding: 5px;
	list-style: none outside;
}		.Articles li {
			background: url('img/icon.gif') no-repeat center left;
			width: 250px;
			float: left; 
			padding: 5px 10px 0 20px;
			margin-left: 1px; 
			font-family: Arial, sans-serif; 
			font-size: 12px;
			color: #666666; 
			text-decoration: underlined;
			list-style: none outside;
			}	.otherarea li:hover {text-decoration: none;}
		.Articles li a,
		.Articles li a:link,
		.Articles li a:visited {
			font-family: Arial, sans-serif; 
			color: #666666; 
			text-decoration: underlined;}
		.Articles li a:hover {
			color: #014773;
			text-decoration: none;
			}

.articles4 {
	width: 300px;
	float: left;
	border-left: #b6cfdd 2px solid;
	padding-left: 10px;
}
/* Compare tables
----------------------------------------------- */
.Compare1 {
	width: 120px;
	float: left;
}
.Compare2 {
	width: 90px;
	float: left;
}
.Compare3 {
	width: 90px;
	float: left;
}
.Compare4 {
	width: 120px;
	float: left;
}
.Compare5 {
	width: 150px;
	float: left;
}
.Compare6 {
	width: 50px;
	float: left;
}

/* 
----------------------------------------------- */
.Compare2_2 {
	width: 90px;
	float: left;
	padding-top: 6%;
}
.Compare3_2 {
	width: 90px;
	float: left;
	padding-top: 6%;
}
.Compare4_2 {
	width: 120px;
	float: left;
	padding-top: 6%;
}
.Compare5_2 {
	width: 150px;
	float: left;
	padding-top: 6%;
}
.Compare6_2 {
	width: 50px;
	float: left;
	padding-top: 6%;
}		.Compare6_2 img {
			width: 27px;
			height: 26px;
			border: #cccccc 1px solid;
		}


.CompareHeader {
	width: 620px;
	background: #f6f6f6;
	border-bottom: #cccccc 1px solid;
	border-top: #b6cfdd 2px solid;
	overflow: hidden;
}
.Row1 {
	width: 620px;
	background: #FFF;
	border-bottom: #eeeeee 1px solid;
	overflow: hidden;
}		.Compare1 img {
			width: 100px;
			height: 40px;
			border: #cccccc 1px solid;
		}

.Row2 {
	width: 620px;
	background: #f7f9f3;
	border-bottom: #eeeeee 1px solid;
	overflow: hidden;
}

/* Footer
----------------------------------------------- */
div#footer {
	background: #FFF url('img/footer_bg.gif') repeat-x;
	height: 133px;
	margin-top: 20px;
	overflow: hidden;
}		.footer {
			width: 909px;
			margin: 0 auto;
			overflow: hidden;
			padding: 10px;
			color: #c5dcdc;
			}

.footer h3 {
	font-family: Trebuchet MS, sans-serif;
	font-size: 14px;
}

.footer h4 {
	font-family: Trebuchet MS, sans-serif;
	font-size: 12px;
	font-weight:lighter
}

.contact2 {
	width: 170px;
	float: left;
	margin-bottom: 20px;
}

ul.contact {
	width: 150px;
	padding: 5px;
	list-style: none outside;
}		.contact li {
			width: 150px;
			float: left; 
			margin-left: 1px; 
			font-size: 12px;
			list-style: none outside;
			}

.footernav {
	width: 400px;
	float: right;
	margin-bottom: 20px;
	border-bottom: #3b8aab 1px solid;
}

ul#footernav {
	float: left;
	margin: 0;
	padding: 0;
	margin-top: 5px;
	margin-bottom: 10px;
}		#footernav li {
			background: url('img/footernavbg.gif') no-repeat center right;
			float: left;
			list-style: none outside;
			padding-right: 10px;
			margin-right: 10px;
			}
		#footernav li a,
		#footernav li a:link,
		#footernav li a:visited {text-decoration: none; color: #c5dcdc; font-size: 12px;}
		#footernav li a:hover {text-decoration: underline;} #footernav li.none {background: none;}