@charset "utf-8";
/* CSS Document */

/* == TALKS PAGE == */

#buttonlinks { /* styles a list into buttons, used on Talks page */
	background: #afc6d0;
	width: 850px; /* need to set this so floats display in IE properly */
	border-bottom: 2px solid white;
	text-align: right;
}
#buttonlinks ul,#buttonlinks li {  
	padding:0;
	margin:0;
	list-style:none;
}
#buttonlinks li {
	float:left;
}
#buttonlinks a {
	display:block;
}
.ex1 { /* image swap css - talks page - OVERVIEW */
	background:#fff url(images/talks_menu_overview.gif) no-repeat 0 0;
	display:block;
	height:35px;
	width:115px;
}
.ex1:hover {
	background:#fff url(images/talks_menu_overview.gif) no-repeat -115px 0;
}
.ex2 { /* image swap css - talks page - FORMATS */
	background:#fff url(images/talks_menu_options.gif) no-repeat 0 0;
	display:block;
	height:35px;
	width:157px;
}
.ex2:hover {
	background:#fff url(images/talks_menu_options.gif) no-repeat -157px 0;
}
.ex3 { /* image swap css - talks page - INTERVIEWS */
	background:#fff url(images/talks_interviews.gif) no-repeat 0 0;
	display:block;
	height:35px;
	width:125px;
}
.ex3:hover {
	background:#fff url(images/talks_interviews.gif) no-repeat -125px 0;
}

/* == PRODUCTS PAGES == */

#buttonlinks_products {/* styles a list into buttons, used on Products page */
	background: #afc6d0;
	width: 245px; /* need to set this so floats display in IE properly */
	border-top: 2px solid white;
	border-bottom: 2px solid white;
	text-align: right;
}
#buttonlinks_products ul,#buttonlinks_products li {  
	padding:0;
	margin:0;
	list-style:none;
}
#buttonlinks_products li {
	float:left;
}
#buttonlinks_products a {
	display:block;
}

#buttonlinks_products_top {/* styles a list into buttons, used on DVD page to double the list height for 6 elements */
	background: #afc6d0;
	width: 245px; /* need to set this so floats display in IE properly */
	border-top: 2px solid white;
	text-align: right;
}
#buttonlinks_products_top ul,#buttonlinks_products_top li {  
	padding:0;
	margin:0;
	list-style:none;
}
#buttonlinks_products_top li {
	float:left;
}
#buttonlinks_products_top a {
	display:block;
}

#ex_about {/* image swap css - products pages, ABOUT. This CSS allows us to have a text tag for the links, overlapped completely by the image, which is the background for the span tag contained within this tag. Text link will show up for search engines, disabled users. */
	position:relative; 
	padding:0; 
	overflow:hidden; 
	width:82px; 
	height:37px;
	display:block;
}
#ex_about span { 
	position:absolute; 
	margin:0; 
	left:0; 
	top:0; 
	background:#fff url(images/products_nav_about.gif) no-repeat 0 0;
	height:37px;
	width:82px;
}
#ex_about span:hover {
	background:#fff url(images/products_nav_about.gif) no-repeat -82px 0;
}
#ex_reviews {/* image swap css - products pages, REVIEWS. */
	position:relative; 
	padding:0; 
	overflow:hidden; 
	width:92px; 
	height:37px;
	display:block;
}
#ex_reviews span { /* image swap css - products pages, REVIEWS */
	position:absolute; 
	margin:0; 
	left:0; 
	top:0; 
	background:#fff url(images/products_nav_reviews.gif) no-repeat 0 0;
	height:37px;
	width:92px;
}
#ex_reviews span:hover {
	background:#fff url(images/products_nav_reviews.gif) no-repeat -92px 0;
}
#ex_buy {/* image swap css - products pages, BUY. */
	position:relative; 
	padding:0; 
	overflow:hidden; 
	width:71px; 
	height:37px;
	display:block;
}
#ex_buy span{ 
	position:absolute; 
	margin:0; 
	left:0; 
	top:0; 
	background:#fff url(images/products_nav_buy.gif) no-repeat 0 0;
	display:block;
	height:37px;
	width:71px;
}
#ex_buy span:hover {
	background:#fff url(images/products_nav_buy.gif) no-repeat -71px 0;
}

#ex_about2 {/* image swap css - products pages, ABOUT - WIDE for 2 button menus. */
	position:relative; 
	padding:0; 
	overflow:hidden; 
	width:122px; 
	height:37px;
	display:block;
}
#ex_about2 span { 
	position:absolute; 
	margin:0; 
	left:0; 
	top:0; 
	background:#fff url(images/products_nav_about2.gif) no-repeat 0 0;
	height:37px;
	width:122px;
}
#ex_about2 span:hover {
	background:#fff url(images/products_nav_about2.gif) no-repeat -122px 0;
}
#ex_buy2 {/* image swap css - products pages, BUY - WIDE version. */
	position:relative; 
	padding:0; 
	overflow:hidden; 
	width:122px; 
	height:37px;
	display:block;
}
#ex_buy2 span{ 
	position:absolute; 
	margin:0; 
	left:0; 
	top:0; 
	background:#fff url(images/products_nav_buy2.gif) no-repeat 0 0;
	display:block;
	height:37px;
	width:122px;
}
#ex_buy2 span:hover {
	background:#fff url(images/products_nav_buy2.gif) no-repeat -123px 0;
}

