/*  Ebuild CSS file
	Started: 6/07/09
	Author: Lee Briggs
*/
 /* RESET */

*				{margin:0; padding:0; }
html			{overflow-y: scroll; }
html, body		{height:100%; }
a				{outline:none; text-decoration:none; color:#999999;}
a img			{border:none;}
img				{vertical-align:middle;}
table			{border-collapse:collapse;}

/* =====================================*/

/* GENERAL STRUCTURE */

body {
background: url(../images/site_wide/background3.png) top center repeat-x white;
font-family: Lucida Grande, Lucida Sans Unicode, sans-serif;
font-weight:100;
color:#999999;
}

.underline {
	text-decoration:underline;
}
h1, h2 {
	color:#666666;
	font-weight:100;
	font-family: Lucida Grande, Georgia;
	font-style:;
}
body#home {
	background: url(../images/site_wide/homeBanner3.png) top center repeat-x;
}

h1 {
	font-size:28px;
	
}

h2 {
	font-size:19px;
	margin-bottom:5px;
}


p {
	font-size:14px;
	color:#999999;
	line-height:1.3;
}

a:hover {
	color:#9ed167;
}

div#page_wrap {
	width:800px;
	margin:0 auto 0;
	height:auto !important;
	min-height:100%;
	height:100%;
	padding:0px 50px 0px 50px;
}


div#nav {
	background: url(../images/site_wide/ebuildLogo4.png) top left no-repeat;
	height:80px;
}

#nav ul {
	float:right;
	list-style:none;
	padding-top:50px;
}

#nav ul li {
	font-size:15px;
	display:inline;
	margin:0px 6px 0px 5px;
}

#nav ul li a {
	color:white;
}

#nav ul li a:hover {
	color:#a9cc57;
}

#footer {
	height:150px;
	background:url(../images/site_wide/footerBg.png) top center repeat-x;
	border-top:#bfbfbf solid thin;
	position:relative;
	clear:both;
	margin:0 auto 0;
	margin-top:-150px;
	padding-left:50px;

}

#footer #footerContent {
	width:800px;
	margin:0 auto 0;
	padding:0 50px 0px 50px;
	font-size:12px;
	color:#ffffff;
}

#footerContent p {
	color:#ffffff;
	font-size:12px;
}

#footerContent p.smallText {
	font-size:10px;
}

#footerContent input {
	color:#999999;
	border:none;
	font-size:10px;
	padding:3px 0px 2px 0px;
}

#footerContent #cgFooter {
	background:url(../images/site_wide/cgLogo.png) top left no-repeat;
	height:31px;
	width:130px;

	font-size:12px;
	margin-bottom:5px;
}

#footerContent #cgFooter a {
width:100%;
height:100%;
}

#footerContent #clientBtn {
	background:url(../images/site_wide/loginBtn.png) top center no-repeat;
	height:25px;
	width:86px;
	margin-top:26px;	
}

#footerContent #newsBtn {
	background:url(../images/site_wide/newBtn.png) top center no-repeat;
	height:25px;
	width:86px;
	margin-top:26px;
}

#footerContent #username, #footerContent #password, #footerContent #emailaddress, #footerContent #name {
	width:148px;
	margin-right:10px;
	margin-top:7px;
	float:left;
}
#footer .bottomContent {
	width:244px;
	float:left;
	margin:25px 10px 0px 10px;
	height:110px;
}

#footer .bottomContent a {
	color:white;
	font-size:11px;
	display:block;
	padding-top:3px;
	width:70%;
}

#footer .bottomContent a:hover {
	color:#a9cc57;
}

#footer #ecoBottomContent {
	background:url(../images/site_wide/ecoLogo.png) 142px 20px no-repeat;
}

#footer h3 {
	font-size:16px;
	font-style:italic;
	font-family:Georgia;
	margin-bottom:5px;
	font-weight:400;
}
#content {
	padding-bottom:150px;
}

.bottomSpacer {
	height:40px;
}





