@charset "utf-8";
/* CSS Document */

#news_container{
	width: 612px;
}
#news_header {
 background-image:url(http://images2.moneysavingexpert.com/images/news/header.gif); width:612px; height:45px;
}
#news_header h1 {
	display:none;
}
#news_updated {
	border-bottom:solid 1px #999999;
	color:#999999;
	margin-bottom:20px;
}
#news_updated span{
	margin-left:20px;
}

#news_main_content {
	background-image:url(http://images2.moneysavingexpert.com/images/news/news_content_background.gif);
	background-repeat:no-repeat;
	background-color:#FFFFFF;
	padding-top:10px;

}
#news_content_left_column {
	float:left;
	width: 392px;
	margin:0 10px 0 10px;
}

#news_left_topbox {
	width:392px;
	clear:both;
	
}
	#news_left_topbox .top{
		background-image:url(http://images2.moneysavingexpert.com/images/news/news_left_top_box_top.gif);
		background-repeat:no-repeat;
		background-color:#FFFFFF;
		height:8px;
	}
	#news_left_topbox .header{
		background-color:#FFFFFF;
		padding:0 5px 0 5px;
	}	
	#news_left_topbox .content{
		background-color:#FFFFFF;
		padding:2px 10px 2px 10px;
	}	



#news_content_right_column {
	width:178px;
	float:left;
	margin:0 10px 0 10px;
}

#news_right_topbox {
	width:178px;
	margin-top:27px;
	margin-left:1px;
	margin-bottom:15px;
}
	#news_right_topbox .top{
		background-image:url(http://images2.moneysavingexpert.com/images/news/news_right_top_box.gif);
		background-repeat:no-repeat;
		background-color:#FFFFFF;
		height:10px;
	}
	#news_right_topbox .header{
		background-color:#FFFFFF;
		padding:0 10px 0 10px;

	}	
	#news_right_topbox .header h2{
		color: green;
		margin:0px;
		border:0;
		padding:0;
		font-size:12pt;
				width:100%;
				border-bottom:1px solid #CCCCCC;
	}		
	#news_right_topbox .content{
		background-color:#FFFFFF;
		padding:5px 10x 5px 10px;
	}	
	#news_right_topbox .content ul{
		list-style-image:none;
		list-style-type:none;
		margin: 0px;
		padding: 2px 10px;
	}		
	
	#news_right_topbox .content ul li{
		margin:5px 0 5px 0;
	}
	#news_right_topbox .content ul li a{	
		text-decoration:none;
		color:#6A83D5;
	}
	#news_right_topbox .content ul li a:hover{	
		text-decoration:underline;
	}	
		
	#news_right_topbox .footer{
		background-color:#FFFFFF;
		background-image:url(http://images2.moneysavingexpert.com/images/news/news_right_top_box_bottom.gif);
		background-repeat:no-repeat;
		background-color:#FFFFFF;
		height:10px;		
	}	
	#news_archive_link {
		text-align:right;
		padding-right:10px;
		
	}
		#news_archive_link  a {
		color:#6A83D5;
		}
		
		
/* video Box */

