/** pagetype-homepage.css **/

.pagetype-homepage .showcase				{ margin-top: 5px; }
.pagetype-homepage .showcase-row-of-3 .box	{ margin-right: 16px; }
.pagetype-homepage .showcase-row-of-3 .last	{ margin-right: 0; width: 163px; }
.pagetype-homepage .showcase-new .showcase-row-of-3 .last	{ width: 159px; }
.pagetype-homepage .showcase				{ background: #003366;  border-color: black; }
.pagetype-homepage .showcase a img			{ border-color: #c3dcf1; }
.pagetype-homepage .showcase a img#editors-pick	{ border-left: none; }
.pagetype-homepage .showcase .box em		{ color: #c3dcf1; }

.pagetype-homepage .category-promo .section-bar	{ background-image: url(http://media.aish.com/designimages/sectionbar-bg-homepage-blue.gif); }
.pagetype-homepage .category-promo h2,
.pagetype-homepage .category-promo h2 span	{ background-image: url(http://media.aish.com/designimages/sectionbar-titlesplash-generic-blue-white-ltr.gif); }
.pagetype-homepage .category-promo .virtual-category h2,
.pagetype-homepage .category-promo .virtual-category h2 span	{ background-image: url(http://media.aish.com/designimages/sectionbar-titlesplashvirtual-homepage.png); }

.pagetype-homepage .category-promo ul li	{ background: url(http://media.aish.com/designimages/bullet-brown.gif) no-repeat 0 5px;  color: #183765; }
/* This is really just a bandaid. Bullets should be done via <li> bullets, not background graphics. And the text color should be set on .category-promo, not both here and on <h3> */

html[lang="en"] .pagetype-homepage #dashboard	{ margin-top: 10px; }
html[lang="es"] .pagetype-homepage #dashboard	{ margin-top: 7px; }

#widget-most-popular-homepage {
	clear: both;
	padding-bottom: 6px;
}

/* Aish.mx homepage - annuncios section: */
.branch-mx .section-bar			{ color: #003366; border-bottom: 1px solid #003366; height: 19px; margin-top: 19px; }
.branch-mx .section-bar h2		{ font-size: 16px; margin: 0; padding: 0; float: left; }
.branch-mx .section-bar a:hover	{ text-decoration: none; }
.branch-mx .section-bar a.more	{ font-style: italic; float: right; font-size: 12px; }
.branch-mx .post					{ clear: both; padding: 18px 0 0; }
.branch-mx .post:first-child		{ padding-top: 9px; }
.branch-mx .post a.img-holder	{ display: inline; float: left; margin: 0 6px 0 0; }
.branch-mx .post a.img-holder img	{ margin-top: 2px; }
.branch-mx .post h3				{ font-size: 15px; line-height: 16px; margin: 0 0 5px; padding: 0; }
.branch-mx .post h3 a				{ color: #003366; }
.branch-mx .post p				{ font-size: 12px; line-height: 1.3em; margin: 5px; padding: 0 50px 0 0; }