/* CSS Nexyoo.com  --  EcoGreen --  */

/* ------ RESET ------*/
html,body,a,div,ul,ol,li,dl,dt,dd,h1,h2,h3,h4,h5,h6,pre,form,p,blockquote,fieldset,input { margin: 0; padding: 0; }
h1,h2,h3,h4,h5,h6,pre,code,address,caption,cite,code,em,th { font-weight: normal; font-style: normal; }
ul,ol { list-style: none; }
fieldset { border: none; }


body { background: #EAE5D9 url(/affsites/ecogreen/images/body_bg.jpg) repeat; font: 12px/20px 'Lucida Grande', Tahoma, Verdana, Arial, Helvetica, sans-serif; color: #2C261C; }
body, html { height: 100%; }
img,a { border: 0; outline: none; }
p { margin-bottom: 15px; }


/******* Global *******/
.clear { clear: both; height: 0; line-height: 0; padding: 0; font-size: 0; }
.headline { margin-bottom: 20px; display: block; }
a:link, a:active, a:visited, a:hover { color: #00520C; text-decoration: underline; }
.float_left { float: left; }
.float_right { float: right; }
.bold { font-weight: bold; }
h1 { color: #5B503F; font-size: 20px; line-height: 25px; margin-bottom: 20px; }
h2 { color: #5B503F; font-size: 16px; line-height: 25px; margin-bottom: 20px; }
.img_right { float: right; margin: 0 0 20px 20px; }
.img_left { float: left; margin: 0 20px 20px 0; }
.center { text-align: center; margin: 20px; 0; }
.divider_310 { background: url(/affsites/ecogreen/images/divider_310.gif) no-repeat; width: 310px; height: 1px; margin: 40px 0; }
.buttons { margin: 40px 0 0; text-align: center; }
.textright { text-align: right; }
.textleft { text-align: left; }
.small { font-size: 10px; }
.green { color: #00520C; }

/******* Body content *******/
#footerstick { position: relative; min-height: 100%; }
* html #footerstick { height: 100%; }
#wrapper_content { padding-bottom: 100px; margin: 0 auto; width: 900px; }


/******* Header *******/
#header { background: url(/affsites/ecogreen/images/header_bg.jpg) repeat-x; height: 135px; width: 100%; }
#header .container { margin: 0 auto; background: url(/affsites/ecogreen/images/header.jpg) no-repeat; width: 900px; height: 135px; }
#header .container .agent { color: #FFF; position: relative; top: 55px; right: 105px; text-align: right; }


/******* Social media links *******/
.socialmedia { float: right; height: 16px; margin-right: 2px; }
.socialmedia a { margin: 0 1px; }

/******* Twitter *******/
#twitter_widget { background: url(/affsites/ecogreen/images/twitter_border.gif) no-repeat; width: 307px; height: 394px; margin-top: 10px; padding: 3px; }


/******* Video area *******/
#video { background: url(/affsites/ecogreen/images/video_bg.gif) no-repeat; width: 900px; height: 440px; padding: 8px 9px 8px 8px; }


/******* Menu *******/
#menu { width: 900px; height: 46px; margin: 3px 0; }
#menu ul { list-style-type: none; padding: 0; background: url(/affsites/ecogreen/images/menu_bg.png) no-repeat; width: 900px; height: 46px; }
#menu ul li { float: left; padding: 0; margin-top: 3px; }
#menu ul li a { display: block; height: 40px; width: 138px; }
#menu ul li a:hover { display: block; height: 40px; width: 138px; }

#menu ul li a.company { background: url(/affsites/ecogreen/images/menu_company.jpg) no-repeat; margin: 0 1px 0 2px; }
#menu ul li a.benefits { background: url(/affsites/ecogreen/images/menu_benefits.jpg) no-repeat; margin-right: 1px; }
#menu ul li a.rewards { background: url(/affsites/ecogreen/images/menu_rewards.jpg) no-repeat; margin-right: 1px; }
#menu ul li a.tools { background: url(/affsites/ecogreen/images/menu_tools.jpg) no-repeat; }

#menu ul li a:hover.company { background: url(/affsites/ecogreen/images/menu_company_hover.jpg) no-repeat; margin: 0 1px 0 2px; }
#menu ul li a:hover.benefits { background: url(/affsites/ecogreen/images/menu_benefits_hover.jpg) no-repeat; margin-right: 1px; }
#menu ul li a:hover.rewards { background: url(/affsites/ecogreen/images/menu_rewards_hover.jpg) no-repeat; margin-right: 1px; }
#menu ul li a:hover.tools { background: url(/affsites/ecogreen/images/menu_tools_hover.jpg) no-repeat; }


/******* Breadcrumbs *******/
.bread { color: #5A503F; padding: 3px; margin-bottom: 25px; text-align: center; }
.bread ul {	margin-left: 0; padding-left: 0;	display: inline; border: none; } 
.bread ul li { margin-left: 0;	padding-left: 2px; border: none; list-style: none; display: inline; }




/******* Content area  *******/
.col_left { float: left; padding: 35px 45px 15px 0; width: 512px; background: url(/affsites/ecogreen/images/divider.gif) repeat-y right; }
.col_left ul { list-style-type: disc; list-style-position: inside; margin-bottom: 20px; }
.col_left li { margin-bottom: 7px; }
.col_left .headline { margin: 50px 0 20px 0; }
.col_left .headline.first { margin: 0 0 20px 0; }
.col_left .reuters { margin-top: 20px; }

.col_left .flowing { margin-top: 20px; }
.col_left .business { margin-right: 40px; }
.col_left .agents { margin: 0 40px 20px 0; }

.col_left ul.features { list-style-type: disc; margin: 30px 0 0 20px; padding-left: 20px; text-indent: -10px; }
.col_right { float: right; padding: 35px 0 20px 30px; width: 313px; }


/******* Footer *******/
#footer_clear { height: 100px; border: 0; margin: 0; padding: 0; clear: both; } 
#footer { position: relative; margin-top: -130px; background: url(/affsites/ecogreen/images/footer_bg.gif) repeat-x; width: 100%; height: 232px; }
#footer .container { margin: 0 auto; background: url(/affsites/ecogreen/images/footer.gif) no-repeat; width: 900px; height: 166px; text-align: center; padding-top: 66px; }

/******* Form *******/
form.join { color: #280E08; width: 100%; margin: 30px 0 0 0; padding: 0; font-family: 'Lucida Grande', Tahoma, Verdana, Arial, Helvetica, sans-serif; }
form.join ul { list-style-type: none; margin: 0; padding: 0; width: 100%; }
form.join li { clear: both; display: block; margin: 15px 0; padding: 0; }
form.join label { border: none; color: #426C44; float: left; font-size: 12px; padding: 3px 5px 0 0; text-align: right; width: 100px; }
form.join input.text, form.join textarea { font-family: 'Lucida Grande', Tahoma, Verdana, Arial, Helvetica, sans-serif; background-color: #FFF; border-bottom: 1px solid #ddd; border-left: 1px solid #c3c3c3; border-right: 1px solid #c3c3c3; border-top: 1px solid #7c7c7c; } 
form.join input.text { float: left; font-size: 12px; margin: 3px 0; padding: 2px; width: 165px; height: 14px; }
form.join select { float: left; font-size: 12px; width: 171px; margin: 3px 0 7px; padding: 2px; }
form.join textarea.textarea { font-size: 12px; height: 100px; width: 290px; margin: 0; padding: 2px; }
form.join input.submit { margin-right: 10px; }


.validator { float: right; padding-top: 3px; width: 16px; }

/******* Benefittable *******/
#memberbenefits { color: #426C44; margin-bottom: 40px; width: 100%; }
#memberbenefits .member { font-weight: bold; padding-bottom: 10px; text-align: center; }
#memberbenefits .available { border: 1px dotted #2C261C; border-width: 0 1px 1px 0; text-align: center; width: 85px; }
#memberbenefits .available.last { border: 1px dotted #2C261C; border-width: 0 0 1px 0; text-align: center; }
#memberbenefits .available.bottom { border: 1px dotted #2C261C; border-width: 0 1px 0 0; text-align: center; }


/******* Welcome *******/
#welcome { margin: 30px auto; width: 900px; }
#welcome .part1 { background: url(/affsites/ecogreen/images/welcome.jpg) no-repeat; width: 900px; height: 265px; }
#welcome .part2 { background: url(/affsites/ecogreen/images/welcome2.jpg) no-repeat; width: 900px; height: 333px; }
#welcome .part2 .but { text-align: center; padding-top: 120px; }

/******* Payment page *******/
.divider_payment { background: url(/affsites/ecogreen/images/divider_310.gif) repeat-x; width: 570px; height: 1px; margin: 5px 0 20px 0; }
form.paymentinfo { color: #280E08; width: 100%; margin: 30px 0 0 0; padding: 0; font-family: 'Lucida Grande', Tahoma, Verdana, Arial, Helvetica, sans-serif; }
form.paymentinfo input.text { font-family: 'Lucida Grande', Tahoma, Verdana, Arial, Helvetica, sans-serif; background-color: #FFF; border-bottom: 1px solid #ddd; border-left: 1px solid #c3c3c3; border-right: 1px solid #c3c3c3; border-top: 1px solid #7c7c7c; } 
form.paymentinfo input.text { float: left; font-size: 12px; margin: 3px 0; padding: 2px; width: 165px; height: 16px; }
form.paymentinfo input.security { float: left; font-size: 12px; margin: 3px 3px 3px 0; padding: 2px; height: 16px; }

form.paymentinfo select { float: left; font-size: 12px; margin: 3px 3px 7px; padding: 2px; }
form.paymentinfo select.country { float: left; font-size: 12px; margin: 3px 3px 7px; padding: 2px; width: 165px; }

form.paymentinfo input.submit { margin-right: 10px; }
form.paymentinfo .wrapper { width: 200px; }