@import "ui-custom-theme/jquery-ui-custom.css";
/* ------------------------------------------------------------------------------------------------ */
/* global styles 
/* ------------------------------------------------------------------------------------------------ */

body{
	margin: 0;
	padding: 0;
	background: #E6E3DE url(../img/bgBody.gif) 0px 0px repeat-x;
	
	font:normal 13px/120% Arial, Helvetica, sans-serif;
	color: #666;
	}

p{
	margin: 0 0 1.5em 0;
	}

a{
	color:#4B7233;
	outline: none;
	}

a:hover{
	color: #4B7233;
	text-decoration: none
	}
	
h1{
	margin: 0px 0px 0px 0px;	
	font-size:;
	}
	
h2{
	margin: 0px 0px 10px 0px;	
	font-size: 32px;
	color: #4C6D34;
	line-height: 120%
	}
h2 em{
	color:#FC0;
	}
	
h2 span.subHeading{
	font-size: 32px
	}

h3{
	margin: 0px 0px 0px 0px;	
	color:#7FAC33;
	font-size:19px;
	line-height:120%;
	margin:0 0 10px;
	}

h4{
	margin: 0px 0px 0px 0px;	
	font-size:;
	}

h5{
	margin: 0px 0px 0px 0px;	
	font-size:;
	}

h6{
	margin: 0px 0px 0px 0px;	
	font-size:;
	}
	
table{
	border: 1px solid #999;
	border-collapse: collapse
}

table th{
	border: 1px solid #999;
}

table td{
	border: 1px solid #999;
}

/* ------------------------------------------------------------------------------------------------ */

#MainWrapper{
	width: 932px;
	margin: auto;
	}
	
/* ------------------------------------------------------------------------------------------------ */
/* header 
/* ------------------------------------------------------------------------------------------------ */
	#Header{
		width: 100%;
		height:109px;
		position:relative;
		margin: 0px 0px 17px 0px;
		z-index:20
		}
	
	/* logo */
		h1#Logo{
			margin: 0;
			position:absolute;
			top:9px;
			left:2px;
			}
		
		h1#Logo a{
			display: block;
			width: 101px;
			height:52px;
			overflow:hidden;
			text-indent: -9999em;
			background: url(../img/eBayGreenTeam.gif) 0px 0px no-repeat;
			}
	/* /logo */
			
	/* top nav */
		#TopNav{
			position:absolute;
			right:2px;
			top:11px;
			}
			
		#TopNav ul{
				margin: 0px 0px 0px 0px;
				padding: 0px 0px 0px 0px;
				list-style-type: none;
				overflow:hidden;
			}
		
		#TopNav li{
			display: inline;
			border-left: 1px solid #999;
			padding: 0px 5px 0px 7px;
			}
			
		#TopNav li.first{
			border-left: none;
			}
			
		#TopNav li.last{
			padding-right: 0px;
			}			
		
		#TopNav a{
			font:normal 12px/14px Arial, Helvetica, sans-serif;
			color: #999;
			text-decoration: underline
			}
			
		#TopNav a:hover{
			color: #333;
			}
	/* /top nav */
	
	/* social networking links */
		#SNNav{
			position:absolute;
			top:70px;
			right:4px;
			z-index:1;
		}
		#SNNav ul{
			margin: 0px 0px 0px 0px;
			padding: 0px 0px 0px 0px;
			list-style-type: none;
			overflow: hidden;
		}
		
		#SNNav ul li{
			margin: 0px 5px 0px 0px;
			width: 32px;
			height: 32px;
			float: left;
		}
		
		#SNNav ul li a{
			display: block;
			width: 32px;
			height: 32px;
			text-indent: -9999em;
			overflow: hidden;
		}
		
		#SNNav ul li a.lnkFacebook{background: url(../img/icFacebook.gif) 0 0 no-repeat;}
		#SNNav ul li a.lnkTwitter{background: url(../img/icTwitter.gif) 0 0 no-repeat;}
		#SNNav ul li a.lnkFlickr{background: url(../img/icFlickr.gif) 0 0 no-repeat;}
	/* /social networking links */
	
	/* main nav */
		#MainNav{
			position:absolute;
			top:82px;
			left:2px;
			z-index: 10
			}
			
		#MainNav ul.NavLevel1{
			margin: 0px 0px 0px 0px;
			padding: 0px 0px 0px 0px;
			list-style-type: none;	
			width:780px;
			height:20px;
			}
		
		#MainNav li.itemLev1{
			float: left;
			position:relative;
			padding: 0px 7px 0px 5px;
			background: url(../img/sepMainNav.gif) 100% 50% no-repeat;
			}
			
		#MainNav li.itemLev1.first{
			padding: 0px 7px 0px 0px;
			}
			
		#MainNav li.itemLev1.last{
			padding: 0px 0px 0px 5px;
			background: none;
			}			
		
		#MainNav li a.lnkLev1{
			display: block;
			float:left;
			height: 20px;
			text-indent: -9999em;
			background-image: url(../img/nav.gif);
			background-repeat: no-repeat;
			text-decoration: none
			}
		
		#MainNav li a.Home{width:60px;background-position: 0 0;}
		#MainNav li a.Home:hover, #MainNav li.selected a.Home{background-position: 0 -20px;}
		#MainNav li a.JoinUs{width:72px;background-position: -60px 0;}
		#MainNav li a.JoinUs:hover, #MainNav li.selected a.JoinUs{background-position: -60px -20px;}
		#MainNav li a.BuyGreen{width:94px;background-position: -132px 0;}
		#MainNav li a.BuyGreen:hover, #MainNav li.selected a.BuyGreen{background-position: -132px -20px;}
		#MainNav li a.SellGreen{width:89px;background-position: -226px 0;}
		#MainNav li a.SellGreen:hover, #MainNav li.selected a.SellGreen{background-position: -226px -20px;}
		#MainNav li a.ThinkGreen{width:106px;background-position: -315px 0;}
		#MainNav li a.ThinkGreen:hover, #MainNav li.selected a.ThinkGreen{background-position: -315px -20px;}
		#MainNav li a.GreeneBay{width:116px;background-position: -421px 0;}
		#MainNav li a.GreeneBay:hover, #MainNav li.selected a.GreeneBay{background-position: -421px -20px;}
		#MainNav li a.Purpose{width:110px;background-position: -537px 0;}
		#MainNav li a.Purpose:hover, #MainNav li.selected a.Purpose, #MainNav li.itemLev1:hover a.Purpose, #MainNav li.sfHover a.Purpose{background-position: -537px -20px;}			
		
		#MainNav ul.NavLevel2{
			margin: 0px 0px 0px 0px;
			padding: 0px 0px 0px 0px;
			list-style-type: none;
			border: 1px solid #7CC243;
			background: #E6E3DC;
			
			width: 170px;
			position:absolute;
			left:5px;
			top: 20px;
		}
		
		#MainNav ul.NavLevel2 li.itemLev2{
			border-bottom: 1px solid #B2C888;
			overflow:hidden;
			width: 170px;
			float:left;
			clear:left;
		}
		#MainNav ul.NavLevel2 li.itemLev2 a.lnkLev2{
			color: #457219;
			text-decoration: none;
			display: block;
			width: 156px;
			float: left;
			padding: 4px 7px 4px 7px;
			font:normal 14px/16px Arial, Helvetica, sans-serif;
		}
		
		#MainNav ul.NavLevel2 li.itemLev2.last{
			border-bottom: none;
			padding: 0px 0px 0px 0px;
		}
		#MainNav ul.NavLevel2 li.last a{
			border-bottom: none;
			padding: 4px 7px 4px 7px;
		}
		#MainNav ul.NavLevel2 li.itemLev2 a.lnkLev2:hover{
			background: #FFF;
		}
	/* /main nav */
