<!--[if IE 5]> Vignette StoryServer 6.0 Sat Nov 07 22:48:26 2009 <![endif]-->
/* This Old House- category.css
-----------------------------------------*/
#categoryHeaderContainer {
  margin: 0 !important;
  overflow:visible
}

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

* html #categoryHeaderContainer {
  height: 1%;
}

#categoryHeaderContainer #date {
  float: left;
  font-style: italic;
  font-size: 11px;
}

#categoryHeaderContainer #subscribe a {
  float: right;
  margin: 0 0 0 0;
}

#categoryTitleContainer {
  margin: 5px 0 5px 0 !important;
}

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

* html #categoryTitleContainer {
  height: 1%;
} 

#categoryTitleContainer .title {
  clear: left;
  font-size: 24px;
  font-weight:bold;
  margin: 0 0 5px 0;
  padding: 0 0 0 0;
}

#categoryTitleContainer .titleImg {
  float:left;
  clear:both;
  margin:16px 18px 0 0;
}


#categoryTitleContainer .rss {
  float: left;
  width: 90px;
  margin-top:30px;
}

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

* html #categoryTitleContainer .rss {
  height: 1%;
}

#categoryTitleContainer .rss a.icon {
  float: left;
  width:18px;
  height:10px;
  margin: 0 5px 0 0;
  overflow:hidden;
  background:url(http://img2.timeinc.net/toh/i/global/rss.gif) no-repeat 0 0;
  text-indent:-9999px;
}

#categoryTitleContainer .rss a.whatIsThis {
  float: left;
  margin: 0 0 0 0;
  padding: 0 0 0 0;
  font: 10px arial, helvetica, sans-serif;
}

#subscribe a {
  float:right;
  margin:0 0 5px 0;
}
  
  
/* new ideas module styles
-----------------------------------------*/
#newIdeas .niModule {
	float:left;
	width:300px;
	font-size:11px;
	line-height:1.7em;
}

#newIdeas .first {
	background:url(http://img2.timeinc.net/toh/i/global/border_rightModule.gif) right repeat-y;
	margin-right:5px;
	padding-right:0;
}

#newIdeas p {
	margin:0.5em 0 1em 0;
}


/* aColumn styles
-----------------------------------------*/

#aColumn {
  float: left;
  clear: both;
  width:625px;
  margin: 0;   
}

#aColumn .module {
  margin: 0;
  padding: 10px 0;
  width:625px;
  clear: both;
  background:url(http://img2.timeinc.net/toh/i/homepage/borderModule.gif) repeat-x scroll left top;
	position:relative;
}

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

* html #aColumn .module {
  height: 1%;
}

#aColumn .module .aColModuleSplitA {  
	float:left;
	width:460px;
}

#aColumn .module .aColModuleSplitB {  
	float:right;
	width:145px;
	padding:0 0 50px 5px;
}

#aColumn .module .a2ColModuleSplitA {  
	float:left;
	width:300px;
	padding:0 3px 0 0;
	margin:0;
	clear:both;
}

#aColumn .module .a2ColModuleSplitB {  
	float:left;
	width:310px;
	padding:0 0 0 8px;
	margin:0;
}

#aColumn .module .a2ColModuleSplitBFP {  
	float:left;
	width:310px;
	padding:0 0 0 10px;
	margin:0;
}
#aColumn .module .a2ColModuleSplitB .a2colModuleSplitVertA {
	padding:0 0 10px 0;
	margin:0 0 10px 0;
	background:url(http://img2.timeinc.net/toh/i/homepage/borderModule.gif) repeat-x left bottom;
	float:left;
}

#aColumn .module .a2ColModuleSplitB .a2colModuleSplitVertB {
	padding:0 0 10px 0;
	margin:0 0 10px 0;
	float:left;
}

#aColumn .module .a2ColModuleSplitB .moduleSplitA {
	margin: 0pt; padding: 0pt 5px 0pt 0pt;
}

* html #aColumn .module .a2ColModuleSplitB .moduleSplitA  img {
  margin: 0 0 5px 0;
}

