/* This Old House- article.css
-----------------------------------------*/
#headerContainer {
  background:url(../../i/homepage/borderLeadStory.gif) repeat-x left bottom;
}

#headerContainer:after {
  content: ".";
  display: block;
  height: 0;
  clear: both;
  visibility: hidden;
}

* html #headerContainer {
  height: 1%;
}

#articleBreadcrumbs #subscribe a {
  float: right;
  display: block;
  width:213px;
  height:21px;
  margin: 0;
  overflow:hidden;
  background:url(../../i/global/subscribe.gif) no-repeat 0 0;
  text-indent:-9999px;
}

#articleTitleContainer {
	clear:both;
  margin: 5px 0;
  padding:5px 0;
  background:url(../../i/homepage/borderLeadStory.gif) repeat-x left bottom;
  *height: 1%;
}

#articleTitleContainer:after {
  content: ".";
  display: block;
  height: 0;
  clear: both;
  visibility: hidden;
}

* html #articleTitleContainer {
  height: 1%;
}

#articleTitleContainer .title {
 /* clear: left; */ 
  font-size: 24px;
  margin: 0 0 5px 0;
  padding: 0 0 0 0;
}

#articleTitleContainer .ad {
  float: right; clear:right;
}

#articleTitleContainer .byline {
  color: #5b5b5b;
  font-style: italic;
  font-size: 12px;
  float:left;  
  padding:5px 0 10px 0;
  width:500px
 }

#articleTitleContainer .byline .name, #galleryTitleContainer .byline .name {
  font-style: normal;
  text-transform:uppercase;
}

#articleTitleContainer .byline .magsource, #galleryTitleContainer .byline .magsource {
  font-style: normal;
}

#articleTitleContainer .tools {
  float: right;
}

#articleTitleContainer .rss {
  float: left;
  width: 90px;
  }

#articleTitleContainer .rss:after {
  content: ".";
  display: block;
  height: 0;
  clear: both;
  visibility: hidden;
  }

* html #articleTitleContainer .rss {
  height: 1%;
  }

#articleTitleContainer .rss a.icon {
  float: left;
  width:18px;
  height:10px;
  margin: 37px 5px 0 0;
  overflow:hidden;
  background:url(../../i/global/rss.gif) no-repeat 0 0;
  text-indent:-9999px;
  }

#articleTitleContainer .rss a.whatIsThis {
  float: right;
  margin: 18px 0 0 0;
  padding: 0 0 0 0;
  font: 10px arial, helvetica, sans-serif;
  }

/* aColumn styles
-----------------------------------------*/

#aColumn {
  float: left;
  clear: both;
  width:317px;
  margin: 0 0 0 0;
}

#aColumn #articleImg {
  margin: 5px 0 10px 0;
  padding: 8px;
  border: 1px solid #e2e0e0;
  display:none;
}

#aColumn #articleImg p.summary {
  color: #333;
  font: italic 11px/1.5em georgia, serif !important;
}

#aColumn #articleImg .credit {
  font: 9px arial, helvetica, sans-serif;
  color: #999;
}

#aColumn #articleImg .tools {
  margin: 5px 0 5px 0;
  padding: 0 0 0 0;
  *height: 1%;
}

#aColumn #articleImg .tools:after {
  content: ".";
  display: block;
  height: 0;
  clear: both;
  visibility: hidden;
}

* html #aColumn #articleImg .tools {
  height: 1%;
}

#aColumn #articleImg .tools a.enlarge {
  float: left;
  margin: 0 0 0 0;
  padding: 0 0 0 22px;
  background:url(../../i/global/iconEnlargeImg.gif) no-repeat 0 0;
  font: 10px arial, helvetica, sans-serif;
}

#aColumn #articleImg .tools .pageCount {
  float: right;
  font-size: 11px;
}

#aColumn .module, #aColumn .browseModule {
  background: #fff;
  background:url(../../i/homepage/borderModule.gif) repeat-x left bottom;
  margin: 0 0 0 0;
  padding: 7px 0 22px 0;
  width:317px;
  clear: both;
  position: relative;
}
  
#aColumn .browseModule {
	color:#000;	
	padding-bottom:15px;
	font-size:11px;
	float:left;
}  
	
#aColumn .browseModule h5 {
	padding-bottom:7px;
	font-weight:normal;
	font-size:11px;
} 	
	
	
#aColumn .browseModule a {
	color:#0066CC;	
	font: 11px arial, helvetica, sans-serif;
	padding:0 0 10px 0;
}

#aColumn .module:after {
  content: ".";
  display: block;
  height: 0;
  clear: both;
  visibility: hidden;
}

* html #aColumn .module {
  height: 1%;
}

#aColumn .module h3 {
  margin: 0 0 15px 0;
  font-size: 12px;
  font-weight: normal;
  clear: both;
  display: block;
}

#aColumn .module h4 {
  font: 12px normal;
  font-style: italic;
  margin: 0 0 10px 0;
}


#aColumn .module p.summary {
  color: #666;
}

