/* - - - - - - - - - - - - - - - - - - - - -

Title : Wellness Heroes Main Stylesheet
Author : Celia Fliess
URL : http://www.greenthinge.com

- - - - - - - - - - - - - - - - - - - - - */

/* General Styles */

* {
	margin: 0;
	padding: 0;
}

body {
	font-family:"Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;
	font-size: 11pt;
	background: #cccccc;
}

#outer_wrapper {
	width: 100%;
	text-align:center;
	background-image: url(../images/gradient_bg2.jpg);
	background-repeat: repeat-x;
	padding-top: 34px;
}

#inner_wrapper {
	width: 980px;
	margin-left:auto;
	margin-right:auto;
	text-align:left;
}

#page_wrapper {
	background: #ffffff;
	width: 980px;
}

.drag_div {
	clear: both;
	height: 1px;
}

.redify {
	color:#ff0000;
}

.greenify {
	color: #008000;
	font-weight: bold;
}

.clear_left {
	clear: left;
}

.centre_text {
	text-align: center;
}

.enlarge_it {
	font-size: 130%;
}

/* Positioning the top buttons */

#top_buttons {
	height:  34px;
	padding-top: 10px;
	padding-bottom: 10px;
	padding-right: 20px;
}

/* Styling green buttons used throughout the site */

.green_buttons {
	display: block; 
	line-height: 34px;
	background-image: url(../images/button_left_bg2.jpg);	
	background-repeat:no-repeat;
	background-position: left top; 
	font-size:11pt;
	font-weight: bold;
	text-decoration: none;
	color: #ffffff;
	text-align: center;
	padding-left: 20px;
}

.right_b {
	display: block; 
	min-width: 80px;
	line-height: 34px;
	background-image: url(../images/button_right_bg2.jpg);	
	background-repeat: no-repeat;
	background-position: right top;
	padding-right: 20px;

}

.centre_b {
	display: block;
	line-height: 34px;
	background-image: url(../images/button_centre_bg2.jpg);	
	background-repeat:repeat-x;

} 

.green_buttons:hover {
	background-position: left bottom;
	color: #3a393e;
}

 .green_buttons:hover .right_b {
	background-position:right bottom;
} 

 .green_buttons:hover .centre_b {
	background-position:center bottom;
} 

#join_button {
	width: 100px;
	float: right;
	margin-right: 15px;
}

#login_button  { 
	width: 100px;
	float: right;
	margin-right: 16px;
}

#content_buttons {
	margin-bottom: 20px;
}

#vendor_login_button, #charity_login_button, #public_login_button, #franchise_login_button {
	width: 140px;
	float: left;
	margin-left: 0;
}

#vendor_register_button, #charity_register_button, #public_register_button, #franchise_register_button {
	width: 140px;
	float: left;
	margin-left: 10px;
	margin-right: 10px;
}

#nominate_hero_button {
	width: 220px;
	float: left;
}

/* Styling the Banner */

#banner {
	background: #ffffff;
	width: 980px;
	height: 175px;
	position: relative;
	background-image: url(../images/banner_bg.jpg);
	background-repeat: no-repeat;
}
		
#logo a{
	width: 324px;
	height: 65px;
	position: absolute;
	top: 32px;
	left: 20px;
	background-image: url(../images/greenthinge_logo.jpg);
	background-repeat: no-repeat;
	text-indent: -999999px;
	margin-bottom: 15px;
}

.media_press_release {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 24pt;
	font-weight: bold;
	position: absolute;
	top: 47px;
	left: 365px;
}

.banner_image {
	position: absolute;
	top: 5px;
	right: 15px;
	height: 167px;
	width: 307px;
	background-repeat: no-repeat;
}

.banner_image a img {
	border: none;
}

#home .banner_image {
	background-image: url(../images/banner_images/banner_home.jpg);
}

#charity_request .banner_image, #charity_register .banner_image, 
#charity_form .banner_image, #charity_faq .banner_image,
#charity_home .banner_image, #charity_register_thanks .banner_image,
#charity_request_thanks.banner_image {
	background-image: url(../images/banner_images/banner_charity.jpg);
}

