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

/* ----------------------------
   some overrides and additions for standard.css which should migrate to become the new standard
----------------------------- */
#crumb p {
	padding: 8px 28px;
}
#pg_hd {
	padding: 0 28px;
}
#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 28px;
}
body.no_left_nav div#mid_col.two_col {
	margin-right:0;
	width: 654px;
	padding: 8px 28px;
}
#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: 85%;
	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;
}


/* ------ tip_box: Tip of the Day content block ------ */

.tip_block {
	border:  1px #ddd solid;
}
.tip_block p {
	margin: 5px 10px;
	padding: 0 0 5px 0;
	color: #555;
}
#right_col .tip_block h2 {
	border-width: 0 0 1px 0;
}
#right_col .tip_block h3 {
	color: #00B0F0;
	font-size: 1em;
}

/* ------ podcast: links to podcasts or podcast pages ------*/

.content_block a.podcast {
	background: url(../ia/products/images/icon_podcast.png) no-repeat right center;
	padding-right: 15px;
}

/* ------ 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;
}

/* ============================
   PRODUCT LIST IN FEATURES BOX (products.pr_find_es_products)
=============================*/

*:first-child+html #productList .yui-nav li {
	width: 194px;
}

/* ======================================
   PRODUCT 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:167px;
	height:180px;
	display:block;
}
ul#topic_navigation li a#fap {
	background: url(../ia/products/images/topic_nav_find_prod.jpg) no-repeat; 
}
ul#topic_navigation li a#fap:hover {
	background: url(../ia/products/images/topic_nav_find_prod.jpg) no-repeat 0 -180px; 
}
ul#topic_navigation li a#how_earn {
	background: url(../ia/products/images/topic_nav_how_earn.jpg) no-repeat; 
}
ul#topic_navigation li a#how_earn:hover {
	background: url(../ia/products/images/topic_nav_how_earn.jpg) no-repeat 0 -180px; 
}
ul#topic_navigation li a#save_energy {
	background: url(../ia/products/images/topic_nav_save_energy.jpg) no-repeat; 
}
ul#topic_navigation li a#save_energy:hover {
	background: url(../ia/products/images/topic_nav_save_energy.jpg) no-repeat 0 -180px; 
}
ul#topic_navigation li a#join {
	background: url(../ia/products/images/topic_nav_join_campaign.jpg) no-repeat; 
}
ul#topic_navigation li a#join:hover {
	background: url(../ia/products/images/topic_nav_join_campaign.jpg) no-repeat 0 -180px; 
}


ul#topic_navigation li a#assess {
	background: url(../ia/home_improvement/images/topic_nav_assess.jpg) no-repeat;
}
ul#topic_navigation li a#assess:hover {
	background: url(../ia/home_improvement/images/topic_nav_assess.jpg) no-repeat 0 -180px; 
}
ul#topic_navigation li a#seal {
	background: url(../ia/home_improvement/images/topic_seal_and_insulate.jpg) no-repeat; 
}
ul#topic_navigation li a#seal:hover {
	background: url(../ia/home_improvement/images/topic_seal_and_insulate.jpg) no-repeat 0 -180px; 
}
ul#topic_navigation li a#heat {
	background: url(../ia/home_improvement/images/topic_heat_and_cool.jpg) no-repeat; 
}
ul#topic_navigation li a#heat:hover {
	background: url(../ia/home_improvement/images/topic_heat_and_cool.jpg) no-repeat 0 -180px; 
}
ul#topic_navigation li a#hpwes {
	background: url(../ia/home_improvement/images/topic_hpwes.jpg) no-repeat; 
}
ul#topic_navigation li a#hpwes:hover {
	background: url(../ia/home_improvement/images/topic_hpwes.jpg) no-repeat 0 -180px; 
}
/* ------ FEATURE CAROUSEL ------ */