/* ------------------------------------------------------------------------------------------------ */

/* ------------------------------------------------------------------------------------------------ */
/* content wrappers 
/* ------------------------------------------------------------------------------------------------ */
	#ContentWrapper{
		width:928px;
		padding: 0px 2px 0px 2px;
		height: 300px;
		}
	
	#ContentWrapper[id]{
		height: auto;
		min-height: 300px;
		overflow:hidden
		}


	/* main content */
		#MainContent{
			width:694px;
			padding: 5px 2px 5px 2px;
			float: left;
			}
	/* /main content */

	/* side content */
		#SideContent{
			width:226px;
			padding: 0px 0px 0px 0px;
			float: right;
			padding: 5px 2px 5px 2px;
			}
	/* /side content */
	
	#register #ContentWrapper, #join_us #ContentWrapper{
		width:690px;
		}

	/* main content */
		#register #MainContent,#join_us #MainContent{
			width:450px;
			}
	/* /main content */

	/* side content */
		#register #SideContent, #join_us #SideContent{
			width:226px;
			}
	/* /side content */
	
	#buy_green #ContentWrapper{
		width:932px;
		}

	/* main content */
		#buy_green #MainContent{
			width:558px;
			}
	/* /main content */

	/* side content */
		#buy_green #SideContent{
			width:336px;
			}
	/* /side content */
	
	
/* ------------------------------------------------------------------------------------------------ */


/* ------------------------------------------------------------------------------------------------ */
/* footer 
/* ------------------------------------------------------------------------------------------------ */
	#Footer{
		font:normal 10px/10px Arial, Helvetica, sans-serif;
		color: #666;
		padding: 23px 0px 20px 0px;
		}
	
	#Copyright{
		display: inline
		}
	
	#FooterNav{
		display: inline;
		}
		
	#FooterNav ul{
		margin: 0px 0px 0px 0px;
		padding: 0px 0px 0px 5px;
		list-style-type: none;
		display: inline;
		}
	
	#FooterNav ul li{
		display: inline;
		padding: 0px 5px 0px 5px;
		border-left: 1px solid #666;
		}
	
	#FooterNav a{
		color: #666;
		text-decoration: none
		}
		
	#FooterNav a:hover{
		color: #333;
		}
		
	#FooterNotice{
		padding: 5px 0px 0px 0px;
	}
/* ------------------------------------------------------------------------------------------------ */

/* ------------------------------------------------------------------------------------------------ */
/* common 
/* ------------------------------------------------------------------------------------------------ */
.ContentBox{
	background: #FFF;
	padding: 17px;
	border:1px solid #C9C7C3;
	-moz-border-radius: 10px;
	-webkit-border-radius: 10px;
	border-radius: 10px;
	
	-moz-box-shadow: 0px 0px 5px #CCC;
	-webkit-box-shadow: 0px 0px 5px #CCC;
}

a.LinkButton{
	font:bold 11px/13px Arial, Helvetica, sans-serif;
	color: #FFF;
	padding: 2px 23px 2px 8px;
	height: 16px;
	background: #7DC243 url(../img/bgBtn.gif) 100% 50% no-repeat;
	text-decoration: none;
	border: 1px solid #7CC243;
	-moz-border-radius: 10px;
	-webkit-border-radius: 10px;
	border-radius: 10px;
	white-space: nowrap
}

a.LinkButton:hover{
	color: #FFF;
}

a.LinkButton2{
	color: #FFF;
	text-decoration: none;
}

a.LinkButton2:hover{
	color: #FFF;
}