#vendor_request .banner_image, #vendor_register .banner_image, 
#vendor_coupon .banner_image, #vendor_coupon_list .banner_image,
#vendor_faq .banner_image, #vendor_form .banner_image,
#vendor_home .banner_image, #vendor_info .banner_image,
#vendor_register_thanks .banner_image, #vendor_register_thanks .banner_image {
	background-image: url(../images/banner_images/banner_vendors.jpg);
}

#heroes_request .banner_image, #heroes_faq .banner_image, #who_is .banner_image, #thank_you .banner_image {
	background-image: url(../images/banner_images/banner56.jpg);
}

#public_request .banner_image, #public_home .banner_image, 
#public_register .banner_image, #public_register_thanks .banner_image,
#public_request_thanks .banner_image {
	background-image: url(../images/banner_images/banner_public.jpg);
}

#franchise_request .banner_image, #franchise_request_thanks .banner_image {
	background-image: url(../images/banner_images/banner_franchise.jpg);
}

#the_big_idea .banner_image {
	background-image: url(../images/banner_images/banner59.jpg);
}

#mission .banner_image {
	background-image: url(../images/banner_images/banner58.jpg);
}

#heroes_nominate .banner_image {
	background-image: url(../images/banner_images/banner57.jpg);
}

#heroes_book .banner_image {
	background-image: url(../images/banner_images/banner61.jpg);
}

#geographical_focus .banner_image {
	background-image: url(../images/banner_images/banner48.jpg);
}

#road_map .banner_image {
	background-image: url(../images/banner_images/banner49.jpg);
}

#contact_us .banner_image {
	background-image: url(../images/banner_images/banner60.jpg);
}

#founder_message .banner_image {
	background-image: url(../images/banner_images/banner39.jpg);
}

#terms_of_use .banner_image {
	background-image: url(../images/banner_images/banner_home.jpg);
}

#privacy_policy .banner_image {
	background-image: url(../images/banner_images/banner_home.jpg);
}

#register .banner_image {
		background-image: url(../images/banner_images/banner55.jpg);
}

#login .banner_image {
		background-image: url(../images/banner_images/banner53.jpg);
}

.banner_image {
		background-image: url(../images/banner_images/banner23.jpg);
}


#display_imageno {  /* Take this out when all images have been selected */
	position: absolute;
	top: 20px;
	right: 565px;
	color: #ffffff;
}

/* Styling the Main Menu */

#main_menu {
	width: 980px;
	height: 36px;
	background-image: url(../images/menu_button_bg.jpg);
	background-repeat: repeat-x;
	margin-bottom: 30px;
}

#main_menu ul {
	
	list-style-type: none;
	padding-left: 25px;  /* Adjust if menu entries change */
}

#main_menu li {
	float:left;
	height: 36px;
}

#main_menu li a {
	display: block; 
	height: 36px;
	line-height: 36px;
	font-size:10.5pt;
	width: inherit;
	float: left;
	text-decoration: none;
	color:#333333;
	padding-right: 14px;  /* Adjust if menu entries change */
	padding-left: 14px;  /* Adjust if menu entries change */
	background-image: url(../images/menu_button_bg.jpg);
	background-repeat: repeat-x;
	background-position: left top;
	border-right: 1px solid #9d9d9d;
}

#main_menu li a:hover {
	background-position: left bottom;
	color:#d8d8d8;
}

#main_menu #last_item a {
	border: none;
}

/* Styling the Side Bar */

#side_bar {
	float: left;
	padding-left: 21px;
}

/* Styling the Marketing Bullets */

.bullet_wrapper {
	background-image: url(../images/bullet_box1.jpg);	
	background-repeat: no-repeat;
	min-height: 140px; 
	width: 272px;
	
}

.marketing_bullet {
	position: relative;
	width: 272px;
	margin-bottom: 30px;
	background-image: url(../images/bullet_box2.jpg);	
	background-repeat: repeat-y;
	
}

.bullet_image {
	float: left;
	padding-top: 15px;
	padding-bottom: 0;
	padding-right: 10px;
	padding-left: 10px;
}

.marketing_bullet p {
	font-size: 10pt;
	color: #989898;
	color: #3c2166;
	padding: 15px;
	padding-top: 20px;
	padding-right: 20px;
	margin: 10px;
	margin-bottom: 2px;

}