/* ============ END OF GENERAL ========= */


/* HOME PAGE - index.php */
#home #rightCol span.h3 {
	font-style:italic;
	color:#666666;
	font-weight:100;
	font-family:Lucida Grande;
	font-size:16px;
}

#home div#banner {
	height:386px;
	margin-bottom:1px;
	margin-top:1px;
}

#home div#banner div#homeVideo {
	float:right;
	margin-right:75px;
	margin-top:30px;
	width:375px;
}

#home div#leftCol {
	width:244px;
	height:369px;
	float:left;
	margin-right:12px;
	margin-left:12px;
	margin-bottom:35px;
	background:url(../images/home/leftColFullBg.png) top center no-repeat;
}

#home div#leftContent {
	margin:15px auto;
	width:230px;
	text-align:center;
}

#home div#leftCol a#priceButtonHome {
	display:block;
	width:223px;
	margin:0 auto;
}

#home div#leftContent h3#homePrice a {
	display:block;
	margin-top:160px;
	margin-bottom:10px;
	text-decoration:underline;
	color:#3e376a;
	text-transform:uppercase;
	font-size:16px;
}

#home div#leftContent h2 {
	color:#3e376a;
	font-size:25px;
	font-style:italic;
	}

#home div#rightCol {
	width:500px;
	min-height:400px;
	margin-left:22px;
	float:left;
	margin-top:35px;
	margin-bottom:35px;
}

#home #rightCol p.intro {
	margin-bottom:30px;
		color:#666666;
}

#home div#rightCol div.category {
	width:152px;
	height:96px;
	padding-left:85px;
	margin:20px 10px 0px 10px;
}


#home div#rightCol div#leftFeatures {
	float:left;
	border-right:solid 2px #8d8d8d;
}

#home div#rightCol div#rightFeatures {
	float:right;
	border-right:solid 2px #8d8d8d;	
}

#home div#rightCol .sectionlink {
	font-weight:normal;
}

#home .sectionlink span.h3 {
	display:block;
}

#home .sectionlink span.p {
	color:#999999;
	font-size:14px;
	display:block;
}

#home div#rightCol div#manageFeature, #home div#rightCol div#designFeature {
	margin-left:-10px;
}

#home div#rightCol div#manageFeature {
	background:url(../images/features/manage.png) top left no-repeat;
}

#home div#rightCol div#reportFeature {
	background:url(../images/features/report.png) top left no-repeat;
}
#home div#rightCol div#designFeature {
	background:url(../images/features/design.png) top left no-repeat;
}
#home div#rightCol div#billingFeature {
	background:url(../images/features/billing.png) top left no-repeat;
} 

#home div#rightCol a {
	color:#293466;
	font-size:14px;
	font-weight:bold;
}

#home div#rightCol a#viewAllFeatures {
	float:right;
	display:block;
	margin-top:5px;
}

/* END OF HOME */


/* Features page - features.php */

#features #content {
	margin-top:50px;
	padding-left:12px;
	margin-bottom:70px;
}
#features #featureHead {
	margin-bottom:15px;
	height:120px;
}

#features #featureHead h1 {
	background:url(../images/features/featureHead.png) top left no-repeat;
	height:120px;
	width:246px;
	text-indent:-9999px;
}

#features #subheading {
	margin-bottom:45px;
	width:492px;
	margin-right:12px;
	float:left;
}

#features #rightButton {
	float:right;
	width:258px;
}

#features #featureLists {
	font-size:14px;
}

#features #featureLists div.fSection {
	margin-bottom:25px;
	color:#49494A;
}

#features #featureLists div.fSection.small {
	background:url(../images/features/featureBgSmall.png) top center no-repeat;
	height:171px;
	padding-top:10px;
}

#features #featureLists div.fSection.medium {
	background:url(../images/features/featureBgMedium.png) top center no-repeat;
	height:221px;
	padding-top:10px;
}