.features_carousel h2 {
	background: #00aeef;
	color: #fff;
	margin:0;
	padding: 5px 10px;
	border: 1px #11617f solid;
	width: 598px;
}
.features_carousel .buttons {
	font-weight:bold;
	padding: 0;
	list-style: none;
	list-style-image: none;
	margin: 0;
	float: right;
	width: 213px;
}
* html .features_carousel .buttons {
	width: 210px;
}
* html .features_carousel .buttons a {
	width: 210px;
}
.features_carousel p {
	padding: 0 8px;
	margin: 0;
}
.features_carousel .buttons li {
	margin: 0 !important;
	padding:0;
}
.features_carousel .buttons a {
	display: block;
	width: 213px;
	text-decoration: none;
	color: #000;
}
.features_carousel .buttons span {
	color: #000;
	font-size: inherit;
	font-family: inherit;
	padding: 20px 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: 618px;
}
.yui-skin-sam .features_carousel .yui-content {
	background-color: #fff;
	padding: 0;
	border: 0;
	width: 405px;
	
}
.yui-skin-sam .features_carousel .yui-content img {
	vertical-align: top;
}

/* ======================================
   CAROUSELS
=======================================*/
/* ----------------------------
   some overrides of YUI and default styling
----------------------------- */
.es_carousel .carousel_item {
	display: inline;
}
.es_carousel .carousel_prev {
	background: #fff url(../ia/products/images/arrow_lt.png) 0 60px no-repeat;
	float: left;
	height: 120px;
	width: 37px;
	cursor: pointer;
}
.es_carousel .carousel_next {
	float: right;
	width: 27px;
	height: 120px;
	padding-top: 50px;
	background: transparent url(../ia/products/images/arrow_rt.png) 0 60px no-repeat;
	cursor: pointer;
}
.es_carousel .yui-carousel-element {
	float: left;
}
.es_carousel .yui-carousel-first-button-disabled,
.es_carousel .yui-carousel-button-disabled {
	background-image: none;
}
.es_carousel .yui-carousel-element li {
	border: 0;
}
.es_carousel .yui-carousel-element li p {
	text-align: left;
}
.es_carousel .yui-carousel-item-selected {
	margin: 0;
	border: 0;
}
.es_carousel .yui-carousel-element img {
	padding: 0;
	margin: 0;
}
.es_carousel .yui-carousel-element li:focus {
	border: 2px solid yellow;
	outline: none;
}
.es_carousel .yui-carousel-nav {
	position: absolute;
	left:-32000px;
}

/* ======================================
   FIND A PRODUCT PAGE CUSTOM STYLING
=======================================*/
#productList {
	/* width is needed because otherwise tabs with little content, 
		shrink the carousels on the Find A Product page in FF; CR18552 */
	width: 778px;
}
#productList .column {
	float: left;
	width: 21%;
	padding-right: 3%;
}
#productList .yui-nav li {
	width: 24.9%;
}

#productList_style {
	/* making duplicate id style so two can be used on one page, as on c=bulk_purchasing.bus_purchasing */
	width: 778px;
}
#productList_style .column {
	float: left;
	width: 30%;
	padding-right: 3%;
}
#productList_style .yui-nav li {
	width: 30%;
}		
		
/* ------ TOP PRODUCT CAROUSEL ------ */

#top_product_carousel p {
	text-align: center;
}
#top_product_carousel a {
	color: #454545;
	font-weight: bold;
	text-decoration: none;
}
#top_product_carousel a:hover {
	text-decoration: underline;
}
#top_product_carousel li {
	width: 110px;
	text-align: center;
	padding: 0 15px;
}
* html #top_product_carousel li {
	width: 105px;
}

/* ======================================
   SEAH PAGE CUSTOM STYLING
=======================================*/

