@CHARSET "UTF-8";
/*==============================================================================
	Font Color Overrides for ECO Design
	Created: 10.26.2009	(dgorski)	
	Modified: 10.27.2009 (dgorski)
=============================================================================*/
body,
.tab {
	color: #555;
}
h1, h2, h3, h4,
.main_header h2{
	color:#50341E;
}
.tab_buttons ul li a,
.resources ul li a{
	color: #78A078;
}

.main_content p strong {
	color: #50341E;
	font-weight: bold !important; 
}

.top_content .video h2 {
	color: #ccc;
}

.top_content .video a span,
#familyGalleryHover h3 {
	color: #a9c498;
}

.top_content .video a:hover span{
	color: #fff;
}

.resources ul li,
.tab_buttons ul li.current a,
.tab_buttons ul li a:hover {
	color: #5a6a4d;
}

#footer a:hover{
	color: #5a6a4d;
}

/*==============================================================================
	CSS for trekbikes.com ECO Design	
	Modified: 10.27.2009 (dgorski)
=============================================================================*/


* {
	outline-width: 0;
}

body{
	background: transparent url(/images/story/2009/eco_design/eco_background_wash.jpg) repeat-x center 83px;
	background-color: #9eb98e;
}

#body {
	clear: both;
	background: transparent url(/images/story/2009/eco_design/eco_background.jpg) no-repeat center top;
}

#wrapper {
	overflow: hidden;
	min-height: 500px;
	width: 950px;
}

h1 {
	font-size: 4.8em;
	font-weight: normal;
}

h2 {
	font-size: 1.8em;
	font-weight: normal;
	margin-bottom: 10px;
}

.everything_considered h2 {
	height: 30px;
	margin-bottom: 0;
}

h4 {
	font-weight: bold;
	font-size: 1.2em;
	line-height: 1.8em;
}

p {
	line-height: 1.8em;
	font-size: 1.2em;
	margin-bottom: 10px;
}

.main_header {
	padding-left: 54px;
}

.main_header h2 {
	font-weight: normal;
	font-size: 1.8em;
}

.top_content {
	width: 100%;
	overflow: hidden;
	/*margin-bottom: 40px;*/
}

.top_content .top_content_left {
	float: left;
	display: inline;
	width: 404px;
	margin-left: 40px;
}
.top_content .top_content_right {
	float: right;
	display: inline;
	width: 450px;
	padding-top: 50px;
	margin-right: 50px;
}

.top_content .video {
	/*background: transparent url(/images/story/2009/eco_design/video_thumb.jpg) no-repeat 50px 10px;*/
	padding: 20px 0 0 55px;
	position: relative;
	bottom: 0;
}

.top_content .video h2 {
	font-size: 1.4em;
	display: none;
}

.top_content .video img {
	border: 4px solid #AE6D1B;
}

.top_content .video a {
	text-decoration: none;
	float: left;
	display: inline;
	margin-right: 11px;
}

.top_content .video a.last {
	margin-right: 0;
}

.top_content .video a img {
	margin-bottom: 5px;
}
	
.top_content .video a span {
	font-size: 1.1em;
	display: none;
}


/* Bike Family Gallery Overrides */

#familyGallery {
	margin: 5px 0 10px 55px;
	width: 392px;
}

#familyGallery p {
	font-size: 1em;
}

#familyGalleryTopCap {
	height: 11px;
	overflow: hidden;
/*	background: #c4812d !important;*/
}

#familyGalleryTopCap .left, #familyGalleryBottomCap .left {
	width: 360px;
}

#familyGalleryTopCap .left,
#familyGalleryTopCap .right {
	display: inline;
	background-color: #A57125;
}

#familyGalleryTopCap .left{
	background: transparent url(/images/story/shared/familyGallery/familyGalleryTopTile_eco.gif) no-repeat scroll left top
}
#familyGalleryBottomCap .left{
	background: transparent url(/images/story/shared/familyGallery/familyGalleryBottomTile_eco.gif) no-repeat scroll left top
}
#familyGalleryTopCap .right {
	overflow: hidden;
	background: transparent url(/images/story/shared/familyGallery/familyGalleryNavNextTop_eco.gif) no-repeat scroll left top
}
#familyGalleryBottomCap .right {
	overflow: hidden;
	background: transparent url(/images/story/shared/familyGallery/familyGalleryNavNextBottom_eco.gif) no-repeat scroll left top
}

#familyGalleryThumbListContainer {
	width: 340px;
}

#familyGalleryMeat {
	width: 100%;
	overflow: hidden;
/*	background-color: #A57125; */
}

a#familyGalleryPrev img, a#familyGalleryNext img {
	background: #262626;
	display: block;
}

#familyGalleryHover {
	position: absolute;
	z-index: 1000;
}

