/* 1. GENERAL
-----------------------------------------------------------------------------------------------
===============================================================================================*/	
* {
  padding:0;
  margin:0;}
  
  
ul {
padding-left:20px

}

li {
padding-bottom: 5px;
}
  
body {
	padding: 10px 0 0 0;
	background: #fff ;
	font-family:Arial, Helvetica, sans-serif;
	font-size: 100%;}
	
html {
     font-family: Verdana; font-size: 12px; color: #000000;}
			   
/* 1.1	Headings and paragraphs
-----------------------------------------------------------------------------------------------*/	
h2.greentitle {
  background:url(../images/bg-greentitle.gif) repeat-x;}

h2.bluetitle {
  background:url(../images/bg-bluetitle.gif) repeat-x;}

h2.redtitle {
  background:url(../images/bg-redtitle.gif) repeat-x;}

.mt {
  font-size:1.3em;
  color:#fff;
  padding:8px 17px;}



/* Affiliate Eco CSS ::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::: */


/* 1.2	Forms
-----------------------------------------------------------------------------------------------*/	
input, textarea, select {
	font: 1.2em Arial, Helvetica, sans-serif;}

input.btnsubmit {
	margin:20px auto;
	display:block;
	background:#ddd;
	padding:5px 15px;
	border:1px solid #333;
	font-size:1.1em;
	font-weight:bold;
	color:#065806;}


/* 1.3	Links
-----------------------------------------------------------------------------------------------*/	
a:link, a:visited {
	color: #000000;
	text-decoration: none;}

a:hover, a:active {
	color: #0b3543;
	text-decoration: none;}

/* colored links */
.bluelink {
  color:#0066cc;
  font-size:1.2em;}
  
.bluelink a {
  color:#0066cc;}

.bluelink a:hover ,
.greenlink a:hover {
  color:#cc3300;}

.bluelink a:hover span ,
.greenlink a:hover span {
  text-decoration:underline;}
 
.greenlink {
  color:#336600;
  font-size:1.2em;}
  
.greenlink a {
  color:#336600;}

.redlink a{
  color:#990000;}

.redlink a:hover span {
  text-decoration:underline;}

/* 1.4	Miscellaneous
-----------------------------------------------------------------------------------------------*/	
.title, .title a {color:#FFFFFF; font-weight:bold;margin-left:0px}
.titlea, .titlea a {color:#FFFFFF; font-weight:bold;}
.style4, .style4 a {color:#FFFFFF; font-weight:bold;}

.reg {background:url(images/red_fieldbkg.gif) center no-repeat;}
.enter { background:url(images/blue_fieldbkg.gif) center no-repeat; color:#FFFFFF; text-align:center; padding:0px 4px 0px 4px;}
.sbt {width:60px; cursor: pointer}
.box {width:98%;}

.style3{
width:140px
}

.tablewbdr {width:100%;}

hr { 
	display: none; }
		
strong {
	font-weight: bold; }
		
em {
	font-style: italic; }
	
abbr, acronym {
	border-bottom: 1px dotted #999; 
	cursor: help;}

img {
	border: none; }


/* 2. GENERAL ELEMENTS
-----------------------------------------------------------------------------------------------
===============================================================================================*/	
.clear {
	clear: both;
	font-size: 0;
	height: 0;
	line-height: 0;
	overflow: hidden;}
	
.clearfix:after { /* clear floats */
 content:".";
 display:block;
 height:0;
 clear:both;
 visibility:hidden;}

.clearfix {display:inline-block;}

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

.imgreplace {
  display:block;
  text-indent:-99999px;}

.flright {
  float:right;
  padding:15px 15px 15px 0;}

/* 3. LAYOUT
-----------------------------------------------------------------------------------------------
===============================================================================================*/
.wrapper {
  width:800px;
  margin:0 auto;}
  
#header {
  width:100%;}

#mainnav {
  width:100%;
  font-size:10px;
  background:url(images/bg-mainnav.gif) repeat-x;
  height:31px;
  margin:3px 0 0 0;}

#bannercontent {
  width:100%;
  background:url(images/bg-grad.jpg) repeat-x;
  height:200px;}

#maincontent {
  background:url(images/bg-maincontent.gif) repeat-y;
  width:785px;
  margin:0 auto;
  padding:0 7px 0 8px;}

#footer {
  background:url(images/bg-footer.gif) repeat-x;
  height:19px;
  padding:12px 14px 0 14px;}

/* 3.1	Header
-----------------------------------------------------------------------------------------------*/
#header h1 a {
  float:left;
  background:url(images/logo-affiliateeco.gif) no-repeat;
  width:293px;
  height:93px;
  display:block;
  text-indent:-9999px;}

#header ul {
  float:right;
  padding:0 15px 0 0;}

#header ul li {
  color:#336600;
  font-size:1.2em;
  display:inline;}

#header ul li a {
  color:#336600;
  padding:0 3px;
  border-right:1px solid #336600;}

#header ul li a:hover {
  text-decoration:underline;}

#header ul li.last a {
  border-right:none;}