#aColumn .module .tools {
  font: 10px arial, helvetica, sans-serif;
  width: 140px;
}

#aColumn .module .tools a.comment {
  margin: 0 5px 25px 0;
  padding: 0 0 0 22px;
  background:url(../../i/global/iconComment.gif) no-repeat 0 0;
  line-height: 160%;
}

#aColumn .module .tools a.browse {
  padding: 0 0 0 22px;
  background:url(../../i/global/iconBrowse.gif) no-repeat 0 0;
  line-height: 160%;
}

#aColumn .browseModule a.view-all {
  padding: 0 0 0 22px;
  background:url(../../i/global/icon_view-all.gif) no-repeat 0 0;
  line-height: 160%;
}

#aColumn .module#video h2 {
  margin: 3px 0 4px 0;
  font:bold 18px tahoma, verdana, sans-serif;
}

#aColumn .module#video h3 {
  margin: 0 0 8px 0;
}

#aColumn .module#video .moduleImg {
  width: 145px;
  float: right;
  position: relative;
  margin-top:3px;
}

#aColumn .module#video .moduleImg img {
  margin: 0 0 10px 0;
  padding: 0 0 0 0;
  float: right;
}

#aColumn .module#video .moduleImg .videoOverlay a {
  z-index: 1000;
  position: absolute;
  top: 20px;
  left:50px;
  margin: 0 0 0 0;
  padding: 0 0 0 0;
  width: 47px;
  height: 47px;
  background:url(../../i/global/watchVideoOverlay.gif) no-repeat 0 0;
}

#aColumn .module#video .moduleImg a.watchVideo {
  float: left;
  clear: right;
  width:111px;
  height:19px;
  margin: 0 0 0 4px;
  overflow:hidden;
  background:url(../../i/homepage/button_watchVideoNew.gif) no-repeat 0 0;
  text-indent:-9999px;
}

#aColumn .ad300 {
  float: left;
  width: 317px;
  background:url(../../i/homepage/borderModule.gif) repeat-x left bottom;
  margin: 0 0 12px 0;
  padding: 20px 0 20px 0;
}

#aColumn .ad300 .descript, .advertisement {
  font-size: 9px;
  font-style: italic;
  color: #a4a4a4;
  margin: 0 0 5px 0;
  padding: 0 0 0 8px;
}

#aColumn .ad300 img {
  margin: 0 0 5px 0;
  padding: 0 0 0 8px;
}

#aColumn .module#newsstands {
  background: none;
  margin: 0 0 0 0;
  padding: 0;
}
  
#aColumn .module#newsstands .newsstandsContainer {
 	margin-top:5px; 
	padding:8px; 
	border: 1px solid #e2e0e0;
}  
  
#aColumn .module#newsstands .newsstandsContainer .newsstandMod {
	float:left;
	clear:both;
	width:300px;
}

#aColumn .module#newsstands .newsstandsContainer .newsstandMod .floatLeft {width:130px;}	
#aColumn .module#newsstands .newsstandsContainer .newsstandMod .floatRight {width:165px;}	 
	
#aColumn .module#newsstands .newsstandsContainer .newsstandMod h5 {
	font-size:13px;	
	font-style:italic;
	font-weight:bold;
	padding-bottom:0px;
}	
	
#aColumn .module#newsstands .newsstandsContainer .newsstandMod .subhead {
	font-size:11px;	
	padding-bottom:4px;
}	

#aColumn .module#newsstands h2 {
  clear:right;
  margin: 0 0 5px 0;
  font:bold 18px tahoma, verdana, sans-serif;
}

#aColumn .module#newsstands .moduleImg {
  width: 300px;
  border: 1px solid #e6e5e5;
  margin: 0 0 0 0;
  padding: 8px 8px 8px 8px;
}

#aColumn .bottom {
  background: none !important;
}

/* bColumn styles
-----------------------------------------*/

#bColumn {
  float:right;
  width:610px;
  padding:5px 10px 0 0;
}

#bColumn h3 {
  color: #333;
  font-size: 12px;
  line-height: 1.4em;
}

#bColumn p {
  margin: 0 0 10px 0;
  padding: 0 0 0 0;
  color: #333;
  line-height: 1.3em;
}
  
#bColumn ol {margin-left:1.5em; padding-left:0;}

#bColumn .module {
  background: #fff;
  width: 450px;
  float: left;
  margin: 0 0 5px 0;
  margin: expression((this.parentNode.lastChild == this)? "0 0 0 0" : "0 0 5px 0");
  padding: 10px 10px 10px 10px;
}

#bColumn .module:after {
  content: ".";
  display: block;
  height: 0;
  clear: both;
  visibility: hidden;
}

* html #bColumn .module {
  height: 1%;
}

#bColumn .module h3 {
  font-size: 12px;
  line-height: 140%;
  color: #333;
  font-weight: bold;
  margin: 0 0 0 0;
  padding: 0 0 0 0;
}