#familyGalleryHover h3 {
	text-transform: none;
	font-size: 1.4em;
	font-weight: normal;
}
#familyGalleryHoverBottomShadow.left {

	background:transparent url(/images/story/shared/familyGallery/familyHoverBottomShadow.png) no-repeat scroll left top;
	
}
.bikeImageName a{
	margin: 0;
	padding: 0;
	display: inline !important;
	display: block;
	
}
.bikeImageName a img{
	margin: 0;
	padding: 0;	
}
.bikeImageName p{
	
	margin: 0;
	padding: 0;
}
.content {
	clear: both;
	width: 100%;
	overflow: hidden;
}

#content_wrapper{
	padding: 25px;
	width: 900px;
	background-color: #c1d3b7;

}
.main_content {
	float: left;
	display: inline;
	width: 590px;
	margin-right: 20px;
}

.main_content p strong {
	font-weight: normal;
}

.content .resources {
	float: left;
	display: inline;
	width: 280px;
	padding: 90px 0 0 0px;
	background: transparent url(/images/story/2009/eco_design/bg_tab_buttons.gif) repeat-x left 61px;
}

#birth, #life, #afterlife {
	padding-left: 240px;
	margin-bottom: 0;
	padding-bottom: 30px;
}
#birth h2, #life h2, #afterlife h2 {
	position: absolute;
	margin-left: -240px;
	width: 223px; 
	text-align: center;
	margin-top: 140px;
}

#birth {
	background: transparent url(/images/story/2009/eco_design/birth.jpg) no-repeat left top;
}
#life {
	background: transparent url(/images/story/2009/eco_design/life.jpg) no-repeat left top;
}
#afterlife {
	background: transparent url(/images/story/2009/eco_design/afterlife.jpg) no-repeat left top;
}
.tabs {
	margin-bottom: 30px;
}

.tab ul li{
	background: transparent url(/images/story/2009/eco_design/eco_bullet.jpg) no-repeat scroll 0 0.5em !important;
}

.tab_buttons {
	
}

.tab_buttons ul {
	width: 100%;
	overflow: hidden;
	height: 40px;
	margin-bottom: 10px;
	background: transparent url(/images/story/2009/eco_design/bg_tab_buttons.gif) repeat-x bottom left;
	font-size: 1.2em;
}

.tab_buttons ul li {
	float: left;
	display: inline;
	height: 40px;
	overflow: hidden;
}

.tab_buttons ul li.current {
	background: transparent url(/images/story/2009/eco_design/green_arrow_tab_current.gif) no-repeat center bottom;
}

.tab_buttons ul li a {
	float: left;
	display: inline;
	text-decoration: none;
	padding: 10px;
}

.points {
	width: 100%;
	overflow: hidden;
}

.points_text{
	width: 360px;
	float: right;
}

#belleville .points_image {
	float: left;
	width: 225px;
	height: 149px;
	background: transparent url(/images/story/2009/eco_design/bellville.png) no-repeat top left;
}

#atwood .points_image {
	float: left;
	width: 225px;
	height: 149px;
	background: transparent url(/images/story/2009/eco_design/atwood.png) no-repeat top left;
}

.green_is_in_the_details .tab {
	width: 100%;
	overflow: hidden;
}

.green_is_in_the_details .tab .copy {
	width: 350px;
	float: right;
	display: inline;
}

.resources h2 {
	margin-left: 5px;
	padding-left: 25px;
	background: transparent url(/images/story/2009/eco_design/green_arrow_down.gif) no-repeat 0 3px;
	font-size: 1.6em;
}

.resources ul,
.resources p {
	margin-left: 30px;
}

.resources ul li {
	font-size: 1.2em;
	padding-left: 10px;
	margin-bottom: 5px;
	list-style: none;
	background: transparent url(/images/story/2009/eco_design/eco_bullet.jpg) no-repeat scroll 0 0.5em !important;
}

.resources ul li a {
	text-decoration: none;
}

.resources ul li a:hover {
	text-decoration: underline;
}

#darkenContents {
	margin-left: 140px;
	z-index: 2000;
}

.main_header h1 span{
	display: none;
}
.main_header h2{
	display: none;
}
.main_header h1{
	background: transparent url(/images/story/2009/eco_design/eco_headline.png) no-repeat 0 5px;
	height: 90px;
	width: 278px;
}

#footer li a.country {
background:transparent url(/images/story/2009/eco_design/person_icon_dark.gif) no-repeat scroll left center;
}

/*////////////////////////////////////////////////////////////////////
	Float Fix
////////////////////////////////////////////////////////////////////*/

.clearfix:after {
    content: "."; 
    display: block; 
    height: 0; 
    clear: both; 
    visibility: hidden;
	}

.clearfix { display: inline-block; }

/* Hides from IE-mac \*/
* html .clearfix { height: 1%; }
.clearfix { display: block; }
/* End hide from IE-mac */