a.LinkButton2 span{
	white-space: nowrap;
	height: 18px;
	font:bold 11px/13px Arial, Helvetica, sans-serif;
	cursor:pointer
}
a.LinkButton2 .span1{
	padding: 3px 0px 3px 6px;
	background: #7DC243 url(../img/bgBtn2.gif) 0% 50% no-repeat;
}
a.LinkButton2 .span2{
	background: #7DC243 url(../img/bgBtn2.gif) 100% 50% no-repeat;
	padding: 3px 24px 3px 0px;
}

.hr{
	clear: both;
	height: 3px;
	overflow: hidden;
	margin: 10px 0px 10px 0px;
	background: #FFF url(../img/sepHoriz.gif) 0 0 repeat-x;
}

em.highlight{
	color: #7FAC33;
	font-style: normal
}

.multiple_cols{
	overflow: hidden;	
}

.nw{
	white-space: nowrap
}
/* ------------------------------------------------------------------------------------------------ */



/* ------------------------------------------------------------------------------------------------ */
/* form styles 
/* ------------------------------------------------------------------------------------------------ */
	form{margin: 0}
	label{display: block; font:normal 12px/120% Arial, Helvetica, sans-serif; color: #2D5220; width: 130px; padding: 2px 5px 0px 0px; float:left; text-align:right}
	span.chkLabel{ font:normal 11px/120% Arial, Helvetica, sans-serif; color: #2D5220; display: block; float: left; width: 250px}
	fieldset{border: none;margin:0 0 1em 0; padding: 0.5em; border: 1px solid #666}
	input, select{vertical-align: middle}
	textarea{overflow: auto}
	
	.FormGroup{clear: both;overflow: hidden;margin: 0px 0px 10px 0px; width: 100%}
	.FormGroupItem{float: left; margin: 0px 5px 0px 0px; overflow: hidden}
	.ChecboxFormGroup{clear: both;overflow: hidden;margin: 0px 0px 10px 118px}
	.ChecboxFormGroupItem{margin: 0px 5px 10px 0px; overflow: hidden; clear:both}
	
	input.txtInput, input.pwdInput, textarea{border: 1px solid #4C7637; width: 285px }
	input.btnInput{}
	input.chkInput, input.radioInput{ float: left;margin: 0px 5px 0px 0px;}
	input.fileInput{}
	tt.required{color: #F00; vertical-align:top}
	small.fieldHint{display: block}
	
	.RegisterForm{
		padding: 10px 0px 10px 0px;
	}
	
	.RegisterForm label{
		width: 113px;
	}
	
	.SendCreativeReuseForm{
		padding: 10px 0px 10px 0px;
	}
	
	.SendCreativeReuseForm .formNotes, .SendCreativeReuseForm .SubmitBtnW{
		margin-left: 135px;
	}
	
	.SendCreativeReuseForm textarea.ProjectDescription{
		width: 510px;
	}
	
	.SendCreativeReuseForm input.BeforePhotoUrl, .SendCreativeReuseForm input.AfterPhotoUrl{
		width: 184px;
	}
	
	.notice_success{
		width:auto;
		padding:5px 25px 5px 20px;
		background:#fff url(../img/icSucces.gif) 0px 6px no-repeat;
		color:#565441;
		margin: 0px 0px 10px 0px;
		}
	.notice_warning{
		width:auto;
		padding:5px 25px 5px 20px;
		background:#fff url(../img/icWarning.gif) 0px 6px  no-repeat;
		color:#565441;
		margin: 0px 0px 10px 0px;
		}
	.notice_error{
		width:auto;
		padding:5px 25px 5px 20px;
		background:#fff url(../img/icError.gif) 0px 6px no-repeat;
		color:#565441;
		margin: 0px 0px 10px 0px;
		}
/* ------------------------------------------------------------------------------------------------ */

/* home featured box */
	.HomeFeatured{
		margin: 0px 0px 16px 0px;
	}
	
	.HomeFeatured .ContentBox{
		height: 430px;
		position:relative;
	}
	
	.FeaturedBoxFooter{
		width: 692px;
		height: 60px;
		position:absolute;
		bottom: 0px;
		left: 0px;
		z-index:1;
		/*text-indent: -9999em;
		background: url(../img/ftrCommunityImpact.gif) 0 0 no-repeat;*/
		
		-moz-border-radius-bottomright:8px;
		-webkit-border-bottom-right-radius:8px;
		border-bottom-right-radius: 8px;
		
		background: #45751B;
	}
	
	.FeaturedBoxFooter h4{
		color: #E6E94A;
		font-size: 17px;
		line-height:17px;
		padding: 2px 0px 0px 11px;
		margin: 0px 13px 0px 0px;
		width:193px;
		float: left;
		background: url(../img/sepFeaturedBoxFooter.gif) 100% 0 no-repeat;
	}
	
	.FeaturedBoxFooter #TwitterFeeds{
		width: 472px;
		height: 60px;
		overflow: hidden;
		float: left;
	}
	
	.FeaturedBoxFooter #TwitterFeeds ul{
		margin: 0px 0px 0px 0px;
		padding: 0px 0px 0px 0px;
		list-style-type: none;
		width: 472px;
		height: 60px;
		overflow: hidden;
		color: #FFF;
		font:normal 12px/120% Arial, Helvetica, sans-serif;
	}
	
	.FeaturedBoxFooter #TwitterFeeds ul li{
		padding: 0px 0px 0px 0px;
		width: 472px;
		height: 55px;
		padding: 5px 0px 0px 0px;
		position:relative
	}
	
	.FeaturedBoxFooter #TwitterFeeds ul li a{
		color: #FFF;
	}
	
	.FeaturedBoxFooter #TwitterFeeds ul li .from{
		position:absolute;
		bottom: 5px;
		right:20px;
		z-index:1;
		background: #45751B;
	}
	
	.HomeFeatured h1{
		color: #4D6E35;
		font-size: 32px;
		line-height:100%;
		margin: 0px 0px 5px 0px;
	}
	
	.HomeFeatured h1 em{
		color: #FC0
	}
	
	.HomeFeatured h1 span.subHeading{
		font-size: 29px
	}
	
	.HomeFeatured h2{
		color: #79BF43;
		font-size: 28px;
		font-weight: bold;
		line-height:115%;
	}
	
	.HomeFeatured .col2 h2{
		color: #4B7233;
		font-size: 23px;
		font-weight: bold;
		line-height:100%
	}
	
	.HomeFeatured h3{
		color: #7FAC33;
		font-size: 19px;
		font-weight: normal;
		line-height:120%
	}
	
	.HomeFeatured p{
		font:normal 13px/130% Arial, Helvetica, sans-serif;
		color: #666;
		margin: 0px 0px 23px 0px;
		
	}
	
	.HomeFeatured .col1{
		width:370px;
		float: left;
	}
	
	.HomeFeatured .col1 .WinBox{
		overflow: hidden;
		padding: 0px 0px 0px 0px;
	}
	
	.HomeFeatured .col1 .GraphicBox{
		float: left;
		margin: 10px 0px 0px 0px;
	}
	
	.HomeFeatured .col1 .TextBox{
		width:220px;
		float: left;
		padding:10px 0 5px 0;
	}
		
	.HomeFeatured .col1 h3{
		margin: 0px 0px 0px 0px;
	}
	
	.HomeFeatured .col1 .TextBox h3{
		margin: 0px 0px 14px 0px;
	}	
	
	.HomeFeatured .col2{
		width:280px;
		float: right;
		padding: 0px 0px 5px 0px;
	}
	
	.HomeFeatured .col2 .GraphicBox{
		text-align: center
	}
	
	
	.HomeFeatured .col2 .inlineSpacer{
		/*padding: 0px 8px 0px 8px;*/
	}
