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


/* BODY ------------------------------------------------------- */

body {
background: #c2de31 url(../images/bgBody.png) repeat-x top;
font: 12px Verdana,Arial,sans-serif;
color: #575757;
}

html, body {
width: 100%;
height: 100%;
}


/* TEXT -------------------------------------------------------- */

.dgreen { color: #2d361a; }
.green { color: #c2de31; }
.grey { color: #b3b3b3; }
.lgrey { color: #747474; }
.red { color: #640e27; }

a {
text-decoration:none;
color: #640e27;
} 

a:hover {
color: #acbd63;
}

h1,h2,h3,h4,h5,h6,
h1 *, h2 *, h3 *, h4 *, h5 *, h6 * {
font-weight: normal;
}

strong {
font-weight: bold;
}

em {
font-style: oblique;
}

/* GERNERAL CRAP ---------------------------------------- */

.clear {
clear:both;
display: block;
}

.clearfix:after {
content:".";
display:block;
height:0;
clear:both;
visibility:hidden;
}
.clearfix {display:inline-block;}
/* Hide from IE Mac \*/
.clearfix {display:block;}
/* End hide from IE Mac */

.clear10 {height:10px; clear:both;}
.clear15 {height:15px; clear:both;}
.clear20 {height:20px; clear:both;}
.clear30 {height:30px; clear:both;}
.clear45 {height:45px; clear:both;}
.clear60 {height:60px; clear:both;}

.right { float: right !important; }
.left { float: left !important; }

.textRight { text-align: right; }
.textLeft { text-align: left; }

#container {
width: 1080px;
margin: 0 auto;
}

hr { border: 0px; 
	height: 1px;
	background: url(../images/hr.png) center no-repeat;
	color: #ccc;
	}

/* HEADER ---------------------------------------- */



#header {
width: 870px;
height: 190px;
padding: 0 105px;
background: url(../images/bgHeader.png) no-repeat center;
}

	#headerLogo {
	float: left;
	margin-top: 21px;
	}
	
	#headerInfo {
	float: right;
	margin-top: 15px;
	}
	
		#headerInfo a {
		color: #fff;	
		}
		
	#headerSearch {
	float: right;
	width: 212px;
	margin-top: 15px;
	}
	
		#headerSearch input {
		float: left;
		}
		
		#headerSearch input.text {
		width: 166px;
		height: 27px;
		padding: 3px 0 0 10px;
		background: url(../images/headerSearchText.png) no-repeat;
		border: none;
		font-size: 18px;
		color: #a6a5a4;
		margin-right: 5px;
		}

	ul#headerNav {
	float: right;
	margin-top: 42px;
	}
	
		#headerNav li {
		float: left;
		display: inline;
		height: 29px;
		margin-left: 20px;
		}
	
		#headerNav a {
		position: relative;
		height: 17px;
		margin-top: 9px;
		float: left;
		}
		
		#headerNav a span {
		width: 100%;
		height: 100%;
		position: absolute;
		z-index: 42;
		background-repeat: no-repeat;
		background-position: 0 0;
		cursor: pointer;
		}
		
			#headerNav a:hover span {
			background-position: 0 -22px;
			}
		
			#headerNav a.active,
			#headerNav a.active:hover {
			height: 29px;
			margin-top: 0;
			}
			
			#headerNav a.active span,
			#headerNav a.active:hover span {
			background-position: 0 -49px;	
			}
		
		#headerNav #nav1 a { width: 41px; } #headerNav #nav1 a span { background-image: url(../images/nav1.png); } #headerNav #nav1 a.active { width: 68px; }
		#headerNav #nav2 a { width: 113px; } #headerNav #nav2 a span { background-image: url(../images/nav2.png); } #headerNav #nav2 a.active { width: 187px; }
		#headerNav #nav3 a { width: 66px; } #headerNav #nav3 a span { background-image: url(../images/nav3.png); } #headerNav #nav3 a.active { width: 110px; }
		#headerNav #nav4 a { width: 75px; } #headerNav #nav4 a span { background-image: url(../images/nav4.png); } #headerNav #nav4 a.active { width: 124px; }
		#headerNav #nav5 a { width: 80px; } #headerNav #nav5 a span { background-image: url(../images/nav5.png); } #headerNav #nav5 a.active { width: 133px; }
		#headerNav #nav6 a { width: 76px; } #headerNav #nav6 a span { background-image: url(../images/nav6.png); } #headerNav #nav6 a.active { width: 124px; }
		
	
/* FOOTER ---------------------------------------- */

#footer {
width: 870px;
padding: 35px 105px;
background: url(../images/bgFooter.png) no-repeat center top;
}

	#footer p {
	font-size: 13px;
	color: #fff;
	display: block;
	margin-bottom: 10px;
	}
	
		#footer p a {
		color: #fff;	
		}
		
	#footer p.sub {
		font-size: 11px;	
	}
	
	#footer p img {
	vertical-align: bottom;
	margin: 0 5px;
	}

	#footer .sixohfour {
	float: right;
	}
	

	