#ex_dvdslides {/* image swap css - products pages, REVIEWS. */
	position:relative; 
	padding:0; 
	overflow:hidden; 
	width:245px; 
	height:37px;
	display:block;
}
#ex_dvdslides span { /* image swap css - products pages, REVIEWS */
	position:absolute; 
	margin:0; 
	left:0; 
	top:0; 
	background:#fff url(images/products_nav_dvdslides2.gif) no-repeat 0 0;
	height:37px;
	width:245px;
}
#ex_dvdslides span:hover {
	background:#fff url(images/products_nav_dvdslides2.gif) no-repeat -245px 0;
}
#ex_dvdtrailer {/* image swap css - products pages, BUY. */
	position:relative; 
	padding:0; 
	overflow:hidden; 
	width:94px; 
	height:37px;
	display:block;
}
#ex_dvdtrailer span{ 
	position:absolute; 
	margin:0; 
	left:0; 
	top:0; 
	background:#fff url(images/products_nav_dvdtrailer.gif) no-repeat 0 0;
	display:block;
	height:37px;
	width:94px;
}
#ex_dvdtrailer span:hover {
	background:#fff url(images/products_nav_dvdtrailer.gif) no-repeat -94px 0;
}
#ex_dvdbuy {/* image swap css - products pages, BUY - DVD version. */
	position:relative; 
	padding:0; 
	overflow:hidden; 
	width:69px; 
	height:37px;
	display:block;
}
#ex_dvdbuy span{ 
	position:absolute; 
	margin:0; 
	left:0; 
	top:0; 
	background:#fff url(images/products_nav_buy_dvd.gif) no-repeat 0 0;
	display:block;
	height:37px;
	width:69px;
}
#ex_dvdbuy span:hover {
	background:#fff url(images/products_nav_buy_dvd.gif) no-repeat -69px 0;
}
/* PRODUCTS PAGE NAVIGATION BUTTONS */

