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

/*link styles*/
img {
	border: 0;
}

/*font styles*/
.error {
	color: #FF0000;
}

/*body syles*/
body{
	background-color:#FDFAE3;
	background-image:url(../images/saveatreebackground.png);
	background-repeat:repeat-x;
	margin-top: 9px;
}

#wrapper {
	width: 930px;
	height: auto;
	padding: 0px;
}

#page {
	position: relative;
	float: left;
	text-align: center;
	width: 930px;
	height: auto;
}

#bodycontent {
	position: relative;
	float: left;
	width: 930px;
	height: auto;
	background-image:url(../images/background.png);
	background-repeat: repeat-y;
}

#bodycontentWhite {
	position: relative;
	float: left;
	width: 930px;
	height: auto;
	background-image:url(../images/backgroundWhite.png);
	background-repeat: repeat-y;
}

#sendtoolcontent {
	position: relative;
	float: left;
	width: 930px;
	height: auto;
	background-image:url(../images/sendtoolbackgroundWhite.png);
	background-repeat: repeat-y;
}

#viewbodycontent {
	position: relative;
	float: left;
	width: 930px;
	height: auto;
	background-image:url(../images/viewbackground.jpg);
	background-repeat: no-repeat;
	color: #766341;
	font-family: Verdana, Geneva, sans-serif;
}

#viewbodycontent2 {
	position: relative;
	float: left;
	width: 930px;
	height: auto;
	background-image:url(../images/viewbackgroundrepeat.jpg);
	background-repeat: repeat-y;
}

.HGimages {
	float: left;
	width: 72px;
	border: 1px solid #FFFFFF;
	margin-right: 15px;
}

/*header styles*/
.header {
	position:relative;
	float: left;
	width: 930px;
	height: 127px;
	text-align: left;
}

.container {
	position:relative;
	float: left;
	height: 127px;
	margin: 0px;
}

.headerLinks {
	position:relative; 
	float:left;
	margin-left:410px;
	text-align: left;
	font-family:Verdana, Geneva, sans-serif;
	font-size: .7em;
	height: 99px;
	width: 170px;
	overflow: hidden;
	color:#7c6844;
}

.headerLinks a:hover {
	text-decoration: underline;
}

.headerLinks a {
	text-decoration: none;
	color:#7c6844;
}

.sublinks{
	position: relative;
	float: left;
	padding-left: 304px;
	height: 28px;
}

.headerText {
	position:absolute;
	margin: 57px 0px 0px 325px;
	font-style:italic;
	font-family:"Times New Roman", Times, serif;
	font-size:20px;
	color:#766342;
	}

/*left nav styles*/
.leftnavshadow {
	float: left;
	width: 199px;
	height: auto;
	background-image:url(../images/leftnavshadow.png);
	background-repeat:repeat-y;
}

.leftnav {
	position: relative;
	float: left;
	width: 199px;
	height: 624px;
	overflow: hidden;
	background-image:url(../images/leftnav.jpg);
	background-repeat:no-repeat;
}

.leftnav a {
	color: #333333;
	font-family: Verdana, Geneva, sans-serif;
	text-decoration: none;
	font-size: .75em;
}

.leftnav a:hover{
	color: #630;
	text-decoration: none;
}

.holidayNav {
	text-align:left;
	padding-left:20px;
	padding-bottom:10px;
	}

.holidayNav a {
	color: #333333;
	font-family: Verdana, Geneva, sans-serif;
	text-decoration: none;
	font-size: .75em;
}

.holidayNav a:hover{
	color: #630;
	text-decoration: none;
}

.topNavHeader{
	width:179px;
	float: left;
	height: 23px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: .8em;
	font-weight: bold;
	text-align: left;
	padding: 15px 0 0px 20px;
	color: #333333;
	overflow: hidden;
}

.NavHeader{
	width:179px;
	float: left;
	height: 23px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: .8em;
	font-weight: bold;
	text-align: left;
	padding: 8px 0 0px 20px;
	color: #333333;
	overflow: hidden;
}

.leftNavLinks {
	width: 179px;
	float: left;
	text-align: left;
	padding: 0 0 10px 20px;
}