/* /home featured box */

/* content featured box (variation) */
	.MainContentFeatured{
		margin: 0px 0px 16px 0px;
	}
	
	.MainContentFeatured .ContentBox{
		height: 376px;
		position:relative;
	}
	
	.MainContentFeatured h1{
		color: #79BF43;
		font-size: 52px;
		font-weight: bold;
		line-height:115%;
	}
	
	.MainContentFeatured h2{
		color: #2C521F;
		font-size: 29px;
		font-weight: bold;
		line-height:115%;
	}
	
	.MainContentFeatured  .WinBox{
		overflow: hidden;
		padding: 10px 0px 0px 0px;
		position:absolute;
		top: 170px;
		left:20px;
		z-index:1;
	}
	
	.MainContentFeatured .WinBox h3{
		color: #79BF43;
		font-size: 28px;
		font-weight: bold;
		line-height:115%
	}
	
	.MainContentFeatured .WinBox h4{
		color: #7FAC33;
		font-size: 19px;
		font-weight: normal;
		line-height:128%
	}
		
	.MainContentFeatured .GraphicBox{
		float: left;
		margin: 0px 25px 0px 0px;
	}
	
	.MainContentFeatured .TextBox{
		width:370px;
		float: left;
		padding: 10px 0px 5px 0px;
	}
	
/* /content featured box */

/* featured items */
	ul.FeaturedItemsList{
		margin: 0px 0px 0px 0px;
		padding: 0px 0px 0px 0px;
		list-style-type: none;
		height: 349px
	}
	
	ul.FeaturedItemsList li{
		float: left;
		width:226px;
		margin: 0px 8px 0px 0px;
	}
	
	ul.FeaturedItemsList .FeaturedItemHdrBox{
		height:112px;
		margin:0 0 12px;
		overflow:hidden;
		white-space:nowrap;
		width:192px;
	}
	
	ul.FeaturedItemsList .FeaturedItemHdrBox img {
		display:block;
		float:left;
	}
	
	ul.FeaturedItemsList li .ContentBox{
		height: 273px
	}
	
	ul.FeaturedItemsList li.last{
		margin: 0px 0px 0px 0px;
	}
		
	ul.FeaturedItemsList img{
		display: block;
		margin: 0px 0px 12px 0px;
	}
	
	ul.FeaturedItemsList h3{
		color: #4B7233;
		font-size:17px;
		line-height:100%;
		font-weight: bold
	}
	
	ul.FeaturedItemsList p{
		color: #666;
		font:normal 13px/120% Arial, Helvetica, sans-serif;
		margin: 0px 0px 20px 0px;
	}
	
	ul.FeaturedItemsList .ContentBox{
		position: relative;
		padding-bottom: 57px
	}
	
	ul.FeaturedItemsList .ContentBox a.LinkButton{
		position:absolute;
		bottom: 14px;
		left: 17px;
		height:14px;
		z-index:1;
	}
	
	ul.FeaturedItemsList .ContentBox a.LinkButton2{
		position:absolute;
		bottom: 14px;
		left: 17px;
		display: block;
		z-index:1;
		height: 20px;
		overflow: hidden
	}
		
	ul.FeaturedItemsList .ContentBox a.LinkButton2 .span1, ul.FeaturedItemsList .ContentBox a.LinkButton2 .span2{
		display: block;
		float: left;
		height:20px;
		line-height:20px;
		overflow:hidden;
		padding-top: 0px;
		padding-bottom: 0px;
	}
/* /featured items */