#header ul li.last img {
  vertical-align:bottom;}

#header p.memlogin {
  text-align:right;
  padding:0 20px 0 0;
  font-size:1.2em;
  text-transform:uppercase;
  position:relative;
  top:-15px;
  color:#006699;
  margin-bottom:-15px;}

#header p.memlogin a  {
  color:#006699;}

#header p.memlogin a:hover {
  color:#cc3300;}

#header p.memlogin a:hover span {
  color:#cc3300;
  text-decoration:underline;}

/* 3.2	MAINNAV
-----------------------------------------------------------------------------------------------*/
#mainnav ul {
  width:800px;
  margin:0 auto;
  position:relative;
  top:3px;}

#mainnav ul li {
  display:block;
  float:left;
  background:url(images/bg-nav.gif) right no-repeat;
  text-transform:uppercase;}

#mainnav ul li a {
  float: left;
  display: block;
  color:#fff;
  font-size: 1.2em;
  padding:0 0 0 5px; /*Padding to accomodate left tab image. Do not change*/
  height: 27px;
  line-height: 27px;
  text-align: center;
  cursor: pointer;}

#mainnav ul li a span{
  float: left;
  display: block;
  padding: 0 24px 0 14px; /*Padding of menu items*/}

#mainnav ul li a:hover{
  color: #fff;
  background:url(images/bg-leftnav-hover.gif) no-repeat; /*left tab image path*/
  background-position: left;}

#mainnav ul li a:hover span{
	color: #fff;
	background: url(images/bg-rightnav-hover.gif) no-repeat right top; /*right tab image path*/}

#mainnav ul li.active a{
  color: #fff;
  background:url(images/bg-leftnav-active.gif) no-repeat; /*left tab image path*/
  background-position: left;}

#mainnav ul li.active a span{
	color: #fff;
	background: url(images/bg-rightnav-active.gif) no-repeat right top; /*right tab image path*/}

/* 3.3	BANNERCONTENT
-----------------------------------------------------------------------------------------------*/
#bannercontent .wrapper {
  width:800px;
  height:200px;
  margin:0 auto;
  background:url(images/bg-tree.jpg);}

#bannercontent .box {
  float:right;
  background:url(images/bg-dropbox.png) no-repeat;
  width:298px;
  height:208px;
  margin-right:18px;
  padding:16px 20px 0 20px;}

#bannercontent .box h3 {
  color:#666;
  font-size:1.6em;
  text-align:center;
  font-weight:normal;
  padding:0 0 5px 0;}

#bannercontent .box p.subtext {
  color:#0066cc;
  font-size:1.4em;
  padding:0 0 5px 0;
  text-align:center;}

#bannercontent .box p.subtextq {
  color:#527a00;
  font-size:1.4em;
  font-style:italic;
  text-align:center;}

#bannercontent .box p.btnsignup {
  background:url(images/btn-redbtn.gif) no-repeat;
  width:155px;
  height:21px;
  display:block;
  margin:10px auto 0 auto;
  font-size:1.4em;
  text-align:center;
  padding:7px 0;}

#bannercontent .box p.btnsignup a {
  color:#fff;
  position:relative;
  z-index:1000;}

#bannercontent .box p.btnsignup a:hover {
  text-decoration:underline;}

/* 3.4	MAINCONTENT
-----------------------------------------------------------------------------------------------*/
#maincontent .gradientbox {
  background:#e9f6ff repeat-y;
  width:781px;
  height:auto;
  padding:2px 2px 0px 2px;
  }

#maincontent .gradientbox span.lgreen {
  color:#669900;}

#maincontent .gradientbox span.dgreen {
  color:#99cc33;}