#features #featureLists div.fSection.large {
	background:url(../images/features/featureBgLarge.png) top center no-repeat;
	height:261px;
	padding-top:10px;
}

#features #featureLists .fSection .sectionImg {
	width:130px;
	float:left;
	height:85px;
	margin-left:25px;
	margin-top:-42px;
}

#features #featureLists .fSection #design .sectionImg  {
	background:url(../images/features/design.png) top left no-repeat;
}

#features #featureLists .fSection #management .sectionImg  {
	background:url(../images/features/manage.png) top left no-repeat;
}
#features #featureLists .fSection #reporting .sectionImg  {
	background:url(../images/features/report.png) top left no-repeat;
	
}
#features #featureLists .fSection #security .sectionImg  {
	background:url(../images/features/security.png) top left no-repeat;
	
}

#features #featureLists .fSection #support .sectionImg  {
	background:url(../images/features/support.png) top left no-repeat;
	
}
#features .fSection .featureSub {
	font-style:italic;
	margin-left:165px;
	padding-top:15px;
	margin-bottom:20px;
	color:#666666;
}

#features .listDiv {
	padding-bottom:10px;
}


#features #featureLists ul {
	float:left;
	width:250px;
	margin-top:;
	margin-left:25px;
	line-height:1.35;
}



/* END of features page */

/*Start of pricing page - pricing.php */

#pricing #content {
	margin-top:50px;
	margin-bottom:70px;
	padding-left:12px;
}

#priceHead {
	height:120px;
	margin-bottom:15px;
	
}

#priceHead img#pricingBrands {
	display:block;
	float:right;
}

#pricing div.titles {
	width:492px;
	float:left;
	margin-right:12px;
}

#pricing div#free_signup {
	width:258px;
	float:right;
}

#priceHead h1 {
	background:url(../images/pricing/priceHead.png) top left no-repeat;
	height:120px;
	width:246px;
	text-indent:-9999px;
	float:left;
}
span.asterisk {
	display:block;
	padding-top:10px;
	font-size:9px;
}

#pricing #free_signup p {
	padding:5px 5px 5px 10px;
	
}

#pricing .titles p.intro {
	
	margin-top:10px;
}
#pricing #priceSchemes {

	padding-top:25px;
	height:100%;
}

#pricing .schemeDiv {
	padding-top:15px;
	margin-bottom:;
	color:#49494a;
	font-size:14px;
}

a.optional {
	color:#49494a;
	font-size:14px;
	text-decoration:underline;
}

a.optional:hover {
	color:#A9CC57;
}

#pricing .schemeDiv .schemeTop {
	background:url(../images/pricing/schemeTop.png) top center no-repeat;
	height:15px;
}

#pricing .schemeDiv .schemeBottom {
	background:url(../images/pricing/schemeBottom.png) top center no-repeat;
	height:15px;
}

#pricing .schemeDiv .schemeContent {

}

#pricing .schemeDiv.small {
	background:url(../images/pricing/schemeBgSmall.png) top center no-repeat;
	height:266px;
}

#pricing .schemeDiv.medium {
	background:url(../images/pricing/schemeBgMedium.png) top center no-repeat;
	height:320px;
}

#pricing .schemeCol {
	width:246px;
	float:left;
	margin:10px 0px 10px 13px;
}

#pricing .schemeCol h2 {
	font-size:20px;
	color:#49494a;
	font-weight:600;
}

#pricing .schemeCol h2#eliteHead {
	background:url(../images/pricing/eliteHead.png) top left no-repeat;
	height:37px;
	text-indent:-9999px;
	margin-bottom:18px;
}

#pricing .schemeCol h2#eplusHead {
	background:url(../images/pricing/eplusHead.png) top left no-repeat;
	height:37px;
	text-indent:-9999px;
	margin-bottom:18px;
	
}

#pricing .schemeCol h2#eproHead {
	background:url(../images/pricing/eproHead.png) top left no-repeat;
	height:37px;
	text-indent:-9999px;
	margin-bottom:8px;
	
}