/* model banner */
	.SkyScraperBanner{
	
	}
	
	.SkyScraperBanner h2{
		font-size: 29px;
		line-height:125%;
		color: #4C7634;
		margin: 0px 0px 10px 0px;
	}
	
	.SkyScraperBanner p{
		margin: 0px 0px 30px 0px;
	}
	
	.SkyScraperBanner .GraphicBox{
		padding: 0px 0px 14px 0px;
		text-align: center;
	}
	
	.SkyScraperBanner .ContentBox{
		position: relative;
		padding-bottom: 40px
	}
	
	.SkyScraperBanner .ContentBox a.LinkButton{
/*		position:absolute;
		bottom: 14px;
		left: 17px;
*/
		display: block;
		height: 14px;
		z-index:1;
	}
	
	.SkyScraperBanner .ContentBox a.LinkButton2{
		position:absolute;
		bottom: 14px;
		left: 17px;
		display: block;
		z-index:1;
		height: 20px;
		overflow: hidden
	}
		
	.SkyScraperBanner .ContentBox a.LinkButton2 .span1, .SkyScraperBanner .ContentBox a.LinkButton2 .span2{
		display: block;
		float: left;
		height:20px;
		line-height:20px;
		overflow:hidden;
		padding-top: 0px;
		padding-bottom: 0px;
	}
	
/* /model banner */

/* OutsidePageHeader */
	.OutsidePageHeader{}
	
	.OutsidePageHeader h1{
		color: #7AC043;
		font-size:46px;
		line-height:115%;
		margin: 0px 0px 0px 0px;
	}
	
	.OutsidePageHeader h2{
		color: #2C521F;
		font-size:29px;
		line-height:120%;
		margin: 0px 0px 0px 0px;
	}
	
	.OutsidePageHeader h2.alt{
		color: #4C7634;
		font-size: 32px;
		margin: 0px 0px 10px 0px;
	}
	
	.OutsidePageHeader h2 em{
		color:#FFCC00;
	}
	
	.OutsidePageHeader h3{
		color: #35592C;
		font:bold 14px/150% Arial, Helvetica, sans-serif;
		line-height:120%;
		margin: 0px 0px 20px 0px;
	}
/* /OutsidePageHeader */

/* small banners */
	.SmallBanner{
		margin: 0px 0px 0px 0px;
	}
	
	.SmallBanner h2{
		color: #79BF43;
		font-size: 28px;
		font-weight: bold;
		line-height:115%;
		margin: 0px 0px 0px 0px;
	}
	
	.SmallBanner h2.alt{
		color: #4B7233;
		font-size: 23px;
		font-weight: bold;
		line-height:100%;
		margin: 0px 0px 10px 0px;
	}
	
	.SmallBanner h3{
		color: #7FAC33;
		font-size: 19px;
		font-weight: normal;
		line-height:128%
	}
	
	.SmallBanner .GraphicBox{
		text-align: center
	}
	
	.SmallBanner p{
		font:normal 13px/130% Arial, Helvetica, sans-serif;
		color: #666;
		margin: 0px 0px 10px 0px;
	}
	
	.spacerSideBanners{
		height: 8px;
		overflow: hidden
	}
/* /small banners */

/* featured products */
	.FeaturedProducts{
		
	}
	
	.FeaturedProducts h3{
		color: #FFF;
		font:normal 19px/120% Arial, Helvetica, sans-serif;
		margin: 0px 0px 10px 0px;
	}
	
	.FeaturedProducts h4{
		color: #FFF;
		font:normal 14px/120% Arial, Helvetica, sans-serif;
		margin: 0px 0px 30px 0px;
	}
		
	.FeaturedProducts .ContentBox{
		background: #7CC243;
	}
	
	ul.ProductListing{
		margin: 0px 0px 0px 0px;
		padding: 0px 0px 0px 0px;
		list-style-type: none;
		width: 100%;
		overflow: hidden;
	}
	
	ul.ProductListing li{
		clear:both;
		overflow: hidden;
		margin: 0px 0px 29px 0px;
	}
	
	ul.ProductListing li .ProductImage{
		width: 197px;
		float: left;
		margin: 0px 23px 0px 0px;
		text-align:center
	}
	
	ul.ProductListing li .ProductInfo{
		width: 280px;
		float: left;
		margin: 0px 0px 0px 0px;
	}
	
	ul.ProductListing li h3.ProductTitle{
		color: #FFF;
		font:normal 12px/140% Arial, Helvetica, sans-serif;
		margin: 0px 0px 0px 0px;
	}
	
	ul.ProductListing li p.ProductDescription{
		color: #35592C;
		font:normal 12px/140% Arial, Helvetica, sans-serif;
		margin: 0px 0px 20px 0px;
	}
	
	ul.ProductListing li a.ProductDetailsLink{
		color: #35592C;
		text-decoration: underline
	}
	
	ul.ProductListing li a.ProductDetailsLink:hover{
		color: #FFF;
	}
/* /featured products */

/* overlay */
	/* use a semi-transparent image for the overlay */ 
	.overlay, .photo_overlay{
	    /* must be initially hidden */ 
	    display:none; 
	     
	    /* place overlay on top of other elements */ 
	    z-index:10000;		    
	}

	/* close button positioned on upper right corner */ 
	.overlay .close, .photo_overlay .close{ 
	    background-image:url(../img/overlay_close.gif); 
	    position:absolute; 
	    right:10px; 
	    top:10px; 
	    cursor:pointer; 
	    height:35px; 
	    width:35px; 
	}
	
	.simple_overlay .close {
	    background-image:url(../img/overlay_close.gif); 
	    position:absolute; 
	    right:-10px; 
	    top:-10px; 
	    cursor:pointer; 
	    height:35px; 
	    width:35px; 
	}
	
	
	.simple_overlay .close[class], .overlay .close[class], .photo_overlay .close[class]{
		background-image:url(../img/overlay_close.png); 
	}

.simple_overlay {
	display: none;
}
/* the large image. we use a gray border around it */
.simple_overlay #img {
	border:1px solid #666;
}