/*center styles*/


/*homegallery styles for 2010 holiday promo
#homegallery {
	position: relative;
	float: left;
	height: auto;
	width:715px;
	background: #FFFFFF;
	text-align: left;
	font-family:Verdana, Geneva, sans-serif;
	font-size: .7em;
	color: #333333;
}
*/

#homegallery {
	position: relative;
	float: left;
	width: 451px;
	height: auto;
	padding: 7px 0 30px 20px;
	background: #FFFFFF;
	text-align: left;
	font-family:Verdana, Geneva, sans-serif;
	font-size: .7em;
	color: #766341;
}

#homegallery_alternate {
	position: relative;
	float: left;
	width: 715px;
	height: auto;
	background: #FFFFFF;
	text-align: left;
	font-family:Verdana, Geneva, sans-serif;
	font-size: .7em;
	color: #766341;
}

/*
#featured {
	width: auto;
	text-align: left;
	font-family:Verdana, Geneva, sans-serif;
	font-size: .7em;
	font-weight: bold;
	color: #766341;
	margin: 10px 0 10px 20px;
	float: left;
	}
	*/

#toptext {
	position:absolute;
	margin-left:36px;
	
	}

#toptext p {
	font-size:1.75em;
	font-weight:bold;
	color:#C80505;
	}

#top {
	width:715px;
	height:275px;
	background-image:url(../images/HG_bg.jpg);
	background-repeat:repeat-x;
	}

#top:link img {
  border: none;
}
	
#middle {
	width:715px;
	height:246px;
	background-image:url(../images/HG_middle_bg.png);
	background-repeat:repeat-x;
	}

#middleLeft {
	float: left;
	width:337px;
	padding:29px 40px 29px 29px;
	}
	
#middleLeft ul {
	padding-left:19px;
	margin:0px;
	}

#middleLeft ul li {
	font-weight:bold;
	font-size:1em;
	line-height:20px;
	list-style-image:url(../images/arrowBullet.png);
	padding-bottom:7px;
	}
	
#middleLeft p {
	padding-left:19px;
	}	
	
#middleLeft a {
	color:#C80505;
	}
	
#middleLeft a:hover {
	color:#336633;
	}
	
#middleRight {
	width:262px;
	margin-left: 395px;
	padding:29px 29px;
	}
	
#middleRight ul {
	padding:15px 0px 0px 19px;
	margin:0px;
	}

#middleRight ul li {
	color:#C80505;
	padding-bottom:7px;
	}
	
#middleRight ul li span {
	color:#333333;
	}

#middleRight:link img {
  border: none;
}

#bottom {
	width:526px;
	padding:15px 160px 29px 29px;
	background-image:url(../images/HG_bottom_bg.png);
	background-repeat:repeat-x;
	}

#bottom p {
	line-height:20px;
	color:#333333;
	}
	
	
	
	

/*------------------ EARTH DAY CARD ----------------*/

#earthdaycontent {
	position: relative;
	float: left;
	margin: 25px 0px 0px 145px;
	width: 619px;
	height: auto;
	background-image:url(../images/background.jpg);
	background-repeat: repeat-y;
}



#earthday {
	position: relative;
	float: left;
	width: 619px;
	height: 480px;
	padding: 0px 0px 0px 0px;
	background: #FFFFFF;
	text-align: left;
	font-family:Verdana, Geneva, sans-serif;
	font-size: .7em;
	color: #766341;
}


#earthfooter {
	position: relative;
	float: left;
	margin-left: 145px;
	width: 620px;
	height: auto;
	padding: 15px 0 75px 0;
	font-size: .55em;
	text-align:center;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-weight: normal;
	color: #FFFFFF;
}

#earthfooter a {
	font-size: 1em;
	text-align:center;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-weight: bold;
	color: #FFFFFF;
}

#earthfoot .copyright-link{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-weight: normal;
	color: #FFFFFF;
	text-decoration:none;
}

/*------------------ END EARTH DAY CARD ----------------*/