#news_videobox {
	width:180px;
	background-image:url(http://images2.moneysavingexpert.com/images/news/news_video_box_sliver.gif);
	background-repeat:repeat-y;
	margin:10px 0 10px 0;
}
	#news_videobox .top{
		background-image:url(http://images2.moneysavingexpert.com/images/news/news_video_box_top.gif);
		background-repeat:no-repeat;
		background-color:#FFFFFF;
		height:9px;
	}
	
	#news_videobox .header{
		padding:0 10px 0 10px;
		text-align:center;

	}	
	#news_videobox .header h2{
		color: #c21111;
		margin:0px;
		border:0;
		padding:0;
		font-size:12pt;
		width:100%;
		border-bottom:1px solid #CCCCCC;

	}
	
	#news_videobox .header h3{
		color: #ff0000;
		text-align:center;
		font-size:12pt;
		width:100%;
		padding:0px;
		border:0px;
		margin:2px 0px 2px 0;

	}	
	#news_videobox .header span{
		color: #666666;
		text-align:center;

		font-size:10pt;
		width:100%;
		display:block;
		padding:5px 0 5px 0;
	}			
	#news_videobox .content{

		background-image:url(http://images2.moneysavingexpert.com/images/news/news_video_box_bottom.gif);
		background-position:bottom;
		background-repeat:no-repeat;
		padding-bottom:60px;	
	}	
	#news_videobox .content .videoImage{
		width:150px;
		height:150px;
		margin-left:15px;
		border:0px;
	}
	#news_right_topbox .content ul{
		list-style-image:none;
		list-style-type:none;
		margin: 0px;
		padding: 2px 10px;
	}		
	
	#news_right_topbox .content ul li{
		margin:5px 0 5px 0;
	}
	#news_right_topbox .content ul li a{	
		text-decoration:none;
		color:#6A83D5;
	}
	#news_right_topbox .content ul li a:hover{	
		text-decoration:underline;
	}	
		
	#news_right_topbox .footer{
		background-color:#FFFFFF;
		background-image:url(http://images2.moneysavingexpert.com/images/news/news_right_top_box_bottom.gif);
		background-repeat:no-repeat;
		background-color:#FFFFFF;
		height:10px;		
	}	
	#news_archive {
	/*	text-align:right;*/
		padding-right:10px;
		
	}
		#news_archive  a {
			color:#6A83D5;
		}		
		
		
		


/* Other Articles Box */

#news_otherbox {
	width:180px;
	background-image:url(http://images2.moneysavingexpert.com/images/news/news_other_box_sliver.gif);
	background-repeat:repeat-y;
	margin:10px 0 10px 0;	
}
	#news_otherbox .top{
		background-image:url(http://images2.moneysavingexpert.com/images/news/news_other_box_top.gif);
		background-repeat:no-repeat;
		background-color:#FFFFFF;
		height:8px;
	}
	
	#news_otherbox .header{
		padding:0 10px 0 10px;

	}	
	
	#news_otherbox .header h3{
		color: #eca100;
		font-size:10pt;
		width:100%;
		margin:0px;
		border:0;
		padding:0;
		width:100%;
		border-bottom:1px solid #CCCCCC;		

	}	
	#news_otherbox .header span{
		color: #666666;
		text-align:center;

		font-size:12pt;
		width:100%;
	}			
	#news_otherbox .content{

		background-image:url(http://images2.moneysavingexpert.com/images/news/news_other_box_bottom.gif);
		background-position:bottom;
		background-repeat:no-repeat;
		padding-bottom:20px;	
	}	

	#news_otherbox .content ul {
		list-style-type: none;
		padding: 0;
		margin: 0;
		padding-left:10px;
		margin-top:10px;
	}

	#news_otherbox .content li {
		background-image: url(http://images2.moneysavingexpert.com/images/news/news_bullet.gif);
		background-repeat: no-repeat;
		background-position: 0 .2em;
		padding-left: 1.5em;
		margin-top:0.2em;
		height:20px;
	}
	#news_otherbox .content li a{
		color:#6A83D5;
		text-decoration:none;
	}
	#news_otherbox .content li a:hover{
		text-decoration:underline;	
	}
	#news_otherbox_highlight{
		margin-left:20px;
		margin-top:15px;
		border:0px;
	}
	
/* tipbox */

#news_tipbox {
	background-image: url(http://images2.moneysavingexpert.com/images/news/news_tipbox_background.gif);
	height:51px;
	width:382px;
	clear:both;
	padding-top:1px;
}	

#news_email_input{
	background-image:url(http://images2.moneysavingexpert.com/images/news/news_tipbox_curve.gif);
	height:17px;
	padding-left:9px;
	background-repeat:no-repeat;

	width:250px;
	position:relative;
	top:20px;
	left:60px;


}
#news_email_links{
	position:relative;
	width:80px;
	top:-5px;
	left:295px;
	text-align:right;
	font-size:8pt;
}
input.emailBox{
	border-top:1px solid #18ff00;
	border-bottom:1px solid #18ff00;
	border-left:0px;
	border-right:0px;
	height:14px;
	float:left;
	width:150px;
	margin-left:0px;
	padding-left:0px;
	color:#e00b0b;
	font-size:12px;
	font-weight:bold;
	padding-top:0px;
	background-color:#FFFFFF;
}	

