body, html {	height:100%; margin:0; padding:0;}
body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, pre, fieldset, input, select, textarea, p, blockquote, th, td {	margin:0;	padding:0;	font-family:Verdana, Arial, Helvetica, sans-serif; }
a{ color:#8f9194; background-color:inherit; }
a:hover{ text-decoration:none;}
form {	margin:0;	padding:0;}
fieldset, img, a img {	border:0;}
p{margin:0px 0px 10px 0px;}

.c {	clear:both;	font-size:1px;	line-height:1px;}
.text_item_sparator{ font-size:1px;	line-height:1px; height:20px; }

body.default {	background-color:#e8e8e8;}

/* Site Grid */
#site{ width:992px; margin:0px auto 20px auto; background-color:#ffffff; }
#header{ margin:0px 20px 0px 20px; clear:both; color:#8f9194; background-color:inherit;  }
#page{ margin:10px 20px 0px 20px; clear:both; }
#footer{ margin:4px 20px 0px 20px; clear:both; color:#8f9194; background-color:inherit;  }

/* Page layouts */

.front_page{ background:url(/gfx/bg/5050.gif) repeat-y; }
.regular_page{ background:url(/gfx/bg/7030.gif) repeat-y; }
#front_left_panel, #front_right_panel{ float:left; width:476px;  }
#regular_left_panel{ float:left; width:648px; margin-bottom:40px; }
#regular_right_panel{ float:left; width:304px; padding-bottom:80px;  }
#news_details_panel{ width:99%; margin-bottom:80px; }

/* Header */
#header_logos{ width:400px; float:left; height:88px; }
.header_logo{ float:left; height:88px; width:auto; }
.header_spacer{ float:left; height:88px; width:50px; }
#header_create_account { width:159px; height:78px; float:left; margin:10px 0px 0px 0px; font-size:0.69em; }
#header_tools{ width:373px; height:78px; float:left; margin:10px 20px 5px 0px; font-size:0.69em; }
#header_tools a:hover{ text-decoration:none; color:#f08f50; background-color:inherit; }
#header_tools h3{font-size:1.45em; padding:0px 0px 3px 0px; }
#header_tools h4{ font-size:1.09em; padding:0px 0px 3px 0px; }

/* Footer */
#footer_contact{ background:url(/gfx/bg/footer.gif) #f08f50 top right repeat-y; color:#FFF; padding:12px 210px 12px 12px; font-size:0.81em;}
#footer_menu{ float:right; margin:8px 0px 20px 0px; width:auto;}
#footer_about{ float:left; margin:10px 0px 20px 0px; font-size:0.69em; width:auto;}

/* Page elements */

.text_box{ padding:20px; font-size:0.81em; line-height:1.38em; color:#8f9194; height:1%; background-color:inherit;  }
.text_box h1{ color:#f08f50; font-size:1.69em; margin:10px 0px 20px 0px; background-color:inherit;}
.text_box h2{ color:#f08f50; font-size:1.00em; margin:15px 0px 10px 0px; background-color:inherit;}
.text_box h3{  font-size:1.08em; margin:20px 0px 5px 0px;}
.text_box h4{ color:#f08f50; background-color:inherit;}
.text_box a{ color:#f08f50; background-color:inherit;}
.text_box .underline { text-decoration:underline; }
.text_box ul{margin:5px 0px 5px 18px; color:#f08f50; background-color:inherit;}
.text_box li{color:#f08f50; background-color:inherit;}
.driving_directions li{color:#8f9194; background-color:inherit; margin:0px 0px 0px 50px; }
.right_panel .text_box, .right_panel .text_box a, .right_panel .text_box h2, #front_associations .text_box h2{ color:#fff; background-color:inherit;  }
.error_message { color:#ff0000; }
.hidden_error_message { color:#ff0000; display:none; }

#front_associations{ margin:0px 0px 0px 476px; }
#front_associations .text_box{ padding:0px 10px 20px 10px; }
.regular_page .page_header_picture{ height:270px; background:url(/gfx/bg/header_pic.gif) repeat-y #e8e8e8; text-align:right;}
.image_right{float:right; margin:0px 0px 20px 20px; width:auto;}
.image_left{float:left; margin:0px 20px 20px 0px; width:auto;}
#front_page_image{height:408px;}

.acc_collection{background-color:#FFF; }
h2.acc_menu_head{ font-size:0.75em; padding:8px 20px 8px 20px; background-color:#8f9194; color:#FFF; border-bottom:2px solid #fff;}
h2.acc_menu_head a{ color:#FFF; text-decoration:none; font-weight:normal; background-color:inherit;}
h2.acc_menu_head a:hover{ text-decoration:underline;}
h2.selected {background-color:#f08f50;}

#news_list_panel{ float:left; margin:0px 20px 55px 0px; width:446px;}
#events_list_panel{ float:left; width:446px; margin:0px 0px 55px 0px }
#news_list_panel h2, #events_list_panel h2{ margin-top:0px;}
.list_item_date{ float:left; width:110px; margin:0px 0px 20px 0px;}
.list_item{ float:left; width:336px; margin:0px 0px 20px 0px; }
.req{ color:#f19050;}

/* Forms and buttons */
.login_input{ padding:5px 5px 5px 5px; display:inline; vertical-align:middle; width:140px; font-size:0.95em; }
.submit_input{ height:21px; padding:0px 0px 2px 0px; display:inline; vertical-align:middle;  width:65px;  background:url(/gfx/bg/submit.gif) top left no-repeat; background-color:#f08f50; color:#FFF; font-weight:bold; border:none; font-size:1.00em; }
.text_box .submit_input{  font-size:0.92em; }
.input_header{ display:block; padding:5px 0px 5px 0px; font-weight:bold;}
.text_input{ padding:2px; width:304px; font-size:0.92em; }
.textarea_input{ padding:2px; width:604px; font-size:1em; }

.quotebox_right_panel{  background-color:#f08f50; height:270px; }
.quotebox{ background-color:#f08f50; padding:20px 20px 20px 20px;  height:1%;  }
.quotebox h3{ color:#FFF; font-family:Georgia, "Times New Roman", Times, serif; font-size:0.90em; font-style:italic; clear:both; font-weight:normal; background-color:inherit; }
.quote_start{background:url(/gfx/icons/quote_start.gif) no-repeat; width:30px; height:23px; float:left; margin:0px 0px 5px 0px; display:inline;}
.quote_end{background:url(/gfx/icons/quote_end.gif) no-repeat; width:30px; height:23px; float:right; margin:6px 0px 0px 0px; display:inline; }
.quote_autor{ color:#FFF; font-size:0.81em; border-top:1px solid #fff; margin:20px 0px 0px 0px; padding:10px 0px 0px 0px; background-color:inherit;}
.quotebox_right_panel .quotebox{ padding-bottom:10px;}


/* Menus */
#main_menu{ clear:both; background-color:#8f9194;min-height:25px; }
#main_menu ul, #sub_menu ul{ list-style:none; min-height:25px; }
#main_menu ul li, #sub_menu ul li{ float:left; width:auto;}
#main_menu ul li a{ display:block; padding:12px 15px 12px 15px; color:#fff; font-size:0.70em; font-weight:bold; text-decoration:none; background-color:inherit;}
#main_menu ul li a.active{ background-color:#f08f50; }
#main_menu ul li a:hover{ text-decoration:underline;}

#sub_menu{ background-color:#e8e8e8; clear:both; min-height:42px; padding:0px 0px 0px 20px; }
* html #sub_menu, * html #main_menu, * html #sub_menu ul { height:42px;}
#sub_menu ul {display:none;}
#sub_menu ul.active{display:block;}
#sub_menu ul li{ padding:10px 20px 10px 0px; color:#8f9194; background-color:inherit;}
#sub_menu ul li a{font-size:0.78em; text-decoration:none; color:#8f9194; background-color:inherit;}
#sub_menu ul li a:hover{text-decoration:underline; color:#8f9194; background-color:inherit;}
#sub_menu ul li a.active{ color:#f08f50; background-color:inherit;}
#sub_menu ul li a:hover.active{ color:#f08f50; background-color:inherit;} 

#footer_menu ul{list-style:none; margin:2px 0px 0px 0px;}
#footer_menu ul li{ float:left; font-size:0.69em; padding:0px 2px 0px 2px; width:auto;}
#footer_menu ul li.last_item{ border-right:0px; padding:0px 0px 0px 2px; }
#footer_menu ul li a, #footer_about a{ text-decoration:none;}
#footer_menu ul li a:hover, #footer_about a:hover{ color:#f08f50; text-decoration:underline; background-color:inherit;}

/* rotator in-page placement */
#rotator {position:relative;}
/* rotator css */
#rotator  li {float:left; position:absolute; list-style: none; width:auto;}
/* rotator image style */
#rotator  li.show {z-index:500;}

/* login box */
#all_login {  margin:0px 20px 0px 0px; }
.login_title { background:url('/gfx/logon/login2.jpg') no-repeat top left; width:161px; height:26px; float:right; margin:5px 0px 0px 0px; }
.login_box_link { text-decoration:none; padding:5px 0px 0px 20px; float:left; display:block; width:141px; height:21px; }
#login_box {background:url('/gfx/logon/loginbox2.jpg') no-repeat transparent top right; float:left; display:none; z-index:2; position:relative; left:-21px; top:-4px; width:373px; height:221px; }
#login_box_elements { float:left; padding:15px 5px 15px 15px; width:353px}
#login_and_security_image { float:left; width:70px; height:100px; }
#login_and_security_image_only { float:left; width:50px; margin:0px 10px 0px 10px; height:40px; background:url('/gfx/logon/security-icon.gif') no-repeat transparent top left; }
#login_and_security { float:left; margin:5px 0px 0px 0px; }
#login_box_form_elements { float:left; width:243px; }
.login_field_title { float:left; width:70px; margin:5px 10px 5px 0px; text-align:right; }
.login_field_textbox { float:left; margin:5px 0px 5px 0px; width:160px; }
#login_forgot_username { width:125px; float:left; text-align:right; margin-top: 3px;}
#login_submit_button { float:left; width:110px;  text-align:left; }
#login_trouble { clear:both; padding:10px 0px 0px 0px; font-weight:bold; }
#login_contact_us { clear:both; margin:0px 0px 0px 0px; }
#remember_me { margin-left:17px; }
#login_remember_me_label { margin-left:5px; }

/* logged in */
#logged_in { margin:0px 0px 2px 0px; font-size:1.18em; float:right; text-align:right; width:242px; }
#logged_in a { font-weight:bold; }
#logged_in_edit { margin:0px 0px 2px 0px; font-size:1.08em; float:right; text-align:right; width:242px; }
#log_out { text-align:right; }
.login_menu_form { margin:0px 0px 0px 400px; }
.login_link_indent { margin:0px 0px 0px 40px; }

/* edit account form */
.edit_account_form_text { float:left; width:350px; text-align:right; margin:0px 10px 10px 0px; clear:both; }
.edit_account_form_element { float:left; width: 200px; text-align:left; margin:2px 0px 10px 0px; }
.edit_account_form_submit { float:left; margin:2px 10px 10px 0px; }

/* forgot password form */
#username_or_email_recovery_text { float:left; margin:0px 0px 10px 0px; }
#username_or_email_recovery_element { float:left; width:200px; margin:0px 0px 0px 0px; clear:both; }
#username_or_email_recovery_submit { float:left; margin:10px 0px 10px 0px; clear:both; }

/* bio page */
#bio_image { float:left; }

/* all pages form validation error style */
.form_validation_error[type="text"] { border: 1px solid #ff0000; background-color:#ffeeee;}
.form_validation_error[type="password"] { border: 1px solid #ff0000; background-color:#ffeeee;}

/* form error messages */
#passwordErrorMessage { float:left; width:250px; margin:0px 0px 10px 10px; }
#newPasswordErrorMessage { float:left; width:250px; margin:0px 0px 10px 10px; }
#retypeNewPasswordErrorMessage { float:left; width:250px; margin:0px 0px 10px 10px; }
#usernameOrEmailRecoveryErrorMessage { float:left; text-align:left; width:450px; margin:0px 0px 0px 10px; }

/* support */
.support_topic_other { clear:both; margin:40px 0px 40px 0px; }
.support_bullet_list { margin: 0px 0px 0px 20px; }

/* other comsearch web sites */
.other_site_link { clear:both; margin: 20px 20px 20px 20px; }
.other_site_link_image {  float:left; background-position:top right; width:120px; margin: 5px 0px 10px 0px;}
.other_site_image_logo {  float:right; margin: 0px 20px 0px 0px; }
.other_site_link_explanation { padding: 0px 0px 0px 150px; }

/* directions */
#google_maps_directions { width:640px; height:480px; border:0px; overflow:hidden; }
.directions_page { margin:0px 140px 0px 140px;}

/* recyclers */
.recycler_information ol li h3 { margin-top: 40px; margin-bottom: 60px; }
.recycler_information ol li { color:#8f9194; margin:0px 0px 0px 50px; }
.recycler_information ol img { margin-left:50px; }
.recycler_information ol ol { list-style-type:lower-alpha; }
.recycler_information ol ol ol { list-style-type:lower-roman; }
.recycler_information ol ol ol ol { list-style-type:decimal; }


/* products */
.product_information { float:none; clear:both; }
.product_information ul li { color:#8f9194; margin-left:30px; }
.product_image_right { float:right;  margin:10px 0px 10px 10px; }
.product_image_left { float:left; margin:10px 10px 10px 0px; }
#product_page_accordian { border: solid #8f9194 2px; }

/* careers / job openings */
.job_opening { margin:40px 0px 40px 0px; }

/* general */
.noTextDecoration { text-decoration:none; }
.biography_link { float:left; width:45%; margin:20px 0px 20px 0px; }
.biography_row { float:left; width:100%; }
.centered { text-align:center; }
.normal_list li { color:#8f9194; margin-left:30px; }

#popup_install {font-size:1.4em; font-weight:bold; margin-bottom: 30px;}