#pricing .schemeDiv  ul {
	
	list-style:none;
}

#pricing #priceSchemes .signupBtn {
	text-align:center;
	width:244px;
	height:30px;
	float:left;
	margin-right:18px;
	
	margin-top:20px;
}

#pricing div#pricingList {
	margin-top:35px;
	margin-left:8px;
	background:url(../images/pricing/bulkMan.png) 620px 75px no-repeat;
}

#pricing div#pricingList div.bullet {
	background:url(../images/support/sectionArrow.png) center left no-repeat;
	padding-left:50px;
	margin-bottom:20px;
}


#pricing div#pricingList span.itemHeader {
	font-size:22px;
	color:#666666;
	display:block;
	margin-top:-5px;
}

#pricing div#pricingList span.itemContent {
	font-size:14px;
}
#pricing div#pricingList div#clickBullet:hover .itemHeader, #pricing div#pricingList div#clickBullet:hover .itemContent, 
#pricing div#pricingList div#pimpBullet:hover .itemHeader, #pricing div#pricingList div#pimpBullet:hover .itemContent,
#pricing div#pricingList div#upgradeBullet a.contactLink:hover .itemHeader, #pricing div#pricingList div#upgradeBullet a.contactLink:hover .itemContent,
#pricing div#pricingList div#runBullet a:hover .bold, #pricing div#pricingList div#runBullet a:hover .itemContent, #pricing div#pricingList div#runBullet a:hover .darkerGrey {
	color:#a9cc57;
	cursor:pointer;
}
#pricing div#hiddenPriceTable, #pricing div#hiddenPimpTable {
	margin-left:50px;
	padding-bottom:10px;
}

#pricing div#hiddenPriceTable table td, #pricing div#hiddenPriceTable table th, #pricing div#hiddenPimpTable table td, #pricing div#hiddenPimpTable table th{
color:#49494a;
text-align:left;
padding:5px;

}

#pricing div#hiddenPriceTable table, #pricing div#hiddenPimpTable table {
	width:448px;
	margin:10px 0px 20px 1px;
	border:thin solid #5FAF05;
	
}
#pricing div#hiddenPriceTable table .left, #pricing div#hiddenPimpTable table .left {
	padding-left:30px;	
}

#pricing div#hiddenPriceTable table .altRow, #pricing div#hiddenPimpTable table .altRow {
	background:#E4FBCC;}

#pricing div#hiddenPriceTable table tr.headers, #pricing div#hiddenPimpTable table tr.headers{
	background:#9ED167;
}



span.greenText {
	color:#9ED167;
	font-weight:bold;
}
.spacer {
	height:12px;
}
.bold, .bulk {
	font-weight:bold;
	color:#443866;
}

.bulk {
	text-decoration:underline;
}

.bulk:hover {
	color:#A9CC57;
}



.bold.large {
	font-size:32px;
	font-weight:normal;
}

span.greybold {
	font-weight:bold;
	color:#474948;
	line-height:1.4;
}

span.darkerGrey {
	color:#474948;
}

span.indent {
	padding-left:45px;
}
.clear {
	clear:both;
}


/* END OF PRICING */


/* Start of WHY US - why_us.php */

#why #content {
	margin-top:50px;
	margin-bottom:70px;
	padding-left:12px;
}

#why #header {
	height:120px;
	margin-bottom:15px;
}

#why #header h1 {
	height:120px;
	width:262px;
	text-indent:-9999px;
	background:url(../images/whyus/whyHead.png) top left no-repeat;
}

#why div#subheading {
	width:514px;/*492px*/
	margin-right:;/*12px*/
	float:left;
	
}

#why div#priceListBtn {
	width:258px;
	float:right;
	margin-left:px;
}

#why div.screenShot img {
	float:left;
	margin:45px 0px 45px 0px;
}

#why div#leftshot {
	margin-left:0px;
}

#why div#leftCol {
	width:502px;
	margin-right:12px;
	float:left;
}