#aColumn .module h5 {
font:bold italic 12px georgia, serif;
margin-bottom:5px;
}

#aColumn .module h15 {
font:bold 11px georgia, serif;
margin-bottom:5px;

}


#aColumn .module .a2ColModuleSplitB .moduleSplitA h5, #aColumn .module .a2ColModuleSplitB .moduleSplitB h5,
#aColumn .module .a4ColModuleSplitA h5, #aColumn .module .a4ColModuleSplitB h5, #aColumn .module .a4ColModuleSplitC h5,
#aColumn .module .a4ColModuleSplitD h5 {
	font-style:normal;
}	

#aColumn .module .a2ColModuleSplitC {  
	float:left;
	width:300px;
	padding:0 2px 0 0;
	margin:0;

}

#aColumn .module .a2ColModuleSplitC .ad-sponsor{
	margin-top:10px;

}

#aColumn .module .a2ColModuleSplitC img {
  float:none;
  margin: 0 5px 5px 0;
  padding: 0 0 0 0;
}

#aColumn .module .a4ColModuleSplitA {  
	float:left;
	width:140px;
	padding:0 3px 0 0;
	margin:0;
	background:url(http://img2.timeinc.net/toh/i/global/border_rightModule.gif) repeat-y right;
}

#aColumn .module .a4ColModuleSplitB, #aColumn .module .a4ColModuleSplitC {  
	float:left;
	width:140px;
	padding:0 3px;
	margin:0;
	background:url(http://img2.timeinc.net/toh/i/global/border_rightModule.gif) repeat-y right;
}
#aColumn .tohClassics .a4ColModuleSplitC {background:none;}

#aColumn .module .a4ColModuleSplitD {  
	float:left;
	width:140px;
	padding:0 0 0 3px;
	margin:0;
}

#aColumn .module .a4ColModuleSplitE {  
	float:left;
	width:140px;
	padding:0;
	margin:0 5px 0 0;
}

#aColumn .module .a4ColModuleSplitF {  
	float:left;
	width:140px;
	padding:0;
	margin:0 5px 0 0;
}

#aColumn .module .a4ColModuleSplitG {  
	float:left;
	width:140px;
	padding:0;
	margin:0;
}

#aColumn .module .a4ColModuleSplitE p, #aColumn .module .a4ColModuleSplitF p, #aColumn .module .a4ColModuleSplitG p {  
	padding:0 10px 0 0;
	margin:0;
}


#aColumn .module .a4ColModuleSplitE p.summary-ctr, #aColumn .module .a4ColModuleSplitF p.summary-ctr, #aColumn .module .a4ColModuleSplitG p.summary-ctr {  
  font: normal 11px/1.4em Georgia;
	text-align:center;
	padding:0;
	margin:0;
}

#aColumn .module .a4ColModuleSplitE h6, #aColumn .module .a4ColModuleSplitF h6, #aColumn .module .a4ColModuleSplitG h6 {  
	text-align:center;
	padding:10px 0 4px 0;
	margin:0;
  font: normal 18px Georgia;
}

#aColumn .module .a4ColModuleSplitE h6.videoPhoto, #aColumn .module .a4ColModuleSplitF h6.videoPhoto, #aColumn .module .a4ColModuleSplitG h6.videoPhoto {  
	text-align:left;
	padding:0 0 0 0;
	margin:5px 0 0 0;
	font-size: 11px;
	font-weight:bold;
}

#aColumn .module .a4ColModuleSplitE .tools {padding-top:5px;}

#aColumn .module h5 a {
  margin: 0 0 10px 0;
  font-size: 12px;
}
  
#aColumn .a2ColModuleSplitA h6,
#aColumn .a2ColModuleSplitB h6,
#aColumn .a2ColModuleSplitC h6 {
  margin-bottom:5px;
  font-size:12px;
  line-height:15px;
}  

#aColumn .a2ColModuleSplitA p,
#aColumn .a2ColModuleSplitB p {
  font-size:12px;
  line-height:15px;
  margin-bottom:5px;
}

#aColumn .a2ColModuleSplitA .arrow,
#aColumn .a2ColModuleSplitB .arrow {
  font-size:11px;
}