#bColumn .module h3 .q {
  font-size: 12px;
  line-height: 140%;
  color: #333;
  font-style: italic;
  margin: 0 0 0 0;
}

#bColumn .module h4 {
  font-size: 12px;
  color: #333;
  font-weight: normal;
  font-style: italic;
  margin: 7px 0 15px 0;
  padding: 0 0 0 0;
}

#bColumn .module .tools {
  font: 11px arial, helvetica, sans-serif;
  width: 250px;
  margin: 0 5px 0 0;
}

/* homepage home improvement styles
-----------------------------------------*/

#bColumn #homeImprove {
  background: #fff;
  width: 450px;
  margin: 0 0 5px 0;
  padding: 15px 10px 10px 10px;
}

#bColumn #homeImprove:after {
  content: ".";
  display: block;
  height: 0;
  clear: both;
  visibility: hidden;
}

* html #bColumn #homeImprove {
  height: 1%;
}

#homeImprove .homeImproveRow {
  width: 140px;
  float: left;
  font-size: 12px;
  padding: 0 5px 0 0;
}

#homeImprove .homeImproveRow h4 {
  font: 12px normal;
  font-style: italic;
  margin: 0 0 0 0;
  padding: 0 0 5px 0;
}

#homeImprove .homeImproveRow ul li {
  margin: 0 0 0 0;
  padding: 0 0 2px 0;
}

#homeImprove .homeImproveRow a.more {
  display: block;
  margin: 2px 0 5px 0;
  padding: 0 0 0 20px;
  background:url(../../i/global/iconMore.gif) no-repeat 0 0;
  line-height: 100%;
  color: #ef7c1b;
}

/* homepage split module styles
-----------------------------------------*/

#moduleSplit {
  margin: 0 0 5px 0;
  padding: 0 0 0 0;
  background:url(../../i/homepage/splitRowBG.gif) repeat-y 0 0;
  width: 470px;
  clear: both;
}

#moduleSplit:after {
  content: ".";
  display: block;
  height: 0;
  clear: both;
  visibility: hidden;
}

* html #moduleSplit {
  height: 1%;
}

#moduleSplit #rowA {
  float: left;
  width: 165px;
  margin: 0 0 0 0;
  padding: 0 0 10px 0;
}

#moduleSplit #rowA h2#watch {
  display: block;
  width:123px;
  height:15px;
  margin: 15px 0 5px 10px;
  overflow:hidden;
  background:url(../../i/homepage/h_watchOnline.gif) no-repeat 0 0;
  text-indent:-9999px;
}

#moduleSplit #rowA h2#watch {
  display: block;
  width:123px;
  height:15px;
  margin: 15px 0 10px 10px;
  overflow:hidden;
  background:url(../../i/homepage/h_watchOnline.gif) no-repeat 0 0;
  text-indent:-9999px;
}

#moduleSplit #rowA .module {
  width: 140px;
  margin: 5px 0 0 0;
  padding: 0 0 10px 10px;
}

#moduleSplit #rowA .module:after {
  content: ".";
  display: block;
  height: 0;
  clear: both;
  visibility: hidden;
}

#moduleSplit #rowA .module {
  height: 1%;
}

#moduleSplit #rowA .module h5 a {
  width: 140px;
  font-size: 12px !important;
}

#moduleSplit #rowA .module p.summary {
  width: 140px;
}

#moduleSplit #rowA .moduleContainDivider {
  float: left;
  margin: 0 0 10px 0;
  padding: 0 0 0 0;
  width: 165px;
  height: 5px;
  background:url(../../i/homepage/moduleDividerBG.gif) repeat-x 0 0;
}

* html #rowA .moduleContainDivider {
  margin: 0 0 0 0;
  padding: 0 0 0 0;
  clear: left;
}

#moduleSplit #rowB .moduleContainDivider {
  background:url(../../i/homepage/moduleDividerBG.gif) repeat-x 0 0;
  height: 5px;
  float: left;
  margin: 0 0 0 0;
  padding: 0 0 0 0;
  width: 303px;
}

* html #rowA .moduleContainDivider {
  margin: 0 0 -5px 0;
  padding: 0 0 0 0;
}

#moduleSplit #rowB {
  float: left;
  width: 300px;
  text-align: center;
  padding: 5px 0 5px 2px;
}

* html #moduleSplit #rowB {
  height: 1%;
}

#moduleSplit #rowB .module {
  float: left;
  width: 300px;
  padding: 0 0 0 2px;
}

#moduleSplit #rowB .adModule {
  float: left;
  width: 300px;
  height: 390px;
  margin: 0 0 0 0;
  padding: 0 0 0 2px;
}

/* homepage Daily Fix styles
-----------------------------------------*/

#dailyFix {
  background: #fff;
  width: 460px;
  margin: 0 0 5px 0;
  padding: 15px 0 5px 10px;
}

#dailyFix:after {
  content: ".";
  display: block;
  height: 0;
  clear: both;
  visibility: hidden;
}

* html #dailyFix {
  height: 1%;
}

