/* ============================
   COMMON ELEMENTS
=============================*/

/* ----------------------------
   some overrides and additions for standard.css which should migrate to become the new standard
----------------------------- */
#crumb p {
	padding: 8px 24px;
}
#pg_hd {
	padding: 0 24px;
}
#pg_hd h1 {
	padding: 0;
}
#pg_hd p {
	padding: 0 0 12px;
}
#mid_col, body.no_left_nav div#mid_col.two_col  {
	padding: 8px 24px;
}
body.no_left_nav div#mid_col.two_col {
	margin-right:0;
	width: 673px;
	padding: 8px 24px;
}
#mid_col.two_col {
	width:560px;
}
* html #mid_col.two_col {
	width: 558px;
}	
#emaillink {
	padding-left: 172px;
}

#content_wrap.two_col_pc {
	background-image: none;
}
.hide_left {
	position: absolute;
	left: -30000px;
}
.no_link_underline a {
	text-decoration: none;
}
.no_link_underline a:hover {
	text-decoration: underline;
}
.content_block ol, #right_col .content_block ol {
	margin-left: 2.2em;
}
#right_col {
	width: 193px;
}
#right_col p {
	font-size: 1em;
	margin: inherit;
	
}
#right_col li p {
	padding: 0;
}
body.no_left_nav #emaillink {
	padding-left:28px;
}

/* ------ content_block: basic building block for various blocks of information ------*/

.content_block {
	margin: 0 0 1em;
}
#right_col .content_block h2 {
	border: 1px #ddd solid;
	color: #000;
	margin-bottom: .4em;
	background-color: #eee;
	font-size: 1.1em;
	font-weight: bold;
	padding: 5px;
}

/* ------ link list:  lists of links where styling can differentiate from context links, 
	NOTE: had to add explicit right col selector to overide standard.css no list image declaration ------ */

.link_list, #right_col .link_list {
	list-style-image: url(../ia/products/images/bullet.png);
}
.link_list a {
	text-decoration: none;
}
.link_list a:hover {
	text-decoration: underline;
}
#right_col .content_block .link_list a {
	font-weight: bold;
	text-decoration: none;
}
#right_col .content_block .link_list a:hover {
	text-decoration: underline;
}


/* ======================================
   New Homes SPLASH PAGE STYLING
=======================================*/
ul#topic_navigation {
	list-style-image: none;
	list-style: none;
	display: block;
	padding:0;
	margin: 0 0 20px -15px;
	height: 180px;
}
ul#topic_navigation li {
	display: inline;
	float:left;
	margin:0;
}
ul#topic_navigation li a {
	width:225px;
	height:180px;
	display:block;
}
ul#topic_navigation li a#fab {
	background: url(../ia/new_homes/images/topic_nav_find_builders.jpg) no-repeat; 
}
ul#topic_navigation li a#fab:hover {
	background: url(../ia/new_homes/images/topic_nav_find_builders.jpg) no-repeat 0 -180px; 
}
ul#topic_navigation li a#how_earn {
	background: url(../ia/new_homes/images/topic_nav_how_earn.jpg) no-repeat; 
}
ul#topic_navigation li a#how_earn:hover {
	background: url(../ia/new_homes/images/topic_nav_how_earn.jpg) no-repeat 0 -180px; 
}
ul#topic_navigation li a#feat_ben {
	background: url(../ia/new_homes/images/topic_nav_features_benefits.jpg) no-repeat; 
}
ul#topic_navigation li a#feat_ben:hover {
	background: url(../ia/new_homes/images/topic_nav_features_benefits.jpg) no-repeat 0 -180px; 
}

/* ------ FEATURE CAROUSEL ------ */


.features_carousel h2 {
	background: #00aeef;
	color: #fff;
	margin:0;
	padding: 5px 10px;
	border: 1px #11617f solid;
	width: 604px;
}

.features_carousel h3 {
	padding: 0 8px;
	margin: 0;
	font-size: 1.2em;
}

.features_carousel .buttons {
	font-weight:bold;
	padding: 0;
	list-style: none;
	list-style-image: none;
	margin: 0;
	float: right;
	width: 219px;
}
* html .features_carousel .buttons {
	width: 215px;
}
* html .features_carousel .buttons a {
	width: 215px;
}
.features_carousel p {
	padding: 0 8px;
	margin: 0;
}
.features_carousel .buttons li {
	margin: 0 !important;
	padding:0;
	height:75px;
}
.features_carousel .buttons a {
	display: block;
	width: 219px;
	height:75px;
	text-decoration: none;
	color: #000;
}

.features_carousel .buttons span {
	color: #000;
	font-size: inherit;
	font-family: inherit;
	padding: 27px 4px;
	display: block;
	margin-left: 15px;	
}
.features_carousel .buttons span.car_arw {
	background: transparent url(../ia/products/images/arrows_features.gif) 0 50% no-repeat;
	width: 7px;
	height: 14px;
	margin-right: 7px;
	display: inline;
	padding: 0;
	float: left;
	margin-left: -14px;
}
.features_carousel .buttons li.selected span.car_arw {
	background-position: -7px 50%;
}
.features_carousel .buttons a:link, .features_carousel .buttons a:visited {
	color: #000;
}
.features_carousel .buttons a:hover, .features_carousel .buttons a:active {
	color: #11617f;
}
.features_carousel .buttons li.selected span {
	color: #11617f;
}
.yui-skin-sam .features_carousel .yui-nav {
	border: 0;
}
.yui-skin-sam .features_carousel .yui-nav li {
	border-top: 1px solid #fff;
	border-bottom: 1px solid #80d7f7;
	padding: 0;
	margin: 0;
}
.yui-skin-sam .features_carousel .yui-nav a {
	background-color: #CBEDF8;
	background-image: none;
	border: 0;
	border-width: 0;
}
.yui-skin-sam .features_carousel .yui-nav a:focus,
.yui-skin-sam .features_carousel .yui-nav a:hover {
	background-color: #80d7f7;
	color: #fff;
	background-image: none;
	border: 0;
}
.yui-skin-sam .features_carousel .yui-nav .selected {
	margin: 0;
	border: 0;
}
.yui-skin-sam .features_carousel .yui-nav .selected a,
.yui-skin-sam .features_carousel .yui-nav .selected a:hover,
.yui-skin-sam .features_carousel .yui-nav .selected a:focus {
	color: #000;
	background-color: #fff;
	background-image: none;
}
.features_carousel_container {
	border: 1px solid #11617f;
	float: left;
	width: 624px;
}
.yui-skin-sam .features_carousel .yui-content {
	background-color: #fff;
	padding: 0;
	border: 0;
	width: 404px;
	
}
.yui-skin-sam .features_carousel .yui-content img {
	vertical-align: top;
}
/* ------ HOME IMPROVEMENT FEATURE CAROUSEL ------ */
.features_carousel .buttons span.hi {
	color: #000;
	font-size: inherit;
	font-family: inherit;
	padding: 30px 4px;
	display: block;
	margin-left: 15px;	
}