.marketing_bullet .heading_wrapper {
	width: 272px;
	background-image: url(../images/bullet_box3.jpg);	
	background-repeat: repeat-y;
}

.marketing_bullet h4 {
	clear: both;
	width: 232px;
	font-size: 12pt;
	line-height: 97%;
	color: #008000;
	padding-top: 10px;
	padding-bottom: 20px;
	padding-left: 15px;
	padding-right: 25px;
	text-align: center;
	background-image: url(../images/bullet_box4.jpg);	
	background-repeat: no-repeat;
	background-position: bottom;
}

/* Styling Marketing Bullets for GreenthingE */

.marketing_bullet_p1, .marketing_bullet_p2 {
	position: relative;
	width: 273px;
	height: 153px;
	margin-top: 15px;
	margin-bottom: 30px;
	background-image: url(../images/bullet_box_plain.jpg);	
}

.marketing_bullet_p1 p {
	color: #008000;
	text-align: center;
	font-size: 20pt;
	font-weight: bold;
	padding-top: 34px;
	padding-left: 22px;
	padding-right: 30px;
}

.marketing_bullet1_link {
	text-decoration: none;
}

.marketing_bullet_p2 p {
	padding-top: 18px;
	padding-left: 40px;
}

/* Styling the Coupons */

.coupon_top {
	background-image: url(../images/bullet_box1.jpg);	
	background-repeat: no-repeat;
	height: 140px; 
	/*width: 272px; */
}

.coupon_outer {
	position: relative;
	width: 272px;
	margin-bottom: 30px;
	background-image: url(../images/bullet_box2.jpg);	
	background-repeat: repeat-y;
	float: left;
	margin-left: 35px;
	
}

.coupon_image {
	float: left;
	padding-top: 15px;
	padding-bottom: 0;
	padding-right: 10px;
	padding-left: 10px;
}

/*
.coupon_outer p {
	font-size: 10pt;
	color: #989898;
	color: #3c2166;
	padding: 15px;
	padding-top: 20px;
	padding-right: 20px;
	margin: 10px;
	margin-bottom: 2px;

}
*/
.coupon_outer .coupon_bottom {
	width: 272px;
	background-image: url(../images/bullet_box3.jpg);	
	background-repeat: repeat-y;
}

.coupon_outer a{
	text-decoration: none;
}

.coupon_text1 {
	padding-top: 10px;
	font-size: 14pt;
	color: #008000;
	font-weight: bold;
}

.coupon_text2 {
	font-size: 12pt;
	color: #000000;
	font-weight: bold;
}

.coupon_text3{
	font-size: 10pt;
	color: #000000;
}

.coupon_text4{
	padding-left: 10px;
	padding-top: 8px; 
	font-size: 10pt;
	color: #000000;
	clear: both;
}

.coupon_outer h4 {
	clear: both;
	width: 232px;
	font-size: 12pt;
	line-height: 97%;
	color: #008000;
	padding-top: 10px;
	padding-bottom: 20px;
	padding-left: 15px;
	padding-right: 25px;
	text-align: center;
	background-image: url(../images/bullet_box4.jpg);	
	background-repeat: no-repeat;
	background-position: bottom;
}

/* Footer Styles */

#footer_menu {
	margin: 0;
	padding: 0;
	text-align: center;
}

#footer_menu ul {
	clear: both; 
	margin-bottom: 10px;
	margin-left: 20px; 	
	margin-right: 20px; 
	padding-top: 5px;
	padding-bottom: 5px;
	padding-left: 30px; 
	height: 21px;
	border-top: 2px solid #d2d2d2;
	border-bottom: 2px solid #d2d2d2;
}

#footer_menu li {
	display: inline;
}

#footer_menu li a {
	font-size: 10.5pt;
	color: #a5a5a5;
	text-decoration: none;
	text-transform: uppercase;
	margin-right: 21px;
}

#footer_menu li a:hover {
	color: #000000;
}

#copyright {
	text-align: center;
	font-size: 9pt;
	color: #a5a5a5;
	padding-bottom: 20px;
}

