#info h3 {padding:0;margin:0;}
#info p {margin:0;padding:5px 0;}
#info #sld, #info #cozi {clear:both}
#info #sldimg {width:100px;margin:0 10px 10px 0;float:left;position:relative}
#info #sldcnt {position:relative; overflow:hidden;margin-bottom:5px; }

#info span.item{padding:0 2px;}

.tool-tip{background:#fff;padding:3px;border:1px solid #ccc;}
.tool-text{color:#ED5911;}

div.infomodScroll, div.infomodScroll .content {height:200px; *height: auto; display:table;}
div.infomodScroll { width: 310px;display:table; }
div.infomodScroll .content { width: auto; }
    div.infomodScroll .scrollarea {height:196px;}/* height = heightopt1 height - 4px*/
	div.infomodScroll div.scrollBarContainer {height:168px;}/* height = scrollarea height - 28px*/

.infomodContentArea .relatedContentItem {display: table;width:310px;height:83px;background:url(http://images.meredith.com/bhg/images/temps/greenstyle/bhg-relatedvideos-bg.gif) 0 0 no-repeat;}
.infomodContentArea .relatedContentItem_Holder1,
.infomodContentArea .relatedContentItem_Holder2 { float: left; width: 230px;margin-top:8px;font-size:11px;}
.infomodContentArea .relatedContentItem_Holder1 { width:50px;border:1px solid #e5e1c6;margin:9px 3px 0 9px;_margin-left:5px;padding:2px;_padding-bottom:0;width:50px;}
.infomodContentArea .relatedContentItem_Holder1 img{ width: 50px; height: 50px; }
.infomodContentArea .relatedContentItem_Title a {font-weight:bold;}

/* BHG has a "view" button built into background image behind each video description */
.infomodContentArea .viewButton {width:100%;padding:0;margin:0;}
.infomodContentArea .viewButton a {display:block;float:right;width:25px;height:10px;padding:0;margin:-1px -4px 0 0;}
.infomodContentArea .viewButton a {border-bottom:none;}

#relatedInfoModContent .scrollControls { display: none; }
#relatedInfoModContent .content {padding-left:0;}