/* "next image" and "prev image" links */
.simple_overlay .next, .prev {
	
	/* absolute positioning relative to the overlay */
	position:absolute;
	top:40%;	
	cursor:pointer;
	display:block;
	color:#fff;
	font-size:11px;
}

	.ScrollWrapper{
		width:440px;
		height: 87px;
		padding: 16px 5px 6px 5px;
		position: relative;
		background: url(../img/h300.png) 0 0 repeat-x;
		border: 1px solid #CCCCCC;
	}
	
	.ScrollWrapper a.prevPage{
		position:absolute;
		top: 50%;
		left:4px;
		margin: -15px 0px 0px 0px;
		z-index:10;
		background:transparent url(../img/hori_large.png) no-repeat scroll 0px 0px;
		cursor:pointer;
		display:block;
		height:30px;
		width:30px;
		text-indent: -9999px

	}
	
	.ScrollWrapper a.prevPage:hover {
		background-position:-30px 0px;
	}
	
	.ScrollWrapper a.nextPage{
		position:absolute;
		top: 50%;
		right:4px;
		margin: -15px 0px 0px 0px;
		z-index:10;
		background:transparent url(../img/hori_large.png) no-repeat scroll 0 -30px;
		cursor:pointer;
		display:block;
		height:30px;
		width:30px;
		text-indent: -9999px
	}
	
	.ScrollWrapper a.nextPage:hover {
		background-position:-30px -30px;
	}


.simple_overlay .prev {
	left:0;
	border-left:0;
	-moz-border-radius-topleft:0;
	-moz-border-radius-bottomleft:0;
	-webkit-border-bottom-left-radius:0;
	-webkit-border-top-left-radius:0;
		position:absolute;
		left:4px;
		z-index:10;
		background:transparent url(../img/hori_large.png) no-repeat scroll 0px 0px;
		cursor:pointer;
		display:block;
		height:30px;
		width:30px;
		text-indent: -9999px
}

.simple_overlay .next {
	right:0;
	border-right:0;
	-moz-border-radius-topright:0;
	-moz-border-radius-bottomright:0;
	-webkit-border-bottom-right-radius:0;
	-webkit-border-top-right-radius:0;	
		background:transparent url(../img/hori_large.png) no-repeat scroll 0 -30px;
		cursor:pointer;
		display:block;
		height:30px;
		width:30px;
		text-indent: -9999px
}

.simple_overlay .next:hover {
		background-position:-30px -30px;
}

.simple_overlay .prev:hover {
		background-position:-30px 0px;
}

/* when there is no next or previous link available this class is added */
.simple_overlay .disabled {
	visibility:hidden;		
}

/* the "information box" */
.simple_overlay .info {
	position:absolute;
	bottom:0;
	left:0;	
	padding:10px 15px;
	color:#fff;
	font-size:11px;
	border-top:1px solid #666;
	background-color: #333;
}

.simple_overlay .info strong {
	display:block;	
}

/* progress indicator (animated gif). should be initially hidden */
.simple_overlay .progress {
	position:absolute;
	top:45%;
	left:50%;
	display:none;
}





	
	#overlay{
	    display: none;
	    width:376px;
	    height:500px; 
	    padding: 47px 45px;
	    background-image:url(../img/overlay_white.gif);
	}
	
	.photo_overlay{
	    padding: 47px 45px;
	    width: 284px;
	    height:416px;
	    background-image:url(../img/photo_overlay_white.gif);
	}
	
	.photo_overlay[class]{
		background-image:url(../img/photo_overlay_white.png);
	}
	
	#overlay[id]{
	 background-image:url(../img/overlay_white.png);
	}
		 
	/* container for external content. uses vertical scrollbar, if needed */ 
	div.wrap { 
	    width:376px;
	    height:500px;
	    overflow-y:auto; 
	}
	
	#overlay2{
	    display: none;
	    width:550px;
	    height:522px; 
	    padding: 47px 45px;
	    background-image:url(../img/overlay_white2.gif);
	}
	
	#overlay2[id]{
	 background-image:url(../img/overlay_white2.png);
	}
		 
	/* container for external content. uses vertical scrollbar, if needed */ 
	#overlay2 div.wrap { 
	    width:546px;
	    height:522px;
	    overflow-y:auto; 
	}
/* /overlay */