/* Styling the Content */

#content {
	width: 600px;
	float: left;
	padding-left: 40px;
	padding-right: 30px;
	padding-bottom: 0;
	margin-bottom: 20px;
	border-right: 1px solid #cccccc;
	min-height: 520px;
}

#content h2 {
	margin-bottom: 20px;
	text-align: left;
	font-size: 20pt;
	color: #008000;
	background: #ffffff;
	clear: both;
}

#content p {
	margin-bottom: 20px;
}
	
#content ul {
	list-style-image: url(../images/green_bullet.gif);
	list-style-position: outside;
	margin-left: 25px;
	margin-bottom: 20px;
}

#content li  {
	padding-bottom: 10px;
	padding-left: 6px;
}	
	
/* Styling the Forms */

#content2 {
	width: 600px;
	float: left;
	padding-left: 40px;
	padding-right: 30px;
	padding-bottom: 0;
	margin-bottom: 20px;
	border-right: 1px solid #cccccc;
	min-height: 520px;
}

#content2 h2 {
	margin-bottom: 20px;
	text-align: left;
	font-size: 20pt;
	color: #008000;
	background: #ffffff;
	clear: both;
}

#content2 p {
	margin-bottom: 20px;
}
	
#content2 ul {
	list-style-type: none;
	margin-left: 0px;
	margin-bottom: 20px;
}

#content2 li  {
	padding-bottom: 10px;
	padding-left: 6px;
}	
	
/* Creating Rounded Borders */

div.rounded_box {
    position:relative;
    width: 565px; 
	height: auto;
    background-color: #fdfdfd;
	border: 2px solid #c7c7c7; 
	padding-top: 20px; 
	padding-bottom: 0;
	padding-right: 25px;
	padding-left: 0;
	margin-top: 30px;
	margin-bottom: 40px; 
}

div.top_left_corner, div.bottom_left_corner, div.top_right_corner, div.bottom_right_corner {
	position:absolute; 
	width:14px; 
	height:14px; 
	background-color:#ffffff; 
	overflow:hidden;
}

div.top_left_corner { 
	top:-2px; 
	left:-2px; 
	background-image: url(../images/upper_left_corner.jpg);	
	background-repeat: no-repeat;
}

div.bottom_left_corner {
	bottom:-2px; 
	left:-2px;
	background-image: url(../images/lower_left_corner.jpg);	
	background-repeat: no-repeat;
}

div.top_right_corner {
	top:-2px; 
	right:-2px;
	background-image: url(../images/upper_right_corner.jpg);	
	background-repeat: no-repeat;
}

div.bottom_right_corner {
	bottom: -2px; 
	right:-2px;
	background-image: url(../images/lower_right_corner.jpg);	
	background-repeat: no-repeat;
}

/* Styling Form Header */

div.rounded_box h3 {
	text-align: left;  
	width: 600px; 
	position: absolute;
	top: -15px;
	left: 0;
	padding-left: 25px;
	margin-top: 0;
	padding-top: 0;
}

div.rounded_box h3 span{
	font-size: 16pt;
	color: #009e4a;
	margin: 0;
	padding: 0;
	width: auto;
	padding-right: 4px;
	padding-left: 4px;
	line-height: 30px; 
	background-image: url(../images/form_header_bg.jpg);	
	background-repeat: repeat-x;
}

/* Other Form Styles */

.wellness_form {
	margin: 0;
	padding: 0;	
}

.rounded_box ul {
	list-style-type: none;
	list-style-image: none;
	list-style-position: outside;
	margin: 0;
	padding: 0;
}

.rounded_box li {
	line-height: 28px; 
	height: 28px; 
	float: left;
	display: block;
}

.form_button {
	padding-left: 4px;
	padding-right: 4px;
	padding-top: 2px;
	padding-bottom: 2px;
	margin-bottom: 0;
	width: auto;
}

/* Vendor and Charity Request Form Styles */

#vendor_request_form .form_lable, #charity_request_form .form_lable, #heroes_request_form .form_lable, 
#public_request_form .form_lable, #franchise_request_form .form_lable, #contact_us_form .form_lable {
	width: 130px;
	float: left;
}