#dailyFix .rss {
  float: left;
  width: 90px;
  margin: 0 0 0 0
  padding: 5px 0 0 0;
}

#dailyFix .rss:after {
  content: ".";
  display: block;
  height: 0;
  clear: both;
  visibility: hidden;
  }

* html #dailyFix .rss {
  height: 1%;
  }

#dailyFix .rss a.icon {
  float: left;
  width:18px;
  height:10px;
  margin: 4px 0 0 0;
  padding: 0 0 0 0;
  overflow:hidden;
  background:url(../../i/global/rss.gif) no-repeat 0 0;
  text-indent:-9999px;
  }

#dailyFix .rss a.whatIsThis {
  display: inline;
  margin: 0 0 0 0;
  padding: 0 0 0 0;
  font: 10px arial, helvetica, sans-serif;
  }

* html #dailyFix .rss a.whatIsThis {
  float: right;
  margin: -14px 0 0 0;
  padding: 0 0 0 0;
  }

#dailyFix .module {
  width: 460px;
  margin: 0 0 5px 0;
  padding: 0 0 0 0;
}

#dailyFix .module img {
  float: right !important;
  margin: 0 10px 5px 10px;
  padding: 0 0 0 0;
}

#dailyFix .module .boards {
  font: 10px arial, helvetica, sans-serif;
  width: 290px;
}

#dailyFix .module .boards a.tv {
  margin: 0 85px 25px 0;
  padding: 0 0 0 20px;
  background:url(../../i/homepage/icon_arrow.gif) no-repeat 0 0;
  line-height: 160%;
}

#dailyFix .module .boards a.home {
  margin: 0 10px 25px 0;
  padding: 0 0 0 20px;
  background:url(../../i/homepage/icon_arrow.gif) no-repeat 0 0;
  line-height: 160%;
}

#dailyFix .module .boards a.newProd {
  margin: 0 10px 25px 0;
  padding: 0 0 0 20px;
  background:url(../../i/homepage/icon_arrow.gif) no-repeat 0 0;
  line-height: 160%;
}

#dailyFix .module .boards a.project {
  margin: 0 20px 25px 0;
  padding: 0 0 0 20px;
  background:url(../../i/homepage/icon_arrow.gif) no-repeat 0 0;
  line-height: 160%;
}

#dailyFix #tip {
  background: #fff;
  width: 460px;
  margin: 0 0 5px 0;
  padding: 5px 0 0 0;
}

#dailyFix #tip:after {
  content: ".";
  display: block;
  height: 0;
  clear: both;
  visibility: hidden;
}

* html #dailyFix #tip {
  height: 1%;
  margin: 0 0 5px 0;
}

#dailyFix #tip .module {
  background: #f9f8f3;
  width: 436px;
  margin: 0 0 0 0;
  padding: 7px 7px 7px 10px;
}

#dailyFix #tip .module h3 {
  font-size: 15px !important;
  text-align: center;
  margin: 0 15px 10px 0;
}

#dailyFix #tip .module .tools {
  margin: 0 0 0 0;
  padding: 0 0 0 0;
}

#dailyFix #tip .module .tools a.browse {
  margin: 0 0 25px 0;
  padding: 0 0 0 20px;
  background:url(../../i/global/iconBrowse.gif) no-repeat 0 0;
  font: arial, helvetica, sans-serif;
  line-height: 160%;
}

#dailyFix .module .tools {
  font: 10px arial, helvetica, sans-serif;
}

#dailyFix .module .tools a.browse {
  margin: 0 20px 25px 0;
  padding: 0 0 0 20px;
  background:url(../../i/global/iconBrowse.gif) no-repeat 0 0;
  line-height: 160%;
}

#dailyFix .module .tools a.comment {
  margin: 0 0 0 0;
  padding: 0 0 0 20px;
  background:url(../../i/global/iconComment.gif) no-repeat 0 0;
}

#dailyFix .module .discussRow {
  float: left;
  width: 257px;
  margin: 15px 0 0 0;
}

#dailyFix .module .discussRow:after {
  content: ".";
  display: block;
  height: 0;
  clear: both;
  visibility: hidden;
}

#dailyFix .module .discussRow a.discuss {
  float: left;
  width:69px;
  height:16px;
  margin: 8px 0 10px 0;
  overflow:hidden;
  background:url(../../i/homepage/button_discuss.gif) no-repeat 0 0;
  text-indent:-9999px;
}

#dailyFix .module .discussRow .discussAd {
  display: inline;
  margin: 0 0 0 0;
  padding: 0 0 0 0;
}

/* homepage TV Program styles
-----------------------------------------*/

#tvPrograms {
  background: #fff;
  width: 460px;
  margin: 0 0 5px 0;
  padding: 15px 0 5px 10px;
}

#tvPrograms:after {
  content: ".";
  display: block;
  height: 0;
  clear: both;
  visibility: hidden;
}

* html #tvPrograms {
  height: 1%;
}

