/* ============================
   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 {
	display: block;
	list-style-image: none;
	list-style: none;
	padding:0;
	margin: 0 0 20px -15px;
	height: 180px;
}
ul#topic_navigation li {
	display: inline;
	float:left;
	margin:0;
}
ul#topic_navigation li a {
	display:block;
	height:180px;
	width:167px;
}
ul#topic_navigation_i {
	display: block;
	list-style-image: none;
	list-style: none;
	padding:0;
	margin: 0 0 20px -15px;
	height: 150px;
}
ul#topic_navigation_i li {
	display: inline;
	float:left;
	margin:0;
}
ul#topic_navigation_i li a {
	display:block;
	height:135px;
	width:167px;	
}	
ul#topic_navigation_i li a#fab {
	background: url(../ia/new_homes/images/WallComfort_bluebg.jpg) no-repeat; 
}
ul#topic_navigation_i li a#fab:hover {
	background: url(../ia/new_homes/images/WallComfort_bluebg.jpg) no-repeat 0 -135px; 
}
ul#topic_navigation_i li a#how_earn {
	background: url(../ia/new_homes/images/PeaceMind_bluebg.jpg) no-repeat; 
}
ul#topic_navigation_i li a#how_earn:hover {
	background: url(../ia/new_homes/images/PeaceMind_bluebg.jpg) no-repeat 0 -135px; 
}
ul#topic_navigation_i li a#feat_ben {
	background: url(../ia/new_homes/images/Enduring_bluebg.jpg) no-repeat; 
}
ul#topic_navigation_i li a#feat_ben:hover {
	background: url(../ia/new_homes/images/Enduring_bluebg.jpg) no-repeat 0 -135px; 
}
ul#topic_navigation_i li a#value {
	background: url(../ia/new_homes/images/ProvenValue_bluebg.jpg) no-repeat; 
}
ul#topic_navigation_i li a#value:hover {
	background: url(../ia/new_homes/images/ProvenValue_bluebg.jpg) no-repeat 0 -135px; 
}
ul#topic_navigation_cc {
	display: block;
	list-style-image: none;
	list-style: none;
	padding:0;
	margin-left:-25px;
	height: 200px;
	width: 110%;
}
ul#topic_navigation_cc li {
	display: inline;
	float:left;
	margin:0;
}
ul#topic_navigation_cc li a {
	display:block;
	height:180px;
	width:205px;	
}	
ul#topic_navigation_cc li a#become_cc {
	background: url(../ia/partners/images/Become-a-Credentialed-Contractor.jpg) no-repeat; 
}
ul#topic_navigation_cc li a#become_cc:hover {
	background: url(../ia/partners/images/Become-a-Credentialed-Contractor.jpg) no-repeat 0 -180px; 
}
ul#topic_navigation_cc li a#find_cc {
	background: url(../ia/partners/images/Find-Credentialed-Contractor.jpg) no-repeat; 
}
ul#topic_navigation_cc li a#find_cc:hover {
	background: url(../ia/partners/images/Find-Credentialed-Contractor.jpg) no-repeat 0 -180px; 
}
ul#topic_navigation_cc li a#requirement_cc {
	background: url(../ia/partners/images/HVAC_Requirements_Technical_Resources.jpg) no-repeat; 
}
ul#topic_navigation_cc li a#requirement_cc:hover {
	background: url(../ia/partners/images/HVAC_Requirements_Technical_Resources.jpg) no-repeat 0 -180px; 
}
ul#topic_navigation_cc li a#contractors_cc {
  background: url(../ia/partners/images/HVAC_Requirementsl_Resources_Contractors.jpg) no-repeat; 
}
ul#topic_navigation_cc li a#contractors_cc:hover {
  background: url(../ia/partners/images/HVAC_Requirementsl_Resources_Contractors.jpg) no-repeat 0 -180px; 
}
ul#topic_navigation_nh {
	list-style-image: none;
	list-style: none;
	display: block;
	padding:0;
	margin: 0 0 20px -15px;
	height: 135px;
}
ul#topic_navigation_nh li {
	display: inline;
	float:left;
	margin:0;
}
ul#topic_navigation_nh li a {
	width:185px;
	height:135px;
	display:block;
}
ul#topic_navigation_nh li a#fab {
	background: url(../ia/new_homes/images/WallComfort.jpg) no-repeat; 
}
ul#topic_navigation_nh li a#fab:hover {
	background: url(../ia/new_homes/images/WallComfort.jpg) no-repeat 0 -135px; 
}
ul#topic_navigation_nh li a#how_earn {
	background: url(../ia/new_homes/images/PeaceMind.jpg) no-repeat; 
}
ul#topic_navigation_nh li a#how_earn:hover {
	background: url(../ia/new_homes/images/PeaceMind.jpg) no-repeat 0 -135px; 
}
ul#topic_navigation_nh li a#feat_ben {
	background: url(../ia/new_homes/images/Enduring.jpg) no-repeat; 
}
ul#topic_navigation_nh li a#feat_ben:hover {
	background: url(../ia/new_homes/images/Enduring.jpg) no-repeat 0 -135px; 
}
ul#topic_navigation_nh li a#value {
	background: url(../ia/new_homes/images/ProvenValue.jpg) no-repeat; 
}
ul#topic_navigation_nh li a#value:hover {
	background: url(../ia/new_homes/images/ProvenValue.jpg) no-repeat 0 -135px; 
}
ul#topic_navigation_side {
	list-style-image: none;
	list-style: none;
	display: block;
	padding:0;
	width: 188px;
	position: absolute;
	top:485px;
	left:710px;
}
ul#topic_navigation_side li {
	display: inline;
	float:left;
	margin:0;
}
ul#topic_navigation_side li a {
	width:210px;
	height:188px;
	display:block;
}
ul#topic_navigation_side li a#learn_how {
	background: url(../ia/new_homes/images/why_Energy_Star_homes_better_video.jpg) no-repeat; 
}
ul#topic_navigation_side li a#learn_how:hover {
	background: url(../ia/new_homes/images/why_Energy_Star_homes_better_video.jpg) no-repeat 0 -205px; 
}
ul#topic_navigation_side li a#earn_es {
	background: url(../ia/new_homes/images/read_energy_star_home_family_stories.jpg) no-repeat; 
}
ul#topic_navigation_side li a#earn_es:hover {
	background: url(../ia/new_homes/images/read_energy_star_home_family_stories.jpg) no-repeat 0 -205px; 
}


/* ------ 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;
	
}
.features_carousel .buttons a {
	display: block;
	width: 219px;
	
	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;	
}

/* ------- TWITTER FEED ----------*/
.twitter-feed {
    background-color: #EFEFEF;
    color: #505050;
    float: right;
    height: 260px;
    margin-bottom: 15px;
    margin-right: 27px;
    width: 182px;
}

.tweet-heading {
    border-bottom: 1px solid #FFFFFF;
    padding: 5px;
    font-size: 16px;
}

#twitterBox{
    overflow-y: scroll;
    height: 222px;
}

.tweet {
    border-bottom: 1px solid #C0C0C0;
    padding: 5px;
    margin-left: 5px;
    float: left;
}

.tweetContent {
    font-size: 80%;
    color: #505050;
    float: left;
    width: 88px;
    /*word-break: normal;*/
    overflow: hidden;
}

#related_resources, #related_resources_2nd_column{
	width: 500px;
}