#why #inpageHead2 {
	width:502px;
	margin-bottom:20px;
	float:left;
}

#why div#leftCol img {
	margin:0px 0px 20px -10px;
}

#why div#leftCol img.bottomImage {
	margin-top:20px;
}

#why div#ecoSlogan {
	width:260px;
	height:125px;
	background:url(../images/site_wide/ecoLogoLarge.png) bottom right no-repeat;
	float:right;
	margin-top:-65px;
	margin-bottom:10px;
}

#why div#rightCol {
	width:198px;
	float:right;
	margin-right:12px;
	margin-top:8px;
	height:217px;
	background:url(../images/whyus/quoteBg.png) top left repeat-x;
	border:#bfbfbf solid thin;
	padding:50px 25px 50px 25px;
}

#why div#rightCol p {
	color:#4a4a4a;
	line-height:1.4;
}

#why div#rightCol p span.quotePerson {
	display:block;
	margin-top:15px;
	font-weight:bold;
}

#why div#rightCol p span.quoteCompany {
	display:block;
	font-weight:bold;
	font-style:italic;
}

span.green {
	color:#a9d246;
}
/* END of whyus.php */



/* Start of support - support.php */


#support #content {
	margin-top:50px;
	padding-left:12px;
	margin-bottom:70px;
}

#support #content div#header {
	margin-bottom:15px;
	height:120px;
}

#support #content div#header h1 {
	background:url(../images/support/supportHead.png) top left no-repeat;
	height:120px;
	width:246px;
	text-indent:-9999px;
}

#support #content div#leftCol {
	width:492px;
	float:left;
	min-height:400px;
	margin-right:12px;
}

#support #content div#leftCol div#mainleftCont {
	width:390px;
	min-height:300px;
	margin-bottom:15px;
}

#support #content div#leftCol div#mainleftCont p.mainPara {
	margin-top:25px;
	font-size:14px;
}

#support #content div#leftCol div#mainleftCont h2#formTitle {
	margin-top:45px;
	background:url(../images/support/letterQ.png) top left no-repeat;
	height:36px;
	padding-left:35px;
	padding-top:5px;
}

#support #content div#leftCol div#mainleftCont form {
	margin-top:25px;
	background:url(../images/support/thumbMan.png) bottom left no-repeat;
	padding-bottom:25px;
}

#support #content div#leftCol div#mainleftCont form input {
	font-size:14px;
	border:#cecece thin solid;
	padding:2px 0 2px 0;
}

#support #content div#leftCol div#mainleftCont form textarea {
	font-size:12px;
	border:#cecece thin solid;
	overflow:hidden;
	resize:none;
	width:270px;
	height:120px;
}

#support #content div#leftCol div#mainleftCont form div.row {
	width:370px;
	margin-bottom:12px;
}

#support #content div#leftCol div#mainleftCont form div#buttonRow input {
	margin-left:65px;
	border:none;
	margin-top:-5px;
}
#support #content div#leftCol div#mainleftCont form div.label {
	float:left;
	padding-right:25px;
	padding-top:1px;
	color:#49494a;
	width:45px;
	font-size:14px;
	font-style:italic;
}


#support #content div#leftCol div#answerHeaderDiv {
	margin-bottom:25px;
}

#support #content div#leftCol h2#answersHeading {
	height:25px;
	padding-left:35px;
	background:url(../images/support/letterA.png) top left no-repeat;
	padding-top:8px;
}

#support #content div#leftCol h2.bigLetter {
	margin-left:-3px;
}
#support #content div#leftCol div.questionTitle {
	font-size:16px;
	font-style:italic;
	display:block;
	cursor:pointer;
	padding-left:20px;
}

#support #content div#leftCol div.category {
	display:none;
}

#support #content div#leftCol div.categoryTitle {
	cursor:pointer;
	font-size:18px;
	color:#666666;
	font-family:Lucida Grande;
	font-style:italic;
	background:url(../images/support/sectionArrow.png) center left no-repeat;
	padding-left:20px;
	margin-bottom:3px;
}

