div.block { float: left; padding: 10px; margin-bottom: 20px; background: url(../images/grain_white.gif); }

.block ul { margin: 10px 0 10px 20px; font-size: 11px; }
.block .col2 { margin-left: 160px; }
.block .top { margin-top: -80px; }
.to_top { text-align: center; font-size: 10px; color: #999; margin: 0 0 -7px; }
.to_top a { display: block; color: #999; line-height: 20px; margin: -7px 0 0; }

#navigation { text-align: center; overflow: hidden; }
#navigation li { float: left; margin-left: 25px; padding: 0 10px; font-size: 13px; line-height: 60px; color: #b4c77e; }
#navigation li.first { margin-left: 0; list-style: none; }
#navigation li a { display: block; font-size: 16px; }
#navigation li.promo { list-style: none; margin: 0 0 0 10px; }
#navigation li.promo a { background: url(../images/grain_blue.gif); padding: 0 12px; margin: 12px 0; line-height: 36px; font-size: 14px; font-weight: bold; -webkit-border-radius: 5px; -moz-border-radius: 5px; }
#navigation li.promo a:hover { background: url(../images/grain_gray.gif); text-decoration: none; color: #222; }


/* Services block */
div.plans { width: 250px; margin-right: 20px; background: url(../images/grain_green.gif); }
.subscription { width: 228px; border: 1px solid #ddd; padding: 10px; background: #fafbf6 url(../images/badge_weekly.png) top left no-repeat; }
#subscription2 { background-image: url(../images/badge_biweekly.png); }
.subscription h4 { width: 147px; text-align: center; margin: 15px 0 40px 80px; font-size: 20px; padding: 0 0 5px; border-bottom: 1px solid #ddd; line-height: 30px; color: #495637; letter-spacing: -1px; text-transform: none; }
.subscription form { text-align: center; padding: 20px 0 0; }
.subscription input.image_submit { margin: 0 auto; }


/* Signup block */
#id_signup { width: 300px; }
#id_signup p { text-align: center; margin: 0; font-weight: bold; color: #568045; position: relative; top: -3px; }
#id_signup form { padding: 3px 0 2px; }
#id_signup label { line-height: 24px; }
#id_signup input,
#id_signup select { padding: 3px 2%; }
#id_signup select { height: 25px; }
#id_signup input.image_submit { margin: 5px 0 -4px; }
#id_signup tbody tr { border: 0; }
#id_signup th,
#id_signup td { padding: 3px 10px; }


#id_containers { width: 250px; margin-right: 20px; font-size: 11px; padding-bottom: 0; text-align: center; }
#id_containers img { margin: 0 auto; line-height: 0; }
#id_containers h4 { font-weight: normal; text-transform: none; font-size: 11px; line-height: 11px; margin: 0 10px 10px; border: 0; color: #666; padding: 0; font-weight: bold; }

#id_referrals { background: url(../images/grain_blue.gif); width: 590px; }
#id_referrals .section-title { border-top-color: #eaece4; }
#id_referrals h3 a { background: url(../images/grain_blue.gif); color: #35434d; }
#id_referrals img { width: 570px; height: 238px; background: #fff; border: 10px solid #eaece4; margin-bottom: 5px; }
#id_referrals p { margin: 0; color: #35434d; }
#id_referrals a:link { font-weight: bold; text-decoration: underline; }
#id_referrals .fineprint { font-size: 11px; color: #666; }

#id_map .area { border: 1px solid #ddd; background-color: #fafbf6; padding: 10px; overflow: hidden; }
#id_map ul { float: right; width: 177px; background: #eee; margin: 0 0 0 10px; font-family: Verdana, Tahoma, sans-serif; }
#id_map ul li { display: inline; list-style: none; }
#id_map ul li a { display: block; text-decoration: none; color: #666; font-size: 12px; border-bottom: 1px solid #DDD; line-height: 26px; }
#id_map ul li.last a { border: 0; }
#id_map ul li.hello a { background: #fafbf6; color: #444; font-weight: bold; }
#id_map ul li a span { color: #444; padding: 0 5px 0 10px; }
#id_map ul li.hello a span { color: #C55; padding: 0 8px 0 7px; }
#map_canvas { width: 670px; height: 349px; float: left; }

#id_recyclables, #id_benefits { width: 267px; margin-right: 20px; }
#guide_promo { margin: 15px 0; font-weight: bold; text-align: center; }
#id_about { width: 266px; }