/* ------ SEAH CAROUSEL ------ */
.es_carousel ol.yui-carousel-element {
	margin-left: 0;
}
#SEAH_Carousel li.yui-carousel-item-selected {
	border: 0;	
}
#SEAH_Carousel li {
	width: 240px;
	vertical-align: top;
	border: 0 none;
	margin: 0;
}
#SEAH_Carousel h4 {
	text-align: left;
	margin-top: 0;
}
#SEAH_Carousel li p {
	padding: 0 8px 0 90px;
	margin-bottom: 0;
}

/* ------ BY ENERGY USAGE SECTION ------ */
.related_info_box #req_box {
	background: transparent url(../images/products/SEAH_1px_rule.gif) 365px 0px repeat-y;
}
.related_info_box #req_box .yui-nav {
	width: 365px;
	
}
.related_info_box #req_box .yui-nav li {
	width: 182px;
	
}
#req_box .yui-nav li {
	font-weight: normal;
}
#req_box .yui-nav li.selected {
	font-weight: bold;
}

#by_usage .yui-nav {
	list-style-image: none;
	margin:15px 0;
	position: relative;
	border: 0;
	background-color: transparent;
}
#by_usage .yui-nav li {
	display: inline;
	float:left;
	margin: 0;
	width: auto !important;
}
#by_usage .yui-nav li a {
	display:block;
	width: 46px;
	height: 199px;
}
#by_usage .yui-nav li a#by_usage_heating {
	background: url(../ia/products/images/bc_css_heating.png) no-repeat;
}
#by_usage .yui-nav li a:hover#by_usage_heating,
#by_usage .yui-nav li.selected a#by_usage_heating {
	background: url(../ia/products/images/bc_css_heating.png) no-repeat 0 -204px;
}

#by_usage .yui-nav li a#by_usage_cooling {
	background: url(../ia/products/images/bc_css_cooling.png) no-repeat;
	width: 45px;
}
#by_usage .yui-nav li a:hover#by_usage_cooling,
#by_usage .yui-nav li.selected a#by_usage_cooling {
	background: url(../ia/products/images/bc_css_cooling.png) no-repeat 0 -204px;
	width: 45px;
}

#by_usage .yui-nav li a#by_usage_wheat {
	background: url(../ia/products/images/bc_css_water-heating.png) no-repeat;
}
#by_usage .yui-nav li a:hover#by_usage_wheat,
#by_usage .yui-nav li.selected a#by_usage_wheat {
	background: url(../ia/products/images/bc_css_water-heating.png) no-repeat 0 -204px;
}

#by_usage .yui-nav li a#by_usage_app {
	background: url(../ia/products/images/bc_css_appliances.png) no-repeat;
	width: 47px;
}
#by_usage .yui-nav li a:hover#by_usage_app,
#by_usage .yui-nav li.selected a#by_usage_app {
	background: url(../ia/products/images/bc_css_appliances.png) no-repeat 0 -204px;
	width: 47px;
}

#by_usage .yui-nav li a#by_usage_light {
	background: url(../ia/products/images/bc_css_lighting.png) no-repeat;
}
#by_usage .yui-nav li a:hover#by_usage_light,
#by_usage .yui-nav li.selected a#by_usage_light {
	background: url(../ia/products/images/bc_css_lighting.png) no-repeat 0 -204px;
}
#by_usage .yui-nav li a#by_usage_el {
	background: url(../ia/products/images/bc_css_electronics.png) no-repeat;
	width: 45px;
}
#by_usage .yui-nav li a:hover#by_usage_el,
#by_usage .yui-nav li.selected a#by_usage_el {
	background: url(../ia/products/images/bc_css_electronics.png) no-repeat 0 -204px;
	width: 45px;
}
#by_usage .yui-nav li a#by_usage_other {
	background: url(../ia/products/images/bc_css_other.png) no-repeat;
	width: 45px;
}
#by_usage .yui-nav li a:hover#by_usage_other,
#by_usage .yui-nav li.selected a#by_usage_other {
	background: url(../ia/products/images/bc_css_other.png) no-repeat 0 -204px;
	width: 45px;
}
#by_usage .yui-content {
	border: none;
}
.usage_info {
	float: left;
	width: 319px;
}
.related_products {
	width: 145px;
	position: absolute;
	right: 5px;
	margin-top: -300px;
	text-align: center;
}