#categorygallery {
	position: relative;
	float: left;
	width: 357px;
	height: auto;
	padding: 5px 0 30px 60px;
	background: #FFFFFF;
	background-image: url(../images/centershadow.jpg);
	background-repeat:repeat-x;
	text-align: left;
	font-family:Verdana, Geneva, sans-serif;
	font-size: .8em;
	color: #766341;
}
#center {
	float: left;
	width: 731px;
}

#subWrapper {
	width: 731px;
	float: left;
}

#subEcard {
	width: 362px; 
	float: left;
	padding: 50px 10px 0 45px;
	text-align: left;
	font-family: Verdana, Geneva, sans-serif; 
	font-size: .7em; 
	color: #766341;
	background-image: url(../images/centershadow.jpg);
	background-repeat: repeat-x;
}

#customButtons {
	width: 327px; 
	float: left;
	border-bottom: #630 1px solid;
}

#subCenter {
	position: relative;
	float: left;
	width: 392px;
	height: auto;
	padding: 50px 0 30px 25px;
	background: #FFFFFF;
	background-image: url(../images/centershadow.jpg);
	background-repeat:repeat-x;
	text-align: center;
	font-family:Verdana, Geneva, sans-serif;
	font-size: .7em;
	color: #766341;
}

#ecoKids_subCenter {
	position: relative;
	float: left;
	width: 706px;
	height: auto;
	padding: 50px 0 30px 25px;
	background: #FFFFFF;
	background-image: url(../images/children_centerBackground.jpg);
	background-repeat:repeat-x;
	text-align: center;
	font-family:Verdana, Geneva, sans-serif;
	font-size: .7em;
	color: #766341;
}

#ecoKids_ecardView {
	float: left; 
	padding: 20px 0 0 60px; 
	width: 800px;
}

#ecoKids_galleryText {
	padding: 0 0 15px 0;
	font-family:Verdana, Geneva, sans-serif;
	font-size: .8em;
	color: #766341;
}

.morestuff {
	float: left;
	width: 71px;
	height: 44px; 
	border: 1px solid; 
	margin-right: 5px; 
	text-align: center;
	overflow: hidden;
	padding-top: 28px;
}

.morestuff a {
	color: #766341;
}

/*right side styles*/
/*#right {
	float: left;
	width: 200px;
	height: 594px;
	padding: 30px 38px 0 22px;
	text-align: left;
	font-family: Verdana, Geneva, sans-serif;
	font-size: .7em;
	color: #766341;
	overflow: hidden;
	background-image:url(../images/frontrightbackground.jpg);
	background-repeat: no-repeat;
}*/

#galleryright {
	float: left;
	width: 224px;
	height: 594px;
	padding: 30px 38px 0 52px;
	text-align: left;
	font-family: Verdana, Geneva, sans-serif;
	font-size: .7em;
	color: #766341;
	overflow: hidden;
	background-image:url(../images/rightbackground.jpg);
	background-repeat: no-repeat;
}

#subRight {
	float: left;
	width: 259px;
	height: 644px;
	padding: 50px 40px 25px 15px;
	text-align: left;
	font-family: Verdana, Geneva, sans-serif;
	font-size: .8em;
	color: #766341;
	overflow: hidden;
	background-repeat:no-repeat;
	background-image:url(../images/subRightBackground.jpg);
}

#ecoKids_info {
	float: left;
	width: 210px;
	height: 250px;
	padding: 10px 2px 10px 25px;
	text-align: left;
	font-family: Verdana, Geneva, sans-serif;
	font-size: 8pt;
	color: #766341;
	overflow: auto;
}

#customRight {
	width: 274px; 
	height: 624px; 
	float: left; 
	text-align: left; 
	padding: 50px 20px 0 20px; 
	background-image: url(../images/subRightBackground.jpg); 
	background-repeat: no-repeat; 
	font-family: Verdana, Geneva, sans-serif; 
	font-size: .7em; 
	color: #766341;
}

.ecoKids_confirmInfo {
	width: 294px; 
	height: auto; 
	float: left; 
	text-align: left; 
	padding: 0 0 20px 25px; 
	font-family: Verdana, Geneva, sans-serif; 
	font-size: .7em; 
	color: #766341;
}