/* CONTENT CONTAINER ---------------------------------------- */

#contentOuter {
width: 1080px;
background: url(../images/bgContentOuter.png) repeat-y;
}

#contentInner {
width: 960px;
padding: 15px 60px 0;
background: url(../images/bgContentInner.png) no-repeat top;
}





	
/* MAIN ---------------------------------------- */

div.main {
width: 870px;
padding: 0 45px 30px;
}



	.mainLeft {
	float: left;
	width: 600px;
	}
	
	.mainRight {
	float: right;
	width: 210px;	
	}
	
		.mainRightLinks {
		width: 170px;
		padding-left: 60px;
		background: url(../images/bgSidebarTab.png) no-repeat top left;
		}
		
			.main .mainRightLinks h2 {
			color: #640e27;
			cursor: pointer;
			font-size: 14px;
			font-weight: bold;
			padding-left: 18px;
			background: url(../images/iconArrowDownRed.png) no-repeat 0 6px;
			}
			
				.main .mainRightLinks h2.active {
				background-image: url(../images/iconArrowUpRed.png);
				}
				
			.main .mainRightLinks div.active {
			display: block;	
			}
		
			.mainRightLinks div.sideLinks {
			display: none;
			padding-left: 18px;
			}
		
			.sideLinks a {
			color: #575757;
			font-size: 14px;
			text-transform: lowercase;
			display: block;
			margin-bottom: 6px;
			}
			
				.sideLinks a:hover {
				color: #640e27;	
				}
		
		
	
	.halfLeft,
	.halfRight {
	display: inline;
	width: 410px;
	}
	
		.halfLeft {
		float: left;	
		}
		
		.halfRight {
		float: right;	
		}
		
	.mainLeft .halfLeft,
	.mainLeft .halfRight {
	width: 255px;	
	}
	
	
	.main p {
	font-size: 12px;
	line-height: 19px;
	margin-bottom: 1em;
	text-align: left;
	}
	
	.main p a {
		text-decoration:underline;
		}

	.main p,
	.main li {
	
	}
	
	.main strong {
	font-weight: bolder;	
	}
	
	.main h2 {
	color: #c2de31;	
	font-size: 24px;
	font-weight: normal;
	text-transform: lowercase;	
	margin-bottom: 15px;
	}
	

	.main h3 {
	font-size: 14px;
	margin-bottom: 0.25em;
	font-weight: bold;
	}
	
	
	.main img.heading {
	margin-bottom: 30px;
	}
	
	ul.p {
	margin-bottom: 1em;
	}
	
		ul.p li {
		font-size: 12px;
		line-height: 19px;
		list-style-type: disc;
		margin-left: 40px;
		}
		
	ol {
	margin-bottom: 1em;	
	}
	
		ol li {
		font-size: 12px;
		line-height: 19px;
		margin-bottom: 10px;
		list-style-type: decimal;
		margin-left: 40px;
		}
		
	img.p {
	float: right;
	width: 200px;
	margin: 0 0 20px 45px;
	}
	
	
	.press div {
	display: inline;
	width: 270px;
	margin-bottom: 15px;
	}
	
		.press h3 a {
		font-weight: bold;
		}
		
		.press p {
		margin-bottom: 5px;	
		}
		
		.press span a {
		padding-left: 10px;
		background: url(../images/iconArrowRedSm.png) no-repeat 0 4px;
		}
	
/* ---------- HOMEPAGE ----------- */

.homeLeftTop {
float: left;
display: inline;
width: 630px;
}

.homeLeft,
.homeRight {
display: inline;
width: 435px;
}

.homeLeft {
float: left;	
}

.homeRight {
float: right;	
}

.quickLinks {
float: left;
display: inline;
padding-right: 45px;
margin-right: 45px;
background-position: bottom right;
background-repeat: no-repeat;
}

	.quickLinks img {
	display: block;
	margin-bottom: 10px;
	}

	.quickLinks li {
	padding-left: 14px;
	list-style-type: none;
	display: block;
	margin-bottom: 4px;
	font-size: 14px;
	color: #333;
	}

	.quickLinks ul.purple li { background: url(../images/iconArrowPurple.png) no-repeat 0 5px; }
	.quickLinks ul.grey li { background: url(../images/iconArrowGrey.png) no-repeat 0 5px; }
	.quickLinks ul.red li { background: url(../images/iconArrowRed.png) no-repeat 0 5px; }
	.quickLinks ul.green li { background: url(../images/iconArrowGreen.png) no-repeat 0 5px; }
	
	.quickLinks li a {
	color: #333;
	font-size: 14px;
	}
	