#aColumn .a2ColModuleSplitB .a2ColModuleSplitB-1 {
  display:block;
  float:left;
  margin-right:20px;
  width:140px;
}

#aColumn .a2ColModuleSplitB .a2ColModuleSplitB-2 {
  display:block;
  float:left;
  width:140px;
}

#aColumn .a2ColModuleSplitB .a2ColModuleSplitB-2 h5 {
  font-size:18px;
  font-style:normal;
  font-weight:normal;
}

#aColumn .module h2 {
font:bold 18px tahoma, verdana, sans-serif;
}

#aColumn .module h3 a {
  font:bold 18px georgia, serif;
}

#aColumn .module h4 {
color:#323232;
font:italic 18px Georgia,serif;
margin: 0 0 5px 0;

}  

#aColumn .module h2 {
color:#323232;
font:italic 18px Georgia,serif;
margin: 0 0 5px 0;
}  


#aColumn .module img {
  float: left;
  margin: 0 10px 5px 0;
  padding: 0 0 0 0;
}

#aColumn .module .tools {
  font: 11px arial, helvetica, sans-serif;
  width: 250px;
  margin: 0 0 0 0;
  padding: 0 0 0 0;
}
  
#aColumn .module .a4ColModuleSplitD .tools {
  font: 10px arial, helvetica, sans-serif;
  width: 150px;
  margin: 0 0 0 0;
  padding: 0 0 0 0;
}  
  
#aColumn .module .toolsAd {
  font: 10px arial, helvetica, sans-serif;
  width: 305px;
  margin: 0 0 0 0;
  padding: 0 0 0 0;
} 
  
#aColumn .module .toolsAd .toolsAdTv {
  position:relative;
}

#aColumn .module .tools a.comment {
  margin: 0 5px 25px 0;
  padding: 0 0 0 22px;
  background:url(http://img2.timeinc.net/toh/i/global/iconComment.gif) no-repeat 0 0;
  line-height: 160%;
}

#aColumn .module .tools a.browse {
  margin: 0 0 0 0;
  padding: 0 0 0 22px;
  background:url(http://img2.timeinc.net/toh/i/global/iconBrowse.gif) no-repeat 0 0;
  line-height: 160%;
}

#aColumn .module#lead {
  padding:0 0 10px 0;
  width:620px;
  overflow:hidden;
	background:none;
}
#aColumn .module-divider#lead{
 background:url(http://img2.timeinc.net/toh/i/homepage/borderLeadStory.gif) repeat-y scroll 460px 0;
}
 

#aColumn .module#lead img {
  margin: 0 0 5px 0;
  padding: 0 0 0 0;
}

#aColumn .module#lead .tools {
  width: 300px;
}

#aColumn .module#lead .tools a.comment {
  margin: 0 5px 25px 0;
  padding: 0 0 0 22px;
  background:url(http://img2.timeinc.net/toh/i/global/iconComment.gif) no-repeat 0 0;
  line-height: 160%;
  display: inline;
}

#aColumn .module#lead .tools a.browse {
  margin: 0 0 25px 0;
  padding: 0 0 0 22px;
  background:url(http://img2.timeinc.net/toh/i/global/iconBrowse.gif) no-repeat 0 0;
  line-height: 160%;
  display: inline;
}

.module#lead h3 a {
  margin: 0 0 10px 0;
}
  
#aColumn .module#lead .aColModuleSplitB h4 {
	font-size: 17px;
	margin: 0 0 0 0;
	width:145px;
}  
  
#aColumn .module#lead .aColModuleSplitB ul {
	margin: 0 0 15px 0;
}

#aColumn .module#lead .aColModuleSplitB ul li {
	line-height:140%;
}

#aColumn .module#video {
  background: #fff;
  background:url(http://img2.timeinc.net/toh/i/homepage/borderModule.gif) repeat-x left top;
  padding: 18px 0 15px 0;
  width:450px;
}

#aColumn .module#video img {
  margin: 0 0 5px 0;
  padding: 0 0 0 0;
}

#aColumn .module#video .tools {
  width: 300px;
}