/* sn overlay */
	.snOverlay{
		width: 160px;
		display: none;
		position: absolute;
		padding: 5px 10px 5px 10px;
		color: #FFF;
		border: 1px solid #45751B;
		background: #79BF43;
		-moz-border-radius: 5px;
		-webkit-border-radius: 5px;
		border-radius: 5px;
	}
		
	.snOverlay .OverlayHeader{
		font:bold 12px/128% Arial, Helvetica, sans-serif;
		color:#FFF;
		margin: 0px 0px 5px 0px;
	}
	
	.snOverlay .OverlayHeader a{
		color:#FFF;
		text-decoration:none
	}
	
	.snOverlay .OverlayHeader a:hover{
		text-decoration:underline
	}	
	
	.snOverlay ul.snOverlayList{
		margin: 0px 0px 0px 0px;
		padding: 0px 0px 0px 0px;
		list-style-type: none;
		width: 160px;
		font:bold 10px/128% Arial, Helvetica, sans-serif;
		color:#333;
	}
	
	.snOverlay ul.snOverlayList li{
		width:148px;
		overflow: hidden;
		background: #FFF;
		padding: 5px 5px 5px 5px;
		border: 1px solid #6B9F3B;
		-moz-border-radius: 5px;
		-webkit-border-radius: 5px;
		border-radius: 5px;
		margin: 0px 0px 4px 0px;
		
	}
	
	.snOverlay ul.snOverlayList a.Logo{
		display: block;
		width:32px;
		height:32px;
		overflow:hidden;
		text-indent: -9999em;
		float: left;
		margin: 0px 7px 0px 0px;
	}
	
	.snOverlay ul.snOverlayList li.Facebook a.Logo{background: url(../img/icFacebook.gif) 0 0 no-repeat;}
	.snOverlay ul.snOverlayList li.Twitter a.Logo{background: url(../img/icTwitter.gif) 0 0 no-repeat;}
	.snOverlay ul.snOverlayList li.StumbleUpon a.Logo{background: url(../img/icStumbleUpon.gif) 0 0 no-repeat;}
	
	.snOverlay ul.snOverlayList .TextContent{
		float: left;
		width: 70px;
		padding: 3px 0px 0px 0px;
	}
	
	.snOverlay ul.snOverlayList li.Twitter .TextContent{padding: 7px 0px 0px 0px;}
	.snOverlay ul.snOverlayList li.StumbleUpon .TextContent{padding: 7px 0px 0px 0px;}
	
	.snOverlay ul.snOverlayList .TextContent a{
		color:#333;
		text-decoration:none		
	}
	
	.snOverlay ul.snOverlayList .TextContent a:hover{
		color:#333;
		text-decoration:underline
	}
		
	.snOverlay a.btnCloseOverlay{
		display: block;
		width: 8px;
		height: 8px;
		position:absolute;
		top: 3px;
		right: 3px;
		z-index:1;
		text-indent: -9999em;
		background: url(../img/btnCloseOverlay.gif) 0 0 no-repeat;
	}
/* /sn overlay */

/* tip box */
	.TipBox{
		margin: 0px 0px 20px 0px;
	}
	
	.TipBox .ContentBox{
		background: #4B7536;
		border: 1px solid #4B7536;
	}
	
	.TipBox h2.TipTitle{
		font-size:22px;
		padding: 0px 0px 15px 0px;
		color: #FFF;
		background: url(../img/sepHoriz2.gif) 0 100% repeat-x;		
	}
	
	.TipBox p.TipContent{
		color: #E0E31F;
		font:bold 15px/140% Verdana, Arial, Helvetica, sans-serif;
		margin: 0px 0px 0px 0px;
	}
	
	.TipBox em.TipAuthor{
		color: #E0E31F;
		margin: 10px 0px 0px 0px;
		display: block;
		text-align: right;
		font-style: normal
	}
/* /tip box */

/* project partners */
	.ProjectPartners{
		margin: 0px 0px 20px 0px;
	}
	
	.ProjectPartners h3{
		font-size: 16px;
		color: #4B7536;
		line-height: 115%;
		margin: 0px 0px 10px 0px;
	}

	.ProjectPartners ul{
		margin: 0px 0px 0px 0px;
		padding: 0px 0px 0px 0px;
		list-style-type: none;
	}
	
	.ProjectPartners ul li{
		margin: 0px 0px 8px 0px;
	}
	
	.ProjectPartners ul li .ContentBox{
		height:	91px;
	}
	
	.ProjectPartners ul li .ContentBox[class]{
		height:	auto;
		min-height: 91px;
	}
	
	.ProjectPartners .PartnerLogo{
		float: left;
		width:140px;
		text-align: center;
		margin: 0px 6px 0px 0px;
	}
	
	.ProjectPartners .PartnerDetails{
		background: url(../img/sepVertical.gif) 0 50% no-repeat;
		padding: 0px 0px 0px 22px;
		width:130px;
		float: left;
	}
	
	.ProjectPartners .PartnerDetails h4.PartnerName{
		color: #34592C;
		font:bold 12px/120% Arial, Helvetica, sans-serif;
		margin: 0px 0px 0px 0px;
	}
	
	.ProjectPartners .PartnerDetails p.ParnerInfo{
		color: #8C8C8C;
		font:normal 12px/120% Arial, Helvetica, sans-serif;
		margin: 0px 0px 0px 0px;
	}
	
	.ProjectPartners ul li a{
	
	}
	
	.ProjectPartners ul li a img{
	
	}
/* /project partners */
                                
/* organization partners */
	.OrganizationPartners{
	
	}
	
	.OrganizationPartners h3{
		font-size: 16px;
		color: #4B7536;
		line-height: 115%;
		margin: 0px 0px 10px 0px;
	}
	
	.OrganizationPartners ul{
		margin: 0px 0px 0px 0px;
		padding: 0px 0px 0px 0px;
		list-style-type: none;
	}
	
	.OrganizationPartners ul li{
		display: inline;
		padding: 0px 5px 0px 5px;
	}
	
	.OrganizationPartners ul li a{
	
	}
	
	.OrganizationPartners ul li a img{
	
	}
 /* /organization partners */
 
 /* rounded boxes with shadows, code generated in JS */
	.RoundedBoxTR{
		width: 12px;
		height: 12px;
		overflow:hidden;
		position:absolute;
		top: -4px;
		right:-4px;
		z-index:1;
		background: url(../img/roundedCorners.gif) -12px 0px no-repeat;
	 }
	 
	 .RoundedBoxBR{
		width: 12px;
		height: 12px;
		overflow:hidden;
		position:absolute;
		bottom: -4px;
		right:-4px;
		z-index:1;
		background: url(../img/roundedCorners.gif) -12px -12px no-repeat;
	 }
	 
	.RoundedBoxBL{
		width: 12px;
		height: 12px;
		overflow:hidden;
		position:absolute;
		bottom: -4px;
		left:-4px;
		z-index:1;
		background: url(../img/roundedCorners.gif) 0px -12px no-repeat;
	 }
	 
	.RoundedBoxTL{
		width: 12px;
		height: 12px;
		overflow:hidden;
		position:absolute;
		top: -4px;
		left:-4px;
		z-index:1;
		background: url(../img/roundedCorners.gif) 0px 0px no-repeat;
	 }
	 
	 .RoundedBoxTopShadow{
		width: 100%;
		height: 3px;
		overflow:hidden;
		position:absolute;
		top: -4px;
		left:0px;
		z-index:1;
		background: url(../img/shadow_top_btm.gif) 0px 0px repeat-x;
	 }
	 
	  .RoundedBoxBtmShadow{
		width: 100%;
		height: 3px;
		overflow:hidden;
		position:absolute;
		bottom: -4px;
		left:0px;
		z-index:1;
		background: url(../img/shadow_top_btm.gif) 0px -3px repeat-x;
	 }
	 
	  .RoundedBoxRightShadow{
		width: 3px;
		height: 100%;
		overflow:hidden;
		position:absolute;
		right: -4px;
		top:0px;
		z-index:1;
		background: url(../img/shadow_left_right.gif) -3px 0px repeat-y;
	 }
	 
	  .RoundedBoxLeftShadow{
		width: 3px;
		height: 100%;
		overflow:hidden;
		position:absolute;
		left: -4px;
		top:0px;
		z-index:1;
		background: url(../img/shadow_left_right.gif) 0px 0px repeat-y;
	 }
 /* /rounded boxes with shadows, code generated in JS */
 