.homeFeatures {
float: right;
width: 170px;
padding-left: 60px;
background: url(../images/bgHomeFeatures.png) no-repeat top left;
}

	.featuresBlock {
	width: 170px;
	height: 460px;
	position: relative;
	overflow: hidden;
	}

	.featuresSlide {
	width: 3400px;
	height: 460px;
	position: absolute;
	left: 0;
	top: 0;
	}

		ul.featuresCol {
		width: 170px;
		height: 460px;
		float: left;
		display: inline;
		}
	
			.featuresCol li {
			margin-bottom: 8px;
			border-bottom: 1px solid #e1e1e1;
			}
			
			.featuresCol img {
			display: block;
			margin: 0 auto 5px;
			height: 75px;
			}

	.homeFeatures a {
	font-size: 14px;
	font-weight: bold;
	display: block;
	}
	
	.homeFeatures p {
	color: #666666;	
	font-size: 11px;
	line-height: 15px;
	margin-top: 3px;
	}
	

	
.homeMiddle {
width: 960px;
height: 350px;
margin: 0 auto;
}

	.homeMiddle .left,
	.homeMiddle .right {
	width: 480px;
	height: 350px;
	}
	
	.homeMiddle .left {
	width: 480px;
	height: 350px;
	display: block;
	background: url(../images/homeYourEcobotts.jpg) no-repeat right;
	position: relative;
	}

		.homeMiddle .left a#photos_trigger {
		position: absolute;
		left: 20px;
		top: 70px;
		width: 225px;
		height: 250px;
		text-indent: -9999px;
		}
		
		.homeMiddle .left a#signup_trigger {
		position: absolute;
		left: 255px;
		top: 215px;
		width: 180px;
		height: 62px;
		text-indent: -9999px;
		}
	
	
	.homeMiddle .right {
	background: url(../images/homePromise.png)	
	}
	
	.homeMiddleTabs {
	display: block;
	width: 480px;
	height: 50px;
	margin-top: 33px;
	}
	
		.homeMiddleTabs span {
		width: 240px;
		height: 50px;
		float: left;
		display: inline;
		}
		
		.homeMiddleTabs span a {
		background-repeat: none;
		width: 240px;
		height: 50px;
		display: block;
		text-indent: -9999px;
		}
		
		.homeMiddleTabs .tab1 a { background-image: url(../images/homePromiseTab1.png) }
		.homeMiddleTabs .tab1 a.active { background-image: url(../images/homePromiseTab1Active.png) }
		.homeMiddleTabs .tab2 a { background-image: url(../images/homePromiseTab2.png) }
		.homeMiddleTabs .tab2 a.active { background-image: url(../images/homePromiseTab2Active.png) }
		
	.homeMiddleBox {
	width: 405px;
	padding: 20px 30px 30px 45px;
	}
	
		.homeMiddleBox p {
		font-size: 14px;
		line-height: 21px;
		color: #fff;
		text-align: justify;
		}
		
		
		.homeMiddleBox div {
		padding-left: 20px;
		margin-bottom: 15px;
		background: url(../images/homePromiseIcon.png) no-repeat 0 5px;
		}
		
		.homeMiddleBox a {
		color: #fff;
		text-decoration: underline;
		}
		
		.homeMiddleBox div a {
		font-size: 18px;
		color: #fff;
		display: block;
		margin-bottom: 3px;
		text-decoration: none;
		}
		
		.homeMiddleBox div p {
		font-size: 12px;
		line-height: 19px;
		}
	
	
.homeNewsletter input.text {
width: 128px;
height: 20px;
padding: 3px 7px 0;
float: left;
display: inline;
margin-left: 13px;
margin-right: 10px;
background: url(../images/homeNewsletterText.png) no-repeat;
border: none;
color: #bbb;
font-size: 13px;
}


/* ---------- CONTENT ------------- */

ul.articles li {
padding-left: 19px;
list-style-type: none;
display: block;
margin-bottom: 15px;
font-size: 14px;
color: #333;
background: url(../images/iconArrowPurple.png) no-repeat 0 5px; 
}

	ul.articles li a {
	font-size: 14px;	
	}
	
	ul.articles li span {
	display: block;
	color: #999;
	font-size: 12px;
	margin-top: 3px;
	}
	
ul.friends li {
display: inline;
width: 270px;
margin-bottom: 30px;
list-style-type: none;
}

	ul.friends img {
	float: left;
	width: 75px;
	}
	
	ul.friends div {
	float: right;
	width: 175px;
	}
	
		ul.friends a {
		font-size: 14px;
		display: block;
		margin-bottom: 5px;
		}
	
		ul.friends p {
		font-size: 11px;
		line-height: 15px;
		}
		
.faq h3 {
background: url(../images/iconArrowDown.png) no-repeat 0 4px;
padding-left: 24px;
margin-top: 15px;
cursor: pointer;
}

	.faq h3.active {
	background-image: url(../images/iconArrowUp.png);	
	}
	
	.faq div {
	display: none;
	padding-left: 24px;
	}
	
.sitemap li {
margin-bottom: 3px;	
}

#sharethis_0 { display: none; }