/* ---- Hero (Non-Rotating Cover) ---------------------- */

#hero {
	position: relative;
	z-index: 1;
}

/* ---- For use when a hero needs to be on the homepage instead of a cover
   ---- Usually only done for A/B testing -------------------------------- */
.specialhero {
	width: 550px !important;
	margin: 0 0 20px -4px !important;
	border: 1px solid #e5e5e5 !important;
}


/* ---- Default Layout: Channel Home Page ---- */

#hero.default {
	width: 562px;
	margin: 0 0 13px -14px;
	border: 1px solid #dbdbdb;
}

#hero.default .hero-wrap {
	margin: 0; padding: 15px;
	background-color: #f7f7f7;
}

#hero.default h2 {
	margin: 0 0 3px 0; padding: 0;
	/* font-family: tahoma, arial, sans-serif; xpand */
	font-size: 18px;
}

#hero.default h2 a {
	color: #313131;
	text-decoration: none;
}

#hero.default h2 a:hover {
	text-decoration: underline;
}

#hero.default div.photo {
	width: 160px; height: 160px;
	padding: 3px 12px 0 0;
	float: left;
}

#hero.default div.photo img {
	width: 160px; height: 160px;
	background-color: #666;
	border: 0;
}

#hero.default div.copy {
	width: 350px;
	float: left;
}

#hero.default p {
	margin: 0 0 9px 0; padding: 0;
	font-size: 12px;
	line-height: 17px;
	color: #313131;
}

#hero.default p a {
	/* color: #3459f5;
	font-weight: bold; xpand */
	text-decoration: none;
}

#hero.default p a:hover {
	text-decoration: underline;
}

#hero.default h3 {
	margin: 0 0 1px 0; padding: 0;
	font-size: 12px;
	color: #313131;
	clear: left;
}

#hero.default div.herocommonlinks {
	height: 1%;
}

#hero.default div.herocommonlinks h3 {
	margin: 0 0 5px 0; padding: 0 7px 0 0;
	float: left;
	color: #000000;
}

#hero.default ul.herocommonlinks li {
	margin: 0 0 7px 0; padding: 0 7px 0 24px;
	font-size: 12px;
	float: left;
	position: relative;
	clear: both;
	width: 98%;
}

#hero.default ul.herocommonlinks li a {
	/* color: #666; xpand */
	text-decoration: none;
}

#hero.default ul.herocommonlinks li a:link {
	text-decoration: none;
}

#hero.default ul.herocommonlinks li a:visited {
	text-decoration: none;
}

#hero.default ul.herocommonlinks li a:hover {
	text-decoration: underline;
}

#hero.default ul.herocommonlinks li a:active {
	text-decoration: none;
}

#hero.default ul {
	margin: 0; padding: 0;
	list-style: none;
}

/* rounded corners */
#hero.default i.ul,
#hero.default i.ur,
#hero.default i.lr,
#hero.default i.ll
{display:none;} /* xpand */



/* ---- Mini Layout: Subchannel Pages ---- */

div#hero {
	width: 376px;
	margin: 0; padding: 0;
}

#hero.mini .hero-wrap {
	padding: 15px 0 16px 15px;
	background-color: #f7f7f7;
	border:1px solid #dbdbdb;
}

#hero.mini h2 {
	margin: 0 0 7px 0; padding: 0;
	font-size: 18px;
}

#hero.mini h2 a {
	/* color: #3459f5; xpand */
	color:#313131;
	text-decoration: none;
}

#hero.mini h2 a:hover {
	text-decoration: underline;
}

#hero.mini div.photo {
	width: 160px; height: 160px;
	padding: 2px 0 0 0;
	float: left;
}

#hero.mini div.photo img {
	width: 160px; height: 160px;
	background-color: #666;
	border: 0;
}

#hero.mini div.copy {
	width: 184px;
	padding: 0 0 0 9px;
	float: left;
}

#hero.mini p {
	margin: 0 0 8px 0; padding: 0;
	font-size: 12px;
	line-height: 14px;
	color: #000;
}

#hero.mini p a {
	/* color: #3459f5;
	font-weight: bold; xpand */
	text-decoration: none;
}

#hero.mini p a:hover {
	text-decoration: underline;
}

#hero.mini h3 {
	margin: 0 0 3px 0; padding: 0;
	font-size: 11px;
	color: #666;
	clear: left;
}

#hero.mini ul {
	margin: 0; padding: 0;
	list-style: none;
}

/* rounded corners */
#hero.mini i.ul,
#hero.mini i.ur,
#hero.mini i.lr,
#hero.mini i.ll
{display:none;} /* xpand */

#hero.mini div.herocommonlinks {
	margin: 0px 0px 0px 0px;
	height: 1%;
}

#hero.mini div.herocommonlinks h3 {
	margin: 7px 0 5px 0; padding: 0 4px 0 0;
	float: left;
	color: #000000;
}

#hero.mini ul.herocommonlinks {
	padding-left: 5px;
}

#hero.mini ul.herocommonlinks li {
	margin: 0 0 2px 0; padding: 0 7px 2px 24px;
	font-size: 11px;
	float: left;
	position: relative;
	clear: both;
	width: 150px;
}

#hero.mini ul.herocommonlinks li a {
	/* color: #666; xpand */
	text-decoration: none;
}

#hero.mini ul.herocommonlinks li a:hover {
	text-decoration: underline;
}

#hero.mini ul.herocommonlinks {
	padding-left: 0px;
}

#hero.mini ul.herocommonlinks li {
	margin: 0 0 2px 0; padding: 0 7px 2px 24px;
	font-size: 11px;
	float: left;
	position: relative;
	clear: both;
	width: 150px;
}

#hero.mini ul.herocommonlinks li a {
	/* color: #666; xpand */
	text-decoration: none;
}

#hero.mini ul.herocommonlinks li a:link {
	text-decoration: none;
}

#hero.mini ul.herocommonlinks li a:visited {
	text-decoration: none;
}

#hero.mini ul.herocommonlinks li a:hover {
	text-decoration: underline;
}

#hero.mini ul.herocommonlinks li a:active {
	text-decoration: none;
}