#aColumn .module#video .tools a.comment {
  margin: 0 5px 25px 0;
  padding: 0 0 0 22px;
  background:url(http://img2.timeinc.net/toh/i/global/iconComment.gif) no-repeat 0 0;
  line-height: 160%;
  display: inline;
}

#aColumn .module#video .tools a.browse {
  margin: 0 0 25px 0;
  padding: 0 0 0 22px;
  background:url(http://img2.timeinc.net/toh/i/global/iconBrowse.gif) no-repeat 0 0;
  line-height: 160%;
  display: inline;
}


/* bColumn styles
-----------------------------------------*/

#bColumn .moduleContainDivider {
  background:url(http://img2.timeinc.net/toh/i/homepage/moduleDividerBG.gif) repeat-x 0 0;
  width:100%;
  height:5px;
  clear:both;
  margin: 0 0 0 0;
  padding: 0 0 0 0;
  width: 303px; 
}	  

  
* html #bColumn .moduleContainDivider {
  margin: 0px 0 -10px 0;
  padding: 0;
  clear: left;
}  

#bColumn {
  float: right;
  width:301px;
  background-color: #eceae0;
  padding: 5px;
}

#bColumn .module {
  background: #fff;
  width: 297px;
  float: left;
  margin: 0;
  padding: 5px;
}

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

* html #bColumn .module {
  height: 1%;
}
  
#bColumn .adModule {
  background-color:#fff;
  clear:both;
}
  
#bColumn .adModule img {
 border:1px solid #ddd;
}  

#bColumn .module h3 {
  font-size: 11px;
  line-height: 140%;
  color: #333;
  font-weight: bold;
  margin: 0 0 0 0;
  padding: 0 0 0 0;
}

#bColumn .module h3 .q {
  font-size: 11px;
  line-height: 140%;
  color: #333;
  font-style: italic;
  margin: 0 0 0 0;
}

#bColumn .module h4 {
  font-size: 11px;
  color: #333;
  font-weight: normal;
  font-style: italic;
  margin: 7px 0 15px 0;
  padding: 0 0 0 0;
}

#bColumn .moduleSplit h4 {
  font: italic 18px georgia, serif;
}

#aColumn .moreOn {margin-top:10px;padding:5px 0 5px 10px; border:1px solid #ddd;background-color:#F1F2F6;width:304px;_width:298px;}
#aColumn .moreOn .completeDir{margin:2px 3px 2px 0;width:96px;}
#aColumn .moreOn .completeDir img{margin-right:0;}
#aColumn .moreOn h4 {width:auto;display:inline;float:left;margin:0 8px 0 0;}
#aColumn .moreOn ul{ overflow:hidden;_zoom:1;clear:both;}
#aColumn .moreOn li {margin:2px; float:left;width:45%;}


/* category split module styles
-----------------------------------------*/

#bColumn .moduleSplit {
  background: #fff;
  width: 287px;
  float: left;
  margin: 0;
  padding: 12px 10px 5px 10px;
}
  
#bColumn .moduleSplit .header-left h4{
	color:#323232;
	font-family:Georgia,"Times New Roman",Times,serif;
	font-size:17px;
	font-size-adjust:none;
	font-stretch:normal;
	font-style:italic;
	font-variant:normal;
	font-weight:normal;
	line-height:normal;
	padding:0;
	margin:0;
}  
  
 
#bColumn .moduleSplit:after {
  content: ".";
  display: block;
  height: 0;
  clear: both;
  visibility: hidden;
}

* html #bColumn .moduleSplit {
  height: 1%;
}  

.moduleSplitA, .moduleSplitB, .moduleSplitC {
  margin:0 7px 5px 0;
  padding:0;
  background:#fff;
  width:140px;
  float:left;
  clear:left;
} 
.moduleSplitB {margin-right:0; clear:none;} 
.moduleSplitC {clear:none;} 
#aColumn .moduleSplitA, #aColumn .moduleSplitC {margin-right:20px;} 
* html #aColumn .moduleSplitA, * html #aColumn .moduleSplitC {margin-right:4px !important;} 
  