#tvPrograms .module {
  width: 450px;
  padding: 5px 0 10px 0;
  background: url(../../i/homepage/borderModule.gif) repeat-x bottom left;
  background: expression((this.parentNode.lastChild == this)? "none" : "url(../../i/homepage/borderModule.gif) repeat-x bottom left");
}

#tvPrograms .module:last-child {
  background: none;
}

#tvPrograms .module img {
  float: right !important;
  margin: 0 0 5px 10px;
  padding: 0 0 0 0;
}


* html #tvPrograms .module a.watchVideo {
  margin: 5px 15px 0 0;
}

#tvPrograms .module .tools {
  font: 10px arial, helvetica, sans-serif;
}

#tvPrograms .module .tools a.browse {
  margin: 0 0 25px 0;
  padding: 0 0 0 22px;
  background:url(../../i/global/iconBrowse.gif) no-repeat 0 0;
  line-height: 160%;
}

/* homepage B Col Bottom Ad styles
-----------------------------------------*/

#bottomAd {
  background: #fff;
  width: 460px;
  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%;
}

/* Photo Gallery styles
-----------------------------------------*/


#galleryTitleContainer {  	
  float:left;
  margin-top:7px;
  width:570px;
  margin-bottom:10px;
  clear:left;
}

#galleryTitleContainer #headline,
#galleryTitleContainer .byline{
  width:100%;
  float:left;
}

#galleryTitleContainer .byline{
  margin-top:5px;
}


#galleryTitleContainer #headline .title {
  display:block;
  float:left;
}

#galleryTitleContainer #headline .title {
  font:normal 24px georgia, serif;
  color:#323232;
}

#galleryTitleContainer .title span {
  font:italic 24px georgia, serif;
  color:#5b5b5b;
}

#galleryTitleContainer .rss {
  width:90px;
  float:left;
  margin:12px 0 0 10px;
  }

#galleryTitleContainer .rss:after {
  content:".";
  display:block;
  height:0;
  clear:both;
  visibility:hidden;
  }

* html #galleryTitleContainer .rss {
  height:1%;
  }

#galleryTitleContainer .rss a.icon {
  float: left;
  width:18px;
  height:13px;
  margin: 0 5px 0 0;
  overflow:hidden;
  background:url(../../i/global/rss.gif) no-repeat 0 2px;
  text-indent:-9999px;
  *background-position:0 3px;
  _background-position:0 1px;

  }

#galleryTitleContainer .rss a.whatIsThis {
  font:10px arial, helvetica, sans-serif;
  margin:0;
  padding:0;
  _display:block;
  }
 
#galleryTitle {
  font:bold 14px Georgia, "Times New Roman", Times, serif;
  color:#323232;
  margin-bottom:0.7em;
}

.pinkAd {
  float:right; 
  margin-top: 3px;
}

/* galleryImageContainer styles
-----------------------------------------*/

#galleryImageContainer {
  border:1px solid #ddd;
  width:451px; /*461px*/
  padding:7px 1px 4px 1px;
}

#galleryToggle {
  font:normal 10px Arial, Helvetica, sans-serif;
  color:#000;
  margin-left:4px;
}

#galleryToggle li {
  display:block;
  float:left;
}

#toggle-single {
  margin-right:8px;
  border-right:1px solid #000; 
}

#toggle-single a, #toggle-single span {
  padding:0 8px 0 17px;
  background:url(../../i/gallery/icon_single-photo_off.gif) no-repeat left;
  text-decoration:underline;
}

#toggle-single a.active, #toggle-single span {
  background:url(../../i/gallery/icon_single-photo_on.gif) no-repeat left;
  color:#000;
  text-decoration:none;
}

#toggle-thumbnails a, #toggle-thumbnails span {
  padding:1px 8px 1px 17px;
  background:url(../../i/gallery/icon_thumbnails_off.gif) no-repeat left;
  text-decoration:underline;
}

#toggle-thumbnails a.active, #toggle-thumbnails span {
  background:url(../../i/gallery/icon_thumbnails_on.gif) no-repeat left;
  color:#000;
  text-decoration:none;
}

.galleryPagination {
  font-style:italic;
  font-size:11px;
  display:block;
  float:right;
  margin-right:4px;
}

.galleryPagination a,
.galleryPagination span {
  display:block;
  float:left;
}

.galleryPagination a {
  text-indent:-9999px;
}

.galleryPagination a.previous {
  width:21px;
  height:16px;
  background:url(../../i/toggle-prev.gif) no-repeat;
  overflow:hidden;
  margin-right:5px;
}

.galleryPagination a.next {
  width:21px;
  height:16px;
  background:url(../../i/toggle-next.gif) no-repeat;
  overflow:hidden;
  margin-left:5px;
}

#gallery-single {
  padding:10px 0 4px 0;
  clear:both;
}

#gallery-thumbs {
  margin:0 0 0 8px;
  padding-top:10px;
  clear:both;
  font-size: 1px;
  
}