#buttonlinks_sections {/* styles a list into buttons, used on Products page */
	background: #b9bebd;
	width: 245px; /* need to set this so floats display in IE properly */
	text-align: left;
}
#buttonlinks_sections ul,#buttonlinks_sections li {  
	padding:0;
	margin:0;
	list-style:none;
}
#buttonlinks_sections li {
	border-bottom: 2px solid white;
}
#buttonlinks_sections a {
	display:block;
}
/* First Button */
#ex_sustadv {/* image swap css - SUSTAINABLE ADVANTAGE SECTION. This CSS allows us to have a text tag for the links, overlapped completely by the image, which is the background for the span tag contained within this tag. Text link will show up for search engines, disabled users. */
	position:relative; 
	padding:0; 
	overflow:hidden; 
	width:245px; 
	height:50px;
	display:block;
}
#ex_sustadv span { 
	position:absolute; 
	margin:0; 
	left:0; 
	top:0; 
	background:#fff url(images/products_buttons_sustadv.gif) no-repeat;
	height:50px;
	width:245px;
}
#ex_sustadv span:hover {
	background:#fff url(images/products_buttons_sustadv.gif) no-repeat -245px 0;
}
#ex_sustadv_selected  {
	background:#fff url(images/products_buttons_sustadv.gif) no-repeat -245px 0;
	height:50px;
	width:245px;
}
/* NEXT BUTTON */
#ex_nextwave {/* image swap css - NEXT SUSTAINABILITY WAVE. This CSS allows us to have a text tag for the links, overlapped completely by the image, which is the background for the span tag contained within this tag. Text link will show up for search engines, disabled users. */
	position:relative; 
	padding:0; 
	overflow:hidden; 
	width:245px; 
	height:50px;
	display:block;
}
#ex_nextwave span { 
	position:absolute; 
	margin:0; 
	left:0; 
	top:0; 
	background:#fff url(images/products_buttons_nextwave.gif) no-repeat;
	height:50px;
	width:245px;
}
#ex_nextwave span:hover {
	background:#fff url(images/products_buttons_nextwave.gif) no-repeat -245px 0;
}
#ex_nextwave_selected  {
	background:#fff url(images/products_buttons_nextwave.gif) no-repeat -245px 0;
	height:50px;
	width:245px;
}
/* NEXT BUTTON */
#ex_suschamps{/* image swap css - THE SUSTAINABILITY CHAMPION'S GUIDEBOOK. This CSS allows us to have a text tag for the links, overlapped completely by the image, which is the background for the span tag contained within this tag. Text link will show up for search engines, disabled users. */
	position:relative; 
	padding:0; 
	overflow:hidden; 
	width:245px; 
	height:50px;
	display:block;
}
#ex_suschamps span { 
	position:absolute; 
	margin:0; 
	left:0; 
	top:0; 
	background:#fff url(images/products_buttons_suschamps.gif) no-repeat;
	height:50px;
	width:245px;
}
#ex_suschamps span:hover {
	background:#fff url(images/products_buttons_suschamps.gif) no-repeat -245px 0;
}
#ex_suschamps_selected  {
	background:#fff url(images/products_buttons_suschamps.gif) no-repeat -245px 0;
	height:50px;
	width:245px;
}
/* NEXT BUTTON */
#ex_suschampsdvd{/* image swap css - THE SUSTAINABILITY CHAMPION'S GUIDEBOOK DVD. This CSS allows us to have a text tag for the links, overlapped completely by the image, which is the background for the span tag contained within this tag. Text link will show up for search engines, disabled users. */
	position:relative; 
	padding:0; 
	overflow:hidden; 
	width:245px; 
	height:50px;
	display:block;
}
#ex_suschampsdvd span { 
	position:absolute; 
	margin:0; 
	left:0; 
	top:0; 
	background:#fff url(images/products_buttons_suschampsdvd.gif) no-repeat;
	height:50px;
	width:245px;
}
#ex_suschampsdvd span:hover {
	background:#fff url(images/products_buttons_suschampsdvd.gif) no-repeat -245px 0;
}
#ex_suschampsdvd_selected  {
	background:#fff url(images/products_buttons_suschampsdvd.gif) no-repeat -245px 0;
	height:50px;
	width:245px;
}
/* NEXT BUTTON */
#ex_dvd{/* image swap css - BUSINESS CASE DVD. This CSS allows us to have a text tag for the links, overlapped completely by the image, which is the background for the span tag contained within this tag. Text link will show up for search engines, disabled users. */
	position:relative; 
	padding:0; 
	overflow:hidden; 
	width:245px; 
	height:50px;
	display:block;
}
#ex_dvd span { 
	position:absolute; 
	margin:0; 
	left:0; 
	top:0; 
	background:#fff url(images/products_buttons_buscasedvd.gif) no-repeat;
	height:50px;
	width:245px;
}
#ex_dvd span:hover {
	background:#fff url(images/products_buttons_buscasedvd.gif) no-repeat -245px 0;
}
#ex_dvd_selected  {
	background:#fff url(images/products_buttons_buscasedvd.gif) no-repeat -245px 0;
	height:50px;
	width:245px;
}
/* NEXT BUTTON */
#ex_worklg {/* image swap css - WORKSHEETS - LARGE ENTERPRISE. This CSS allows us to have a text tag for the links, overlapped completely by the image, which is the background for the span tag contained within this tag. Text link will show up for search engines, disabled users. */
	position:relative; 
	padding:0; 
	overflow:hidden; 
	width:245px; 
	height:50px;
	display:block;
}
#ex_worklg span {
	position:absolute;
	margin:0;
	left:0;
	top:0;
	background:#fff url(images/products_buttons_worklg.gif) no-repeat;
	height:50px;
	width:245px;
	background-image: url(images/products_buttons_worklg.gif);
}
#ex_worklg span:hover {
	background:#fff url(images/products_buttons_worklg.gif) no-repeat -245px 0;
}
#ex_worklg_selected  {
	background:#fff url(images/products_buttons_worklg.gif) no-repeat -245px 0;
	height:50px;
	width:245px;
}
/* NEXT BUTTON */
#ex_worksme {/* image swap css - WORKSHEETS - SMALL AND MEDIUM ENTERPRISE. This CSS allows us to have a text tag for the links, overlapped completely by the image, which is the background for the span tag contained within this tag. Text link will show up for search engines, disabled users. */
	position:relative; 
	padding:0; 
	overflow:hidden; 
	width:245px; 
	height:50px;
	display:block;
}
#ex_worksme span { 
	position:absolute; 
	margin:0; 
	left:0; 
	top:0; 
	background:#fff url(images/products_buttons_worksme.gif) no-repeat;
	height:50px;
	width:245px;
}
#ex_worksme span:hover {
	background:#fff url(images/products_buttons_worksme.gif) no-repeat -245px 0;
}
#ex_worksme_selected  {
	background:#fff url(images/products_buttons_worksme.gif) no-repeat -245px 0;
	height:50px;
	width:245px;
}
/* NEXT BUTTON */
#ex_slides {/* image swap css - MASTER SLIDES allows us to have a text tag for the links, overlapped completely by the image, which is the background for the span tag contained within this tag. Text link will show up for search engines, disabled users. */
	position:relative; 
	padding:0; 
	overflow:hidden; 
	width:245px; 
	height:50px;
	display:block;
}
#ex_slides span { 
	position:absolute; 
	margin:0; 
	left:0; 
	top:0; 
	background:#fff url(images/products_buttons_slides.gif) no-repeat;
	height:50px;
	width:245px;
}
#ex_slides span:hover {
	background:#fff url(images/products_buttons_slides.gif) no-repeat -245px 0;
}
#ex_slides_selected  {
	background:#fff url(images/products_buttons_slides.gif) no-repeat -245px 0;
	height:50px;
	width:245px;
}