#vendor_request_form .form_input, #charity_request_form .form_input, #heroes_request_form .form_input, 
#public_request_form .form_input, #franchise_request_form .form_input, #contact_us_form .form_input {
	width: 390px;
	float: left;
	display: block;
}

#vendor_request_form #name_li, #charity_request_form #name_li, #heroes_request_form #name_li, 
#public_request_form #name_li, #franchise_request_form #name_li, #contact_us_form #name_li {
	margin-top: 20px;
}

#vendor_request_form #phone, #charity_request_form #phone, #heroes_request_form #phone,
#public_request_form #phone, #franchise_request_form #phone, #contact_us_form #phone {
	width: 150px;
	float: left; 	
}

#vendor_request_form #newsletter, #charity_request_form #newsletter, #heroes_request_form #newsletter,
#public_request_form #newsletter, #franchise_request_form #newsletter, #contact_us_form #newsletter {
	float: left; 
	margin-left: 20px;
	width: auto;
}

/* Vendor and Charity Registration Form Styles */

#vendor_registration #login_info .form_lable, #charity_registration #login_info .form_lable {
	display: block;
	float: left;
	width: 160px;
}

#vendor_registration #login_info input, #charity_registration #login_info input  {
	width: 362px;
}

#vendor_registration #contact_title, #charity_registration #contact_title {
	width: 50px;
	text-align: left;
	margin-right: 10px;
}

#vendor_registration #first, #charity_registration #first {
	width: 370px;
	text-align: left;
	
}	

#vendor_registration #last, #charity_registration #last {
	width: 477px;
	text-align: right
}

#vendor_registration #company, #charity_registration #company {
	width: 444px;
}

#vendor_registration #address, #charity_registration #address {
	width: 419px;
}

#vendor_registration #city, #charity_registration #city {
	width: 175px;
	margin-right: 10px;
}

#vendor_registration #postal, #charity_registration #postal {
	width: 174px;
}

#vendor_registration #province, #charity_registration #province {
	width: 131px;
	margin-right: 7px;
}

#vendor_registration #country, #charity_registration #country  {
	width: 140px;
}

#vendor_registration #website, #charity_registration #website {
	width: 456px;
}

#vendor_registration #email, #charity_registration #email {
	width: 411px;
}

#vendor_registration #phone, #charity_registration #phone {
	width: 213px;
	margin-right: 10px;
}

#vendor_registration #cell, #charity_registration #cell {
	width: 214px;
}

/* Login Form Styles */

form.login_form, div.login_incorrect{
	/* margin-left: 150px; */
}

#login_form .form_lable {
	width: 130px;
	float: left;
}

#login_form input  {
	width: 250px;
}


#login_form #usertype_id {
	width: 252px;
}

#login_form #saveForm {
	width: auto;
	margin-right: 380px;
}

/* Home Page Styles*/

#tagline {
	color:#333333;
	text-align: center;
}

/* Register Page Styles */

#register_icon_box {
	padding-top: 20px;
	margin-top: 0;
}

#register_icon_box #tagline{
	padding-left: 20px;
}


#register_icon_box #user_icons2{
	padding: 0;
	padding-left: 20px;
}


#register_icon_box #user_icons2 li{
	padding: 0;
	padding-left: 45px;
	height: 180px;
}

#register_icon_box #user_icons2  a {
	margin-right: 4px;
	width: 180px;
	height: 144px;
	display: block;
	text-indent: -999999px; 
}

#register_icon_box #user_icons2  a:hover {
	background-position: bottom left;
}


#register_icon_box #user_icons2 h4 {
	margin-top: 0;
	font-size: 15pt;
	color: #009e4a;
	width: 180px;
	text-align: center; 
	
} 

/* Nomminate a Hero Styles */

#nominate_hero_form .form_intro {
	margin-left: 30px;
	margin-top: 10px;
}

#nominate_hero_form .nominate_note {
	color: #008000;
	font-weight: bold;
	margin-left: 30px;
	clear: both;
}

#nominate_hero_form .short_lable {
	width: 180px;
	padding-right: 10px;
	display: block;
	float: left;
	line-height: 120%;
}

#nominator_info #first {
	width: 433px;
}