#gallery-thumbs img {
  margin:0 6px 10px 0;
  padding:0;
  width:100px;
  height:100px;
}



 
#toutsGrid {margin: auto; width: 325px; font: bold 11px Georgia;}
#toutsGrid h3 {margin: 35px 0 25px 0; font: italic 22px Georgia;}
#toutsGrid ul.tout {margin-top: 10px; margin-bottom: 20px; width: 325px;}
#toutsGrid ul.tout li {display: inline; float: left; padding:0;}
#toutsGrid ul.tout li.lt {padding-right: 20px;}
#toutsGrid ul.tout li.rt {padding-left: 20px;}
#toutsGrid ul.tout li div {width: 140px;}
#toutsGrid img {margin-bottom: 6px;}
#toutsGrid #moreLink {margin: 10px 0 35px 0;}
#toutsGrid #moreLink a.view-all {padding: 0 0 0 22px; background:url(../../i/global/icon_view-all.gif) no-repeat 0 0; line-height: 160%;}
.clear:after {content:"."; clear:both; display:block; height:0; visibility:hidden; min-height:0;}


#gallery-thumbs a {float:left; padding:5px 0 0 0; font-family:Arial,Helvetica,sans-serif; font-size:11px;}
/* DIY ad styles
-----------------------------------------*/
#gallery-diy {margin:10px 0; padding:15px 0; background:url(../../i/global/border_top.gif) repeat-x;overflow:hidden;}
#gallery-diy div {padding-left:45px;}
.diy-headline {background:url(../../i/global/bg_colorchips.gif) no-repeat; font:italic normal 16px/20px Georgia, "Times New Roman", Times, serif; color:#323232; width:235px;}
.diy-try {font:normal 12px/20px Arial, Helvetica, sans-serif; margin-bottom:1em;}


/* aColumnGallery styles
-----------------------------------------*/

#aColumnGallery {
  float:left;
  clear:both;
  width:769px;
  margin: 0;  
}

#aColumnGallery .module .aColModuleSplitA {  
  float:left;
  width:461px;
}

#aColumnGallery .module .aColModuleSplitB {  
  float:right;
  width:472px;
  padding:0 0 0 5px;
  margin:0 0 0 5px;
}

#aColumnGallery .module .aColModuleSplitB p {
  font:normal 12px/20px Georgia, "Times New Roman", Times, serif;
  color:#333;
  margin-bottom:2em;
}

#aColumnGallery .module#galleryLead {
  background:#fff;
  
  padding:18px 0 15px 0;
  width:779px;
}

/* BColumnGallery styles
-----------------------------------------*/
#bColumnGallery {
  margin-top: 7px;
}

#bColumnGallery .moduleContainDivider {
  background:url(../../i/homepage/moduleDividerBG.gif) repeat-x 0 0;
  width:100%;
  height:5px;
  clear:both;
}	
  
* html #bColumnGallery .moduleContainDivider {
  margin:0px 0 -5px 0;
  padding:0;
  clear:left;
}  

#bColumnGallery {
  float:right;
  width:160px;
}

#bColumnGallery .module {
  background:#fff;
  width:297px;
  float:left;
  margin:0;
  padding:5px;
}

#bColumnGallery .module:after {
  content:".";
  display:block;
  height:0;
  clear:both;
  visibility:hidden;
}

* html #bColumnGallery .module {
  height:1%;
}
  
#bColumnGallery .adModule {
  background-color:#fff;
  width:299px;
  margin:0;
  padding:4px;
  clear:both;
}
  
#bColumnGallery .adModule img {
 border:1px solid #ddd;
}  

#bColumnGallery .module h3, #bColumnGallery .module h3 a {
  font-size:12px !important;
  line-height:140%;
  color:#333;
  font-weight:bold;
  margin:0;
  padding:0;
}

#bColumnGallery .module h3 .q {
  font-size:11px;
  line-height:140%;
  color:#333;
  font-style:italic;
  margin:0;
}

#bColumnGallery .module h4 {
  font-size:11px;
  color:#333;
  font-weight:normal;
  font-style:italic;
  margin:7px 0 15px 0;
  padding:0;
}

/* aColumnArticle styles
-----------------------------------------*/

#aColumnArticle {
  float:left;
  clear:both;
  width:450px;
  margin:0; 
}

/* bColumnArticle styles
-----------------------------------------*/

#bColumnArticle {
  float:left;
  width:281px;
  padding-left:20px;
}

#bColumnArticle .adModule {
  background-color:#fff;
  width:299px;
  margin:0;
  padding:4px;
  clear:both;
} 
  
#bColumnArticle .adModule img {
 border:1px solid #ddd;
}  

#bColumnArticle .module h3, #bColumnArticle .module h3 a {
  font-size:12px !important;
  line-height:140%;
  color:#333;
  font-weight:bold;
  margin:0;
  padding:0;
}

#bColumnArticle .module h3 .q {
  font-size:12px;
  line-height:140%;
  color:#333;
  font-style:italic;
  margin:0;
}

#bColumnArticle .module h4 {
  font-size:11px;
  color:#333;
  font-weight:normal;
  font-style:italic;
  margin:7px 0 15px 0;
  padding:0;
}