.moduleSplitA ul, .moduleSplitB ul {
  margin: 0 0 5px 0;
  padding: 0 0 0 0; 
}
  
.moduleSplitA ul li, .moduleSplitB ul li {
  line-height:130%;
}
  
.moduleSplitA ul.list-arrow li, .moduleSplitB ul.list-arrow li {
	padding: 0 0 0 20px;
	font:12px/130% arial, helvetica, sans-serif;
	background:url(http://img2.timeinc.net/toh/i/global/icon_arrow.gif) no-repeat 0 0;
	margin-bottom:4px;
}

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

* html #moduleSplitA, * html #moduleSplitB {
  height: 1%;
}
  
.moduleSplitA h5, .moduleSplitB h5, .moduleSplitC h5 {
  margin: 8px 0 0 0;
  padding: 0 0 0 0;
  font-size:11px;
  font-weight:bold;  
}  
  
.moduleSplitA .summary, .moduleSplitB .summary, .moduleSplitC .summary {
  margin: 2px 0 0 0;
  padding: 0 0 0 0;
  font-size:11px; 
}

  
/*unordered list*/
#bColumn .module h2#popular-articles {
	color:#323232;
	font:italic 17px georgia,serif;
	margin:0 0 10px 5px;
	padding:0;
}

#bColumn .module .head_browse .browseMore {
	margin-left:6px;
}

.module #popular-articles-list {padding-bottom:30px;}
.module #popular-articles-list ol {
  margin: 15px 0 7px 30px;
  padding: 0 0 0 0;
  color: #666;
}

.module #popular-articles-list ol li {
  margin: 0 0 5px 0;
  padding: 0 0 0 0;
  font:12px georgia, serif;
}

/*added new style for bug#23825 on 10-April-08 */
#bColumnWatchOnline {
  float: left;
  width:307px;
  background-color: #eceae0;
  padding: 5px;
}

#bColumnWatchOnline .moduleSplit {
  background: #fff;
  width: 287px;
  float: left;
  margin: 0;
  padding: 12px 10px 5px 10px;
}

#bColumnWatchOnline .moduleContainDivider {
  background:url(http://img2.timeinc.net/toh/i/homepage/moduleDividerBG.gif) repeat-x 0 0;
  width:100%;
  height:5px;
  clear:both;
  margin: 0 0 0 0;
  padding: 0 0 0 0;
  width: 303px; 
}

/* homepage B Col Bottom Ad styles
-----------------------------------------*/

#bottomAd {
  background: #fff;
  width: 317px;
  margin: 0 0 5px 0;
  padding: 15px 0 5px 10px;
}

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

* html #bottomAd {
  height: 1%;
}
  

#aColumn .module#videoMod .moduleImg {
  width:140px;	
  position: relative;
}

#aColumn .module#videoMod .moduleImg img {
	width:140px;
}

#aColumn .module#videoMod .moduleImg .videoOverlay a {
  z-index: 1000;
  position: absolute;
  top: 20px;
  left:47px;
  margin: 0 0 0 0;
  padding: 0 0 0 0;
  width: 47px;
  height: 47px;
  background:url(http://img2.timeinc.net/toh/i/global/watchVideoOverlay.gif) no-repeat 0 0;
}

#aColumn .module#videoMod .moduleImg a.watchVideo {
  float: right;
  clear: right;
  width:111px;
  height:19px;
  margin: 0 0 0 0;
  overflow:hidden;
  background:url(http://img2.timeinc.net/toh/i/homepage/button_watchVideo.gif) no-repeat 0 0;
  text-indent:-9999px;
}  
  
  
#aColumn .videoMod .moduleImg {
  width:140px;	
  position: relative;
}

#aColumn .videoMod .moduleImg img {
	width:140px;
}

#aColumn .videoMod .moduleImg .videoOverlay a {
  z-index: 1000;
  position: absolute;
  top: 20px;
  left:47px;
  margin: 0 0 0 0;
  padding: 0 0 0 0;
  width: 47px;
  height: 47px;
  background:url(http://img2.timeinc.net/toh/i/global/watchVideoOverlay.gif) no-repeat 0 0;
}