input.news_get_it{		
	float:left;
	height:17px;
	}
/* header tabs */
#tabs{
 font-size:14px;
 width: 100%;
 line-height:normal;
 margin-left:10px;
}

#tabs ul{
 list-style:none;
	padding:0px;
	border:0px;
	margin:0px; 
}

#tabs li{
 display:inline;
 float: left;
 position: relative;
 margin: 0;
 padding: 0;
 color:#008a03;
}

#tabs a {
 float:left;
 background:url(http://images2.moneysavingexpert.com/images/news/tab-left.png) no-repeat left top;
 color:#008a03;
 padding-left:9px;
 margin-right:3px;
 text-decoration:none;
 color:#008a03;
  background-color:#FFFFFF;
  font-weight:bold;
 cursor: pointer; /* IE 7 bug-fix */
}

#tabs a span{
 float:left;
 display:block;
 background:url(http://images2.moneysavingexpert.com/images/news/tab-right.png) no-repeat right top;
 height: 29px;
 padding-right: 10px;
 background-color:#FFFFFF;
}

#tabs a span span{
 display:block;
 background:none;
 height: auto;
 padding: 4px 4px 0 4px;
}

/* Commented Backslash Hack hides rule from IE5-Mac \*/
#tabs a span {float:none;}
/* End IE5-Mac hack */
#tabs a:hover span {
 color:#cfcfcf;
}

#tabs a:hover{
/* background-position:0% -29px;*/
 color:#008a03;
}
#tabs a:hover span{
/* background-position:100% -29px;*/
 color:#008a03;
}

#tabs a.active, #tabs li.current_page_item a, #tabs li.current-tab a,
#tabs li.current_page_item a:hover, #tabs li.current-tab a:hover {
/* background-position:0% -58px;*/
 color:#008a03;
}
#tabs a.active span, #tabs li.current_page_item a span, #tabs li.current-tab a span,
#tabs li.current_page_item a:hover span, #tabs li.current-tab a:hover span{
/* background-position:100% -58px;*/
 color:#008a03;
}


/* stories */

/* Top Story */
.top_story{
	clear:both;
	margin:0px 0 10px 5px;
}

.top_story .image{
	width:80px;
	height:80px;
	float:left;
	padding-top:10px;
}
.top_story .image img{
border:1px solid #666666;
margin:auto;
}

.top_story .content{
	width:265px;
	float:left;
}
.top_story .content h3{

	margin:0px;
	border:0px;
	 padding:0px;
	 font-size:13pt;
}
.top_story .content h3 a{
	 color:#6a83d5;
	 	text-decoration:none;
	 }
.top_story .content h3 span{
	 color:red;
}
.top_story .content p{
	margin:0px;
	border:0px;
	 padding:0px;
	 color:#333333;
	 font-size:10pt;
}

/* level 2 story */

.level2_story{
	margin:0px 0 10px 0;
	float:left;
	width:175px;
	margin:5px;
}

.level2_story .image{
	float:left;
	padding-top:10px;
	
}
.level2_story .image img{
border:1px solid #666666;
margin:auto;
width:29px;
height:29px;
margin-right:5px;
}


.level2_story  h3 {

	margin:0px;
	border:0px;
	 padding:0px;
	
	 float:left;
	 width:135px;
	 font-size:12pt;
}	
.level2_story  h3 a{
	text-decoration:none; 
	color:#6a83d5;
}
.level2_story  h3 span{
	 color:red;
}
.level2_story  p{
	clear:both;
	margin:0px;
	border:0px;
	 padding:0px;
	 font-size:10pt;
}






/* css Hack */


  .clearfix:after {
    content: ".";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden;
    }

.clearfix {display: inline-block;}  /* for IE/Mac */

</style><!-- main stylesheet ends, CC with new stylesheet below... -->

