/** pagetype-special.css **/
.holiday-date { background-color: #000043; }
/*.pagetype-special #canvas	{ margin:16px 0 0; }*/
.pagetype-special .showcase	{ margin-top: 7px; }

div.specHeader			{ width: 874px; margin: 0 auto; position: relative; height: 78px; }
div.specHeader img		{ max-height: 74px; }
div.specHeader td.SpecSectCell { padding: 0 6px 2px 13px; }

a.SpecBannerLink		{ font-family: "Trebuchet MS",Helvetica,sans-serif; font-size: 52px; line-height: 74px; margin: 0 7px 0 0;
						  text-decoration: none; text-transform: uppercase; float: left; }
a.SpecBannerLink:hover	{ text-decoration: none; }
a.SpecBannerLink img		{ font-size: 12px; line-height: 12px; text-transform: none; }
div.specHeader span.SpecSectDescript { font-size: 12px; font-style: normal; }
div.specHeader span.SpecSectDescript a { text-decoration: underline; }

.navbar-special		{ margin: 0 auto; overflow: hidden; width: 864px; padding: 4px 0 0; height: 29px; background-color: #CCCCCC; clear: left; }
.navbar-special ul	{ margin:0; padding:0 0 0 12px; float:left; }
.navbar-special ul li	{ padding: 0 5px 0 0; margin: 1px 0 0; background: none; list-style: none; float: left; }
.navbar-special ul li a	{ float: left; margin: 0 2px 0 0; color: #000000; border-radius: 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px; }
	/* When navbar-special was a type of sub-nav, it inherited: font-size: 14px; (but redundant on body{}), and  position: relative; (so now
	   defaults to static, but it doesn't seem to make a difference). */
.navbar-special ul li a span	{ font-size: 13px; padding: 3px 6px; float: left; font-family: "Trebuchet MS",Helvetica,sans-serif; }
.navbar-special ul li a:hover,
.navbar-special ul li.active a	{ text-decoration: none; background-color: cyan; color: #FFFFFF; }
.navbar-special ul li.active a	{ font-weight: bold; }
	
/* These should be merged in with navbar-core fieldset ... */
.navbar-special fieldset	{ float: right; width: 174px; }
.navbar-special fieldset input	{ float: left; margin: 0; }
.navbar-special fieldset input.text	{ font-size:12px; line-height:15px; color:#990000; border:1px solid #183764; padding:2px 5px 1px; width:122px; }
.navbar-special fieldset input.go-btn	{ display:inline; margin:0 0 0 1px; }

/** Widget-related **/
ul.bullets-items-list li	{ padding-left:8px; background: url(http://media.aish.com/designimages/bullet-blue.gif) no-repeat left 12px; }
ul.bullets-items-list li h4	{ font-size:11px; padding-top:4px; padding-bottom:2px; }
ul.bullets-items-list li span	{ font-size:10px; color:#ff9900; }
.subdued-widget .box img	{ display:block;}
.subs-box	{ margin:8px 8px 0; padding:2px; background:#fff; border:1px solid #9abddb; }
.subs-box fieldset	{ padding:0 0 15px 31px; overflow:hidden; background:#ffcc66 url(http://media.aish.com/designimages/subs-box-bg.gif) repeat-x; border:1px solid #cc9900; }
.subs-box fieldset input.text	{ background:#fff url(http://media.aish.com/designimages/input-bg.gif) repeat-x; float:left; display:inline; margin:0; padding:3px 5px 2px; border:1px solid #7c7c7c; border-top:1px solid #7c7c7c; }
.subs-btn	{ display:inline; margin:0 0 0 2px; float:left; }
.subs-box fieldset label	{ font-size:17px; color:#990000; padding:54px 0 11px 18px; display:block; background: url(http://media.aish.com/designimages/envelope.gif) no-repeat 70px top; }

/* Note that only the category-promo's on the special homepages have bulleted lists. */
.widget--most-popular-in div.tab div.tab	{ padding:0; overflow:hidden; background:#fff; }  /* this selects the nested tabs of special-homepage */
/* tabset--most-popular-by-media only exists on the special pages! */

/* Override Teaser text color for Holiday homepages.  Most of them have a dark showcase background. */
html .pagetype-CIA .showcase .box p	{ color:#fff; }

/** HACK: The Most Popular (Special) widget has been replaced by the Most Popular (Core) widget, except that it shouldn't show the list of interests, since they are already shown in the special navbar.  Personally, I'd rather drop the special navbar, but for now we are keeping it, and masking the interest list in the widget via css (rather than not generating the html in the first place.  **/
.widget--most-popular-in-NEW .interest-list	{ display: none; }

.navbar-special #searchWidget input.text {
	width: 294px;
}

/* Header section (redone by DAR 11/12) */
.pagetype-special .showcase h2 {
	margin-bottom: 13px;
	margin-top: 2px;
	color: #EEEEEE;
}
.pagetype-special .showcase a.more {
	margin-bottom: 1px;
	color: #EEEEEE;
}
.pagetype-special .interest-promo .section-bar {
	background: none repeat scroll 0 0 transparent;
	border-bottom: 2px solid black;
	padding: 0;
}
.pagetype-special .interest-promo .section-bar h2 {
	background: none repeat scroll 0 0 transparent;
	color: black;
	padding-left: 1px;
	font-family: "Trebuchet MS",Helvetica,sans-serif;
	font-size: 16px;
	line-height: 18px;
}
.pagetype-special .interest-promo .section-bar h2 span {
    background: none repeat scroll 0 0 transparent;
}
.pagetype-special .interest-promo .section-bar a.more {
	font-family: "Trebuchet MS",Helvetica,sans-serif;
	font-style: italic;
	margin-top: 1px;
}