#aColumn .videoMod .moduleImg a.watchVideo {
  float: right;
  clear: right;
  width:111px;
  height:19px;
  margin: 0 0 0 0;
  overflow:hidden;
  background:url(http://img2.timeinc.net/toh/i/homepage/button_watchVideo.gif) no-repeat 0 0;
  text-indent:-9999px;
}


/* Design Toolbox landing styles
-----------------------------------------*/

#design-toolbox {margin:10px 0 0 0;}
#design-toolbox .polaroids {float:right;}
#design-toolbox #toolboxContent {margin:0 0 0 9px;}
#design-toolbox #toolboxContent ul {margin:1em 0 !important;}
#design-toolbox h2 {margin:0; padding:12px 42px; background:url(http://img2.timeinc.net/toh/i/toolbox/i_diy.gif) no-repeat 5px 5px; font:bold 18px tahoma, verdana, sans-serif;}
#design-toolbox #toolboxContent h3 {margin:0; padding:5px 5px 3px 5px; font:bold 14px tahoma, verdana, sans-serif; background:#eee;}
#design-toolbox #toolboxContent p {margin:0; padding:0 5px 0.8em 5px; background:#eee;}
#design-toolbox #toolboxContent .hr {border-top:1px solid #ddd; border-bottom:1px solid #fff; margin:0; padding:0;}
* html #design-toolbox #toolboxContent .hr {margin:5px 0;}
#design-toolbox #toolboxContent ul {margin:7px 0 0 0; padding:0; list-style:none;}
* html #design-toolbox #toolboxContent ul {margin-top:0;}
#design-toolbox #btn_start-designing {display:block; margin:5px 0 20px 0; width:141px; height:31px;}

h3#calculators {
  margin:0;
  padding:0 0 10px 35px;
  font:bold 18px tahoma, verdana, sans-serif;
  background:url(http://img2.timeinc.net/toh/i/toolbox/i_calc.gif) no-repeat 0 0;
}
  
p.calculate {
  clear:both;
  margin:0 0 10px 33px !important;
  font-size:12px;
}

h2#photo-galleries {
  margin:0;
  font:bold 18px tahoma, verdana, sans-serif;
}

.floatLeft p {
  font-size:12px;
  margin:5px 0;
}
  
.plain-top {
  border-top:none;
  background:none !important;
}

/* Misc styles
-----------------------------------------*/
.completeDirCol {margin:0 10px 0 0;	float:left;	width:140px;}		
.completeDirCol ul li {line-height:19px;}		  
.paginationContainer {width:625px;margin:20px 0 10px 0;	float:left;}
.paginationContainer .floatRight {font-size:13px;}
.paginationContainer .floatRight span {font-family: arial, helvetica, sans-serif;}
.paginationContainer div a {font-family: arial, helvetica, sans-serif;text-decoration:underline;}
.remodels {font-size:11px; line-height:1.4em;}
#qaSearch {width:270px;}
.topPagination {float: left; clear: both; width:625px; height:3px; margin:0; background:url(http://img2.timeinc.net/toh/i/global/border_top.gif) repeat-x top;}


p#description {
font:14px Georgia, 'Times New Roman', Times, serif;
margin:0 0 15px 0; 
color:#333; line-height:150%;
clear:both; 
background: transparent url(http://img2.timeinc.net/toh/i/homepage/borderLeadStory.gif) repeat-x scroll 0 bottom;
min-height:3px;
_height:3px;
padding-bottom:10px;
}
p#description-no-divider{
	background:none;
	font:14px Georgia, 'Times New Roman', Times, serif;
	padding:0;
	margin:0;
	color:#333; line-height:150%;
	clear:both;
	

}
#aColumn .module .a2ColModuleSplitB .tools ul{
	overflow:hidden;
	_zoom:1;
}

#aColumn .module .a2ColModuleSplitB .tools ul li{
	float:left;
}

#aColumn .ad-88-31{
	margin:-10px 55px 10px 0;
	padding:0;
	text-align:right;
}

#bColumn .adModule,
#designToolbox{
	width:300px;
	margin:auto;
}