<!--[if IE]>
<style type="text/css">
  .clearfix {
    zoom: 1;     /* triggers hasLayout */
    display: block;     /* resets display for IE/Win */
    }  /* Only IE can see inside the conditional comment
    and read this CSS rule. Don't ever use a normal HTML
    comment inside the CC or it will close prematurely. */
</style>
<![endif]-->

hr {
	color:;
	border:0px;
	
	
}
#news_recent .header {
	 background:url(http://images2.moneysavingexpert.com/images/news/recent-news.gif) no-repeat left top;
	 line-height:23px;
	 color:green;
	 text-align:center;
	 font-weight:bold;
	 width:382px;
}

#news_recent .content {
	width:100%;
	padding:10px;
	border: 0px;
	margin:0px;
	padding-left:5px;
}

#news_recent .content .section {
	margin:0px 0 10px 0;
	float:left;
	width:176px;
	margin:4px;
}

#news_recent .content .section .header_green {
	background-color: #12b501;
	color:#FFFFFF;
	font-weight:bold;
	background-image:url(http://images2.moneysavingexpert.com/images/news/green_title_right.gif);
	background-repeat:no-repeat;
	background-position:right;
	height:15px;
	padding:0px;
	margin:0px;
	border:0px;	
}
#news_recent .content .section .header_green span{
	padding-left:10px;
	background-image:url(http://images2.moneysavingexpert.com/images/news/green_title_left.gif);
	background-repeat:no-repeat;
	background-position:left;
	padding-top:0px;
	margin-top:0px;
	border:0px;
	display:block;
	height:15px;
}
#news_recent .content .section .header_red {
	background-color: #e01f1f;
	color:#FFFFFF;
	font-weight:bold;
	background-image:url(http://images2.moneysavingexpert.com/images/news/red_title_right.gif);
	background-repeat:no-repeat;
	background-position:right;
	height:15px;
	padding:0px;
	margin:0px;
	border:0px;	
}
#news_recent .content .section .header_red span{
	padding-left:10px;
	background-image:url(http://images2.moneysavingexpert.com/images/news/red_title_left.gif);
	background-repeat:no-repeat;
	background-position:left;
	padding-top:0px;
	margin-top:0px;
	border:0px;
	display:block;
	height:15px;
}
#news_recent .content .section .header_purple {
	background-color: #5a3fe5;
	color:#FFFFFF;
	font-weight:bold;
	background-image:url(http://images2.moneysavingexpert.com/images/news/purple_title_right.gif);
	background-repeat:no-repeat;
	background-position:right;
	height:15px;
	padding:0px;
	margin:0px;
	border:0px;	
}
#news_recent .content .section .header_purple span{
	padding-left:10px;
	background-image:url(http://images2.moneysavingexpert.com/images/news/purple_title_left.gif);
	background-repeat:no-repeat;
	background-position:left;
	padding-top:0px;
	margin-top:0px;
	border:0px;
	display:block;
	height:15px;
}

#news_recent .content .section .header_yellow {
	background-color:#f69d10;
	color:#FFFFFF;
	font-weight:bold;
	background-image:url(http://images2.moneysavingexpert.com/images/news/yellow_title_right.gif);
	background-repeat:no-repeat;
	background-position:right;
	height:15px;
	padding:0px;
	margin:0px;
	border:0px;	
}
#news_recent .content .section .header_yellow span{
	padding-left:10px;
	background-image:url(http://images2.moneysavingexpert.com/images/news/yellow_title_left.gif);
	background-repeat:no-repeat;
	background-position:left;
	padding-top:0px;
	margin-top:0px;
	border:0px;
	display:block;
	height:15px;
}
#news_recent .content .section  ul{
		list-style-image:none;
		list-style-type:none;
		margin: 0px;
		padding: 2px 10px;
	}		
	
#news_recent .content .section  ul li{
		margin:5px 0 5px 0;
	}
	
#news_recent .content .section ul li a {
		text-decoration:none;
		color:#6A83D5;
	}
#news_recent .content .section ul li a:hover{	
		text-decoration:underline;
	}