.related_products p {
	padding: 0 .4em;
}

.related_products h3 {
	color: #000;
	font-size: 1.1em;
	margin-bottom: .8em;
	margin-top: 3em;
}


/* ------ BY ROOM SECTION ------ */

#by_room .yui-nav {
	list-style-type: circle;
	list-style-image: none;
	background: none;
	border: none;
	width: 300px;
}
#by_room .yui-nav li {
	display: block;
	text-align: left;
	padding-left: 20px;
	width: 100px;
	background: transparent url(../ia/products/images/bullet.png) 8px 10px no-repeat !important;
	float: none;
	width: auto;
}
#by_room .yui-nav a {
	color: #006FEB;
	background: none;
	border: none;
}
#by_room .yui-nav a:hover {
	text-decoration: underline;
}
#by_room .yui-nav .selected a {
	color: #000;
	font-style: italic;
}
#by_room .yui-content {
	border: 0;
}

#by_room .related_products {
	margin-top: -371px;
}

/* temp to be trashed when byroom navigation complete */
#by_room #attic .usage_info p {
	margin-bottom: 45px;
}

/* ======================================
   PRODUCT DETAIL PAGES
=======================================*/

.product_info_box #specs .core_table,
.product_info_box #specs .core_table th,
.product_info_box #specs .core_table td {
	background: #fff;
	border: 0;	
	color: #000;
	vertical-align: top;
	padding-left: 0;
}
.product_info_box #specs .core_table {
	margin-bottom: 0;
}
.product_info_box #specs .core_table th {
	width: 240px;
}
.product_info_box #specs .core_table ul {
	list-style: none;
	margin: 0;
	padding: 0;
}
.product_info_box #specs .core_table li {
	margin-left: 0;
	padding-left: 0;
}

#rotating_images {
	float: right;
}
#rotating_images ol {
	list-style-type: none;
	list-style-image: none;
}

#rotating_images .yui-carousel-content ol {
	margin-left:0;
}
#rotating_images .yui-carousel-content ol.yui-carousel-element li {
	margin: 0;
	padding: 0;
}
#rotating_images li.yui-carousel-item-selected {
	border: 0;	
}
#rotating_images .yui-carousel-nav, #rotating_images .yui-carousel-nav ul {
	position: absolute;
	left:-32000px;
	background: none;

}
#rotating_images .yui-carousel-element li {
	border: 0;
	width: 200px;
}
#rotating_images .yui-carousel-content {
	border: 0;
}
#rotating_images.yui-carousel-horizontal.yui-carousel.yui-carousel-visible {
	border: 0;
}
#rotating_images .yui-carousel-nav span {
	position: absolute;
	left:-32000px;
	background: none;
}



/* Enhanced Testing and Verification Table */
.testing_table {
	border: 1px solid #039;
	width: 99.5%;
	margin-bottom: 1.3em;
}
table.testing_table {
	background: #fff;
	text-align: left;
	font-weight: normal;
}
.testing_table h2 {
	color: white;
	font-size:110%;
	font-weight:bold;
}
.testing_table th {
	background: #00B0F0;
	border: 1px solid #039;
	padding: 3px;
	text-align: center;
	color:white;
}
.testing_table td {
	border: 1px solid #039;
	padding: 3px;
}

/* ======================================
   LOW CARBON IT SPLASH PAGE
=======================================*/

ul#lcit_navigation {
	display: block;
	height: 930px;
	list-style-image: none;
	list-style: none;
	margin: 0 0 20px -17px;
	padding:0;	
}
ul#lcit_navigation li {
	margin:0;
}

ol.roman {
	list-style-type: upper-roman;
}