#articleCommentsContainer {
  margin:10px 0 0 0;
  padding:0 0 18px 0;
  background:url(../../i/global/border_top.gif) repeat-x bottom;
}

#articleCommentsContainer h4 {
  font-size:12px;
  font-weight:bold;
  margin-bottom:10px;
}

#articleCommentsContainer h4 span {
  font-size:11px;
  font-weight:normal;
  font-style:italic;
}
  
#articleCommentsContainerSteps {
  margin:10px 0 0 0;
  padding:0 0 18px 0;
}

#articleCommentsContainerSteps h4 {
  font-size:12px;
  font-weight:bold;
  margin-bottom:10px;
}

#articleCommentsContainerSteps h4 span {
  font-size:11px;
  font-weight:normal;
  font-style:italic;
}  

.articleComments  {
  background-color:#f1f3f8;
  padding:3px; /*10px*/
  margin:0 0 4px 0;
}

.articleComment {
  margin:8px 7px 1em 7px;
}

#bColumn p.posted {
	color:#999;
	font-style:italic;
}

#bColumnSteps p.posted {
	color:#999;
	font-style:italic;
}

#dColumnSteps p {
	font-size:10px;
	line-height:15px;
}  
  
#bColumn .articleComment p {
  font-size:11px;
  line-height:15px;
}
  
#bColumn #articleCommentsContainer p {
  font-size:11px;
  line-height:15px;
}  


#bColumnSteps .articleComment p {
  font-size:11px;
  line-height:15px;
}
  
#bColumnSteps #articleCommentsContainer p {
  font-size:11px;
  line-height:15px;
}  


.articleComment:last-child {
  margin-bottom:0;
}

.articleComments .tools {
  background-color:#fff;
  padding:3px 0 4px 7px;
  font:normal 11px Arial, Helvetica, sans-serif;
}

.articleComments .tools .view-all {
  padding: 0 0 0 20px;
  background:url(../../i/global/icon_view-all.gif) no-repeat 0 0;
  margin-right:11px;
}

.articleComments .tools .comment {
  padding: 0 0 0 20px;
  background:url(../../i/global/icon_comment.gif) no-repeat 0 0;
}

#aColumnGallery .module .aColModuleSplitB #articleCommentsContainer p {
  margin:8px 0 0 0;
  font-size:11px;
  line-height:15px;
}

#aColumnGallery .module .aColModuleSplitB #articleCommentsContainer .articleComments .articleComment p {
  margin:0;
  font-size:11px;
  line-height:15px;
}

#aColumnGallery .module .aColModuleSplitB #articleCommentsContainer .articleComments .articleComment p.posted {
  color:#999;
  font-style:italic;
}

.articleTxt p {line-height:1.7em !important;}
  
.articleInlineList {
	background-color:#f2f3f8; 
	float:left; 
	width:180px; 
	display:inline; 
	padding:5px; 
	margin:0 10px 0 0;
} 
	
.articleInlineList h4 {
	font:bold italic 11px georgia, serif;
	padding-bottom:5px;
}
	
.articleInlineList ul {
	margin-top:0px;
} 		
	
.articleInlineList ul li {
  padding-bottom: 5px;
} 	 
.articleAd {
	float:right; 
	width:160px; 
	margin-left:0;
	_margin-left:10px;
}

.articleInlineList a {
	font:bold 11px Arial, Helvetica, sans-serif;
	text-transform: uppercase;
}  
	
.articlePageLink {
	font:13px Arial,Helvetica,sans-serif;
	display:block;
}
	
.articlePageination {
	background:url(../../i/global/border_top.gif) repeat-x center bottom;
	padding-bottom:15px;
	margin:15px 0;
}
	
.btmPageArticle {
	font-family:arial, sans-serif;
}	
	
.pageination {
	text-align:right;
	margin-bottom:15px;
}	
	
.pageination a {	
	font:13px Arial,Helvetica,sans-serif;
	text-decoration:underline;
	padding-left:3px;
}		
.pageination span {	
	font:13px Arial,Helvetica,sans-serif;
}		
#newsstands h5 {
	color:#323232;
	font:bold italic 14px Georgia,serif;
	margin:0 0 3px 0;
}
	
#newsstands .subhead {
	color:#323232;
	font:11px Georgia,serif;
	padding:3px 0 5px 0;
	margin:3px 0 5px 0;
}	
/* slideshow styles
-----------------------------------------*/
#slideshow2 {
	position: relative;
	width: 300px;
	height: 200px;
	overflow: hidden;
}
#slideshow2 img {
	position: absolute;
	left: 0;
	top: 0;
}


/*  START SCRIBBLEBOARD STYLES  */

/* styles for iframe */
#scribbleboardContent {background-color:#f2f3f8; padding:15px 0 20px 12px; font:normal 11px georgia,times,serif; line-height:15px; border:none;}
#scribbleboardContent div {/*width:608px;*/ height:220px; overflow:scroll;}
#scribbleboardContent p {margin-bottom:10px;}
#scribbleboardContent p span {font-style:italic; color:#999; padding-bottom:20px; margin-bottom:20px;}
/* styles for iframe */