#support #content div#leftCol div.categoryTitle:hover {
	color:#4A3B72;
}

#support #content div#leftCol div.questionTitle:hover {
	color:#4A3B72;
}

#support #content div#leftCol div.answerDiv {
	padding:10px 0px 10px 20px;	
}

#support #content div#leftCol div.answerDiv div.innerAnswer {
background:#e4fbcc;
border:#5faf05 thin solid;
padding:10px;
}

#support #content div#leftCol div.answerDiv p {
	font-size:14px;
	color:#666666;
}

#support #content div#rightCol {
	width:258px;
	float:right;
	min-height:380px;
}

#support #content div#rightCol img {
	margin-bottom:25px;
}

#support #content div#rightCol h2 {
	margin-bottom:10px;
}

#support #content div#rightCol h2#hand {
	width:340px;
}
#support #content div#rightCol h2.rightHeaders {
	margin-bottom:5px;
}

#support #content div#rightCol div#rssSection {
	margin-top:35px;
	width:265px;
	padding-top:20px;
	background:url(../images/support/rss.png) top right no-repeat;
}

#support #content div#rightCol div#phoneSection {
	margin-top:35px;
	width:265px;
	padding-top:10px;
	background:url(../images/support/phone.png) top right no-repeat;
}
#support #content div#rightCol div.video {
	height:222px;
	width:255px;
	margin-top:25px;
	
}
#support #content div#rightCol div#create {
	background:url(../images/support/createShot.png) top left no-repeat;
}
#support #content div#rightCol div#send {
	background:url(../images/support/sendShot.png) top left no-repeat;
}

#support #content div#rightCol div#report {
	background:url(../images/support/reportShot.png) top left no-repeat;
}

#support #content div#rightCol div#contentRight {
	margin-left:2px;
}
/* END of support.php */



/* Start of sign up - signup.php */

#signup #content {
	margin-top:50px;
	padding-left:12px;
	margin-bottom:70px;
}

#signup div#header {
	height:120px;
	margin-bottom:15px;
}

#signup div#header h1 {
	background:url(../images/signup/signupHead.png) top left no-repeat;
	height:120px;
	width:246px;
	text-indent:-9999px;
}

#signup #content div#leftContent {
	width:492px;
	margin-left:12px;
	float:left;
	margin-bottom:40px;
}

#signup form#signup_form {
	margin-top:40px;
	font-size:14px;
	width:400px;
}

#signup form#signup_form .row {
	width:400px;
	height:15px;
	margin-bottom:22px;
}

#signup form#signup_form .input {
	float:left;
	width:195px;
}
#signup form#signup_form input {
	font-size:14px;
	border:#cecece thin solid;
	padding:2px 0 2px 0;
}
#signup #content form#signup_form div#buttonRow input {
	margin-left:137px;
	padding:0px;
	border:none;
}

#signup form#signup_form div.label {
float:left;
padding-right:25px;
padding-top:1px;
color:#49494a;
width:115px;
font-size:14px;
font-style:italic;
}
#signup form#signup_form .input textarea {
	overflow:hidden;
	width:290px;
	height:140px;
	resize:none;
	font-size:12px;
	border:#cecece thin solid;
}
#signup form#signup_form div.label input {
	margin-top:65px;
	border:none;
}

#signup #rightCol {
	width:258px;
	float:right;
	margin-bottom:40px;
}

#signup #rightCol div.step {
	padding-left:45px;
	margin-left:-10px;
	margin-top:45px;
	padding-top:5px;
}

#signup #rightCol div#step1 {
	background:url(../images/signup/step1.png) top left no-repeat;
}

#signup #rightCol div#step2 {
	background:url(../images/signup/step2.png) top left no-repeat;	
}

#signup #rightCol div#step3 {
	background:url(../images/signup/step3.png) top left no-repeat;	
}