.ecoKids_viewText {
	float: left; 
	width: 300px; 
	text-align: left; 
	padding: 20px 0 0 0; 
	font-size: .8em;
}

#clientFlash {
	margin: 30px 0px 0px -25px;
	padding:0px;
}

#customized {
	float: left;
	padding: 20px 15px 0 5px;
	font-size: 12px;
	color:#FFFFFF;
}

#customcontainer1 {
	padding-bottom: 10px; 
	font-weight: bold;
	line-height:14px;
	overflow: hidden;
}

#customcontainer2 ul {
	margin:0;
	padding:0px 15px 7px 15px;
}

#customcontainer2 ul li {
	line-height: 13px;
	padding-bottom: 5px;
}


/*footer styles*/
#footer {
	position: relative;
	float: left;
	width: 930px;
	height: auto;
	padding: 3px 0 3px 0;
	font-size: .55em;
	text-align:center;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-weight: normal;
	color: #630;
	background-repeat:no-repeat;
	background-color: ##EDE7BD;
	background-image:url(../images/bottomshadow.png);
}

.copyright-link{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-weight: normal;
	color: #630;
	text-decoration:none;
}

/*peripheral pages*/
#peripheral {
	width: 401px; 
	min-height: 500px;
	float: left;
	text-align:left;
	background-image:url(../images/centerbackground.jpg);
	background-repeat:no-repeat;
	color: #766341;
	font-family:Verdana, Geneva, sans-serif;
	font-size: .8em; padding: 20px 300px 40px 30px;
}

#peripheral a{
	color: #679146;
}

#perHeader {
	font-size: 1.7em; 
	color:#679146;
	font-weight: bold;
}

/*why save a tree / custom sites*/
#why {
	#width: 651px; 
	width: 635px;
	background-color: white;
	min-height: 500px;
	float: left;
	text-align:left;
	background-image:url(../images/centerbackground.jpg);
	background-repeat:no-repeat;
	color: #766341;
	font-family:Verdana, Geneva, sans-serif;
	font-size: .8em; 
	padding: 20px 50px 40px 30px;
}

#why a{
	color: #679146;
}

#sendtoolCenter{
	width: 930px; 
	min-height: 500px;
	float: left;
	text-align:left;
	background-image:url(../images/sendtoolcenter.jpg);
	background-repeat:no-repeat;
	color: #766341;
	font-family:Verdana, Geneva, sans-serif;
	font-size: .8em; 
	padding: 0px 0px 40px 0px;
}

#sendtoolheader{
	width: 880px;
	height: 54px;
	padding: 30px 0 0 50px;
	background-image:url(../images/sendtoolheader.jpg);
	font-family:Verdana, Geneva, sans-serif;
	color: #FFF;
	font-size: 1.7em;
	font-weight: bold;
}

.sendtoolcolumn{
	width: 270px;
	float: left;
	min-height: 400px;
	margin: 15px 0 0 10px;
	padding: left: 30px;
	color: #333;
	font-size: 1.1em;
	font-weight: bold;
}

.colschemeselect{
	height: 60px; width: 100px; 
	margin: 10px 13px 0 0; 
	font-size: .8em; 
	font-weight: normal; 
	padding: 5px 0 5px 5px;
	float: left;
	border: 1px solid #FFF;
}

.colorselect{
	width: 40px; 
	height: 40px; 
	margin: 5px 10px 0 0; 
	float: left;
}

.viewtext {
	float: left; 
	width: 450px;
	text-align: left;
	padding: 20px 0 20px 60px; 
	font-size: .7em;
}

.viewtext a {
	color: #679146;
}

.ecoKids_viewtext {
	float: left; 
	width: 300px; 
	text-align: left; 
	padding: 20px 0 20px 60px; 
	font-size: .7em;
}

.ecoKids_viewtext a {
	color: #679146;
}



.input{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 105%;
	height: 21px;
	color: #605239;
	width: 205px;
	border: 1px solid #ccc;
}

/**************Last Edited 3/10/09, Brian Bacheller, Logica3 Ltd.****************/