#nominator_info #last { 
	width: 435px;
}

#nominator_info #city {
	width: 481px;
}

#nominator_info #province {
	width: 355px;
}

#nominator_info #postal {
	width: 130px;
}

#nominator_info #country {
	width: 209px;
}

#nominator_info #email {
	width: 414px;
}

#nominator_info #phone {
	width: 419px;
}

#nominator_info #yrs_acquainted {
	width: 126px;
}

#nominator_info #relationship {
	width: 236px;
}

#hero_info #hero_first {
	width: 433px;
}

#hero_info #hero_last {
	width: 435px;
}

#hero_info #hero_city {
	width: 481px;
}

#hero_info #hero_province {
	width: 355px;
}

#hero_info #hero_postal {
	width: 130px;
}

#hero_info #hero_country {
	width: 209px;
}

#hero_info #hero_email {
	width: 414px;
}

#hero_info #hero_phone {
	width: 419px;
}

#hero_age_li { 
	height: auto;
	width: 140px;
	background: white;
	padding: 10px; 
	margin: 0;
	margin-top: 10px;
	margin-right: 30px;
	border: 1px solid #a7a6a7;
	line-height: 140%;
}

#hero_date_li {
	height: auto;
	width: 325px;
	background: white;
	padding: 10px; 
	margin: 0;
	margin-top: 10px;
	border: 1px solid #a7a6a7;
	line-height: 140%;
}

#hero_category_li {
	height: auto;
	width: 512px;
	background: white;
	padding: 10px; 
	margin: 0;
	margin-top: 20px;
	border: 1px solid #a7a6a7;
	line-height: 140%;
}


#hero_question1_li, #hero_question2_li, #hero_question3_li, #hero_question4_li {
	width: 100%;
	height: auto;
	margin-top: 15px;
}

#hero_question1, #hero_question2, #hero_question3, #hero_question4 {
	width: 330px;
	height: 180px;
	
}

#hero_info .form_button {
	margin-top: 10px;
	margin-left: 30px;
} 

/* GreenthingE Home Page */

#clippod_keychain {
	float: left;
	margin-right: 23px;
	margin-bottom: 12px;
}

/* Medit Kit Product Shots */

#product3 {
	margin-top: 50px;
}

#product4 {
 	margin-top: 50px;
	margin-bottom: 50px;
}

/* Beta Coupon Page */

#wellness_book {
	padding-left: -30px;
	display: block;
}


/* added: Edgar mar 22 2008 */

ul.ul_generic li{
	height: auto;
	width: auto;
}

form.form_generic div.div_for_input_short{
	width: 362px;
}

form.form_generic input.input_short{
	width: 100px;
}

form.form_generic input{
	width: 362px;
}

form.form_generic textarea{
	width: 362px;
	height: 150px;
}

form.form_generic select{
	width: 200px;
}

form.form_generic label{
	display:block;
	float:left;
	width:160px;
}

form.form_generic input.form_button{
	width: auto;
}

form.form_generic table{
	width: auto;
}

form.form_generic td.table_col1{
	width: 150px;
	vertical-align: top;
}

form.form_generic td.table_col2{
	width: auto;
}

td.table_locations_col1{
	width: 20px;
}

td.table_locations_col1 input{
	width: 20px;
}

table.table_generic {
	width: 100%;
	border: 1px solid #aaaaaa;
	border-collapse: collapse;
}

table.table_generic td{
	border: 1px solid #aaaaaa;
	padding: 4px 4px 4px 4px;
}

table.table_generic thead td{
	font-weight: bold;
	background-color: #CCCCCC;
	color: #444444;
}

form.form_hidden input{
	float: left;
	margin-left: 3px;
	margin-right: 3px;
}
/*
div.div_locations_right label{
	float: none;
	width: 100px;
}
*/


div#div_locations_right{
	width: 362px;
}


div.div_location_label{
	width: 300px;
	float: left;
}


div.div_location input{
	float: left;
	width: auto;
}


div.divError{
	color: #FF0000;

}

a.no_underline{
	text-decoration: none;
}

table.mceEditor{
	clear: left;
}

div.clear_left{
	clear: left;
}