#maincontent .gradientbox .lbox {
  width:385px;
  float:left;
  padding-left:8px;}

#maincontent .gradientbox .lbox h3 {
  background:url(images/icon-logo.gif) left no-repeat;
  padding:0 0 0 45px;
  font-size:1.8em;
  color:#666;
  margin:0 0 10px 0;}

#maincontent .gradientbox .lbox .bullet {
  padding:4px 0 0 45px;
  min-height:33px;
  height:auto !important;
  height:33px;
  margin:15px 0;}

#maincontent .gradientbox .lbox .bullet p {
  font-size:1em;
  padding:4px 15px 0 0;}

#maincontent .gradientbox .lbox .bul1 {
  background:url(images/icon-1.gif) left top no-repeat;}
  
  #maincontent .gradientbox .lbox .bul1 p {
    color:#578200;}

#maincontent .gradientbox .lbox .bul2 {
  background:url(images/icon-2.gif) left top no-repeat;}
  
  #maincontent .gradientbox .lbox .bul2 p {
    color:#0066cc;}

#maincontent .gradientbox .lbox .bul3 {
  background:url(images/icon-3.gif) left top no-repeat;}
  
  #maincontent .gradientbox .lbox .bul3 p {
    color:#990000;}

#maincontent .gradientbox .rbox {
 /* background:url(../images/bg-boxoutline.gif) no-repeat;*/
  width:340px;
  height:203px;
  float:right;}

  #maincontent .gradientbox .rbox h3 {
    text-align:center;
	font-size:1.8em;
	color:#ffffff;}
	
	.rbox h3 a {color:#FFFFFF;}
	
#maincontent .gradientbox .rbox ul {
    padding:20px 0 0 0;}
	
	#maincontent .gradientbox .rbox ul li {
	  background:url(images/icon-grass.gif) left top no-repeat;
	  margin:0 0 11px 0;
	  color:#666;
	  font-size:1.2em;
	  padding:0 0 0 18px;}

#maincontent .subcontent {
  background:url(images/bg-dividerdot.gif) left repeat-y;
  margin-top:1px;}

#maincontent .subcontent .lcontent {
  width:394px;
  float:left;}

#maincontent .subcontent .rcontent {
  width:390px;
  float:right;}

/* subcontent-subpages */
#maincontent .subcontentsp {
  background:url(images/bg-dividerdot1.gif) left repeat-y;}
  
#maincontent .subcontentsp .lcontent ,
#maincontent .subcontentsp1 .lcontent {
  width:591px;
  float:left;}

#maincontent .subcontentsp .rcontent ,
#maincontent .subcontentsp1 .rcontent{
  width:193px;
  float:right;}


/* green bullet list */
#maincontent .subcontent ul.listsquare {
  padding:15px 15px 15px 30px;}
  
  #maincontent .subcontent ul.listsquare li {
    list-style:square;
	color:#336600;
	padding:4px 0;}

  #maincontent .subcontent ul.listsquare li span {
    font-size:1.2em;
	color:#333;}

/* title and text block */
#maincontent .ttbox {
  padding:15px 16px 0 13px;}
  
  #maincontent .ttbox h3 {
    color:#0066cc;
	border-bottom:1px solid #99ccff;
	font-size:1.2em;
	padding:0 0 2px 0;}
  
  #maincontent .ttbox p {
    color:#000;
	font-size:1.2em;
	padding:5px 0;}

/* category buttons */
#maincontent ul.category {
  margin-top:1px;}
  
#maincontent ul.category li {
  width:194px;
  float:left;
  margin-right:1px;
  display:block;}

#maincontent ul.category li a {
  background:url(images/bg-btncategory.gif) no-repeat;
  display:block;
  padding:10px 12px;
  color:#cc3300;
  font-size:1.2em;}

#maincontent ul.category li a span {
  color:#333;
  padding-left:5px;}

#maincontent ul.category li a:hover span {
  color:#cc3300;
  text-decoration:underline;}



/* 3.4	FOOTER
-----------------------------------------------------------------------------------------------*/

#footer p.copy {
  float:left;}

#footer ul {
  float:right;}

#footer ul li {
  display:inline;
  border-right:1px solid #333;}

#footer ul li.last {
  border-right:none;}

#footer ul li a {
  padding:0 5px;
  color:#333;}

#footer ul li a:hover {
  color:#336600;
  text-decoration:underline;}