/* pop tech, meet the makers */
.TwoColMainContent{

}

.TwoColMainContent .multiple_cols{
	width: 660px;
	margin: 0px 0px 20px 0px;
	padding: 10px 0px 0px 0px;
}

.TwoColMainContent .multiple_cols .col1{
	width: 190px;
	float: left;
	margin: 0px 16px 0px 0px;
	padding: 5px 0px 0px 0px;
}

.TwoColMainContent .multiple_cols .col2{
	width: 450px;
	float: left;
	/*overflow:hidden*/
}

.ScrollWrapper{
	width:440px;
	height: 87px;
	padding: 16px 5px 6px 5px;
	position: relative;
	background: url(../img/h300.png) 0 0 repeat-x;
	border: 1px solid #CCCCCC;
}

.ScrollWrapper a.prevPage{
	position:absolute;
	top: 50%;
	left:4px;
	margin: -15px 0px 0px 0px;
	z-index:10;
	background:transparent url(../img/hori_large.png) no-repeat scroll 0px 0px;
	cursor:pointer;
	display:block;
	height:30px;
	width:30px;
	text-indent: -9999px

}

.ScrollWrapper a.prevPage:hover {
	background-position:-30px 0px;
}

.ScrollWrapper a.nextPage{
	position:absolute;
	top: 50%;
	right:4px;
	margin: -15px 0px 0px 0px;
	z-index:10;
	background:transparent url(../img/hori_large.png) no-repeat scroll 0 -30px;
	cursor:pointer;
	display:block;
	height:30px;
	width:30px;
	text-indent: -9999px
}

.ScrollWrapper a.nextPage:hover {
	background-position:-30px -30px;
}

.scrollable{
	width:375px;
	height: 77px;
	overflow:hidden;
	position: relative;
	margin: 0px auto;
}

ul.ItemListing{
	margin: 0px 0px 0px -1px;
	padding: 0px 0px 0px 0px;
	list-style-type: none;
	overflow:hidden;
	position: absolute;
	top: 0px;
	left:0px;
	width: 2000em
	
}

ul.ItemListing li{
	width: 74px;
	text-align:center;
	float: left;
	padding: 0px 0px 0px 1px;
	overflow:hidden
}

ul.ItemListing li img{
	cursor: pointer
}
/* /pop tech, meet the makers */

.VideoBox_embeded{
	border: 10px solid #E6E3DE;
	margin: 0px 0px 30px 0px;
}


/* featured make-overs */
	ul.FeaturedMakeOvers{
		margin: 0px 0px 30px -13px;
		padding: 0px 0px 0px 0px;
		list-style-type: none;
		overflow:hidden;
		color: #666;
	}
	
	ul.FeaturedMakeOvers li{
		float: left;
		margin: 0px 0px 0px 0px;
		padding: 0px 0px 0px 13px;
	}
	
	ul.FeaturedMakeOvers li img{
		display:block;
		margin: 0px 0px 15px 0px;
	}
/* /featured make-overs */

/* message overlay */
	/* use a semi-transparent image for the overlay */ 
	.message_overlay{
	    /* must be initially hidden */ 
	    display:none; 
	     
	    /* place overlay on top of other elements */ 
	    z-index:10000;
	    padding: 20px;
	    background:#FFF;
	    border: 1px solid black;
	    width: 400px;
	}

	/* close button positioned on upper right corner */ 
	.message_overlay .close{ 
	    background-image:url(../img/overlay_close.gif); 
	    position:absolute; 
	    right:-15px; 
	    top:-15px; 
	    cursor:pointer; 
	    height:35px; 
	    width:35px; 
	}
	
	.message_overlay .close[class]{
		background-image:url(../img/overlay_close.png); 
	}
	
	/* user submissions */
	.UserSubmissions{
	
	}
	
	.UserSubmissions h3{
		margin: 0px 0px 10px 0px;
	}
	
	.UserSubmissions h4{
		font-size:19px;
		margin: 0px 0px 10px 0px;
		font-weight: normal;
		color: #7FAC33;
	}
	
	.UserSubmissions .multiple_cols{
		padding: 0px 0px 20px 0px;
		line-height:150%;
		border-bottom: 1px solid #E6E3DE;
	}
	
	.UserSubmissions .multiple_cols .col1{
		width: 288px;
		margin: 0px 22px 0px 0px;
	}
	
	.UserSubmissions .multiple_cols .col2{
		width: 350px;
	}
/* /user submissions */