/* generic styles for scribbleboard component */
#postform .commentInput label {display:block; font:normal 11px georgia,times,serif;}
#postform .commentInput textarea {height:90px; overflow:auto;}
#postform .commentInput textarea, #postform .commentInput input {border:solid 1px #CCC;}
#postform input.submit {display:block; border:none; margin-top:10px;}

#postform:after {
  content: ".";
  display: block;
  height: 0;
  clear: both;
  visibility: hidden;
}

* html #postform {
  height: 1%;
}
  
 div.moreInfo {padding:10px 0; font-size:11px;}
/* generic styles for scribbleboard component */

/* styles for scribbleboard component: Horizontal version */
#articleCommentsContainer #scribbleIframe iframe {width:440px; height:220px;}
#articleCommentsContainer #postform {width:415px; border:3px solid #f2f3f8; border-top:12px solid #f2f3f8; padding:10px;}
#articleCommentsContainer #postform .commentInput {float:left;}
#articleCommentsContainer #postform .commentInput .one {width:330px; margin-right:15px; margin-bottom:10px;}
#articleCommentsContainer #postform .commentInput .two {width:300px;}
/* styles for scribbleboard component: Horizontal version */

/* styles for scribbleboard component: Three Vertical versions 
The vertical version comes in 4 flavors: verticalCommentsContainerA, verticalCommentsContainerB, verticalCommentsContainerC and verticalCommentsContainerD
The only differnce between the three is that they have slightly different widths.
*/
#verticalCommentsContainerA, 
#verticalCommentsContainerB,
#verticalCommentsContainerC,
#verticalCommentsContainerD {padding-top:10px;}

#verticalCommentsContainerA h4, 
#verticalCommentsContainerB h4,
#verticalCommentsContainerC h4,
#verticalCommentsContainerD h4 {font-size:12px;}

#verticalCommentsContainerA #postform, 
#verticalCommentsContainerB #postform,
#verticalCommentsContainerC #postform,
#verticalCommentsContainerD #postform {border:3px solid #f2f3f8; border-top:12px solid #f2f3f8; padding:10px 10px 10px 10px;}

#verticalCommentsContainerA #postform .commentInput, 
#verticalCommentsContainerB #postform .commentInput,
#verticalCommentsContainerC #postform .commentInput,
#verticalCommentsContainerD #postform .commentInput {float:left; margin-top:15px;}

#verticalCommentsContainerA #scribbleIframe iframe {width:280px; height:220px; margin-top:10px;}
#verticalCommentsContainerA #postform .commentInput .one {width:250px;}
#verticalCommentsContainerA #postform .commentInput .two {width:250px;}

#verticalCommentsContainerB #scribbleIframe iframe {width:307px; height:220px; margin-top:10px;}
#verticalCommentsContainerB #postform .commentInput .one {width:278px;}
#verticalCommentsContainerB #postform .commentInput .two {width:278px;}

#verticalCommentsContainerC #scribbleIframe iframe {width:454px; height:220px; margin-top:10px;}
#verticalCommentsContainerC #postform .commentInput .one {width:424px;}
#verticalCommentsContainerC #postform .commentInput .two {width:424px;}

#verticalCommentsContainerD #scribbleIframe iframe {width:446px; height:220px; margin-top:10px;}
#verticalCommentsContainerD #postform .commentInput .one {width:420px;}
#verticalCommentsContainerD #postform .commentInput .two {width:420px;}
/* styles for scribbleboard component: Vertical versions */

/*  END SCRIBBLEBOARD STYLES  */

#aColumnGalleryAd{
	width:760px;
	float:left;
	padding:20px 10px 40px 10px;
	position:relative;
	text-align:center;
	border:1px #eee solid;
}

#aColumnGalleryAd #ad-wrapper{
	background-color:#F0F0F0;
	clear:both;
}
#aColumnGalleryAd #ad-container div{
	margin:0 auto;
	
}

#aColumnGalleryAd .next-slide,
#aColumnGalleryAd .skip-ad{
	display:inline-block;
	position:absolute;
	right:10px;	
}

#ad-container{
	position:relative;
	padding:60px 0;
	display:inline-block;
}

#aColumnGalleryAd .skip-ad{
	top:5px;
}

#aColumnGalleryAd .next-slide{
	bottom:10px;
	color:#0066CC;
	font-size:17px;
	font-family:Georgia,serif;

}
#aColumnGalleryAd .next-slide a{
	margin-right:10px;
	height:19px;
	display:inline-block;
	vertical-align:text-top;
	padding-left:65px;
	background:transparent url(../../i/global/btn_next.gif) no-repeat 0 0;
	text-decoration:none;
}

#aColumnGalleryAd .adCopy{
	clear:both;
	display:block;
	text-align:center;
}
#aColumnGallery #galleryLead.module {
	width:943px;	
}