/*MoM styles for OFF!*/
.hide { display: none;  }
.hidden { visibility: hidden; }
.block { display: block; }
.whitefont { color:#FFFFFF;}

#meter_wrapper { background: #fff; width: 531px; }

#meter_top { background: url(/i/meter/meter/meter_bg_orange_1.gif) no-repeat; height: 113px; position: relative; width: inherit; }
#meter { background: url(/i/meter/meter/meter_bg_sky_2.gif) 0 14px no-repeat; height: 73px; left: 11px; position: relative; padding-top: 14px; top: 0; width: 509px; }
#meter_marker { background: url(/i/meter/meter/meter_mover.png) no-repeat; height: 73px; position: absolute; top: -4px; width: 64px; z-index: 2; }
#meter_mosquitoes { background: url(/i/meter/meter/meter_mosquitoes.gif) 0 14px no-repeat; height: 73px; overflow: hidden; position: absolute; top: 0; width: 0; z-index: 1; }

#meter_div { background: #ffaf2a url(/i/meter/meter/meter_base_gradient.gif) no-repeat; height: 20px; width: 531px; }
#meter_div span, #meter_div a { float: right; font-size: 11px; padding: 5px 13px 0 0}
#q_count { color: #3d6900; }
#no_questions { color: #ed5b2a; }

#content_wrapper { background: #fff; }/*ffaf2a*/
#meter_bot { background: #ffaf2a url(/i/meter/did_you_know_cover.jpg) 275px 20px no-repeat; padding-top: 10px; width: 531px; }
#meter_bot_left { float: left; position: relative; width: 266px; }
#meter_bot_right { float: right; width: 249px; }

#copy_intro p { color: #fff; font-size: 12px; font-weight: bold; line-height: 18px; padding-bottom: 5px; }
#intro_bot, #recommended_bot { background: url(/i/meter/intro/intro_gradient.gif) no-repeat; height: 35px; }
#intro_bot {  }
#mom_quiz, #copy_intro { position: absolute; }
#copy_intro { left: 15px; top: 5px; }
#btn_intro { background: url(/i/meter/intro/btn_intro.gif) no-repeat; display: none; height: 35px; padding-top: 10px; text-indent: -10000px; width: 107px; }

ol { margin-top: 10px; position: relative; }
ol li { background: #ffaf2a; position: absolute; top: 0; width: 240px; margin-left: 0px; }
ol li input { margin-left: 22px; }
ol p { color: #d13400; font: bold 18px/22px Verdana, Arial, Helvetica, sans-serif; padding-left: 8px; margin-left: 0px; float: left; width: 210px;} 
ol span { display: block; color: #d13400; font: bold 18px/22px Verdana, Arial, Helvetica, sans-serif; position:relative; float: left; width: 14px; }

#btn_next, #btn_finish { margin-left: 47px; }

#main_img { position: relative; }

/* did you know */
#dyn_wrapper { position: relative; top: -220px; left: -1000000px; }
#dyn { background: #ffaf2a; min-height: 250px; position: absolute; width: 235px; }
#dyn_left { background: #ffaf2a url(/i/meter/did_you_know/dyn_arrow.gif) no-repeat; float: left; height: 166px; width: 66px; }
#dyn_right { float: left; width: 169px; }
#dyn_right #dyn_right_wrap { background: #afce4c; margin: 0; padding: 0; position: relative; }
#dyn_right #dyn_top { background: url(/i/meter/did_you_know/dyn_header.jpg) no-repeat; height: 32px; text-indent: -10000px; }
#dyn_right .dyn { background: #afce4c; border-right: 1px solid #89bc39; margin: 0; padding: 10px 0; width: 168px; }
#dyn_right .dyn span { display: block; margin: 0 0 0 12px; width: 144px; color:#284500;}
#dyn_right #dyn_bot { background: #ffaf2a url(/i/meter/did_you_know/dyn_base.gif) no-repeat; height: 47px; }

#meter_tip { background: url(/i/meter/2px_line.gif) 0 0 no-repeat; clear: both; color: #fff; display: none; height: 100px; position: relative; width: 531px; float:left; margin-top:26px;}
* HTML #meter_tip { height: 100px; position: relative; width: 531px; float:none}

.tip { clear: both; left: 52px; margin: 0 auto; padding-top: 20px; position: absolute; width: 426px; }
.tip_left { float: left; width: 49px; }
.tip_right { float: right; width: 365px; }
.tip_right p { color: #fff; padding-top: 5px; }

#meter_product_wrapper { backgroung: #fff; clear: both; height: 0; } /*150px*/
#meter_product { position: relative; }
#meter_product_bot { background: #afce4c url(/i/meter/btm_product_space/prdct_base.gif) no-repeat; height: 46px; position: relative; top: 104px; width: 531px; }
.product { background: #afd048 url(/i/meter/btm_product_space/gradient_repeater2.gif) repeat-x; height: 104px; position: absolute; top: 0; width: 531px; }
.product_left { float: left; padding-top: 4px; }
.product_right { padding-top: 20px;}
.product_right a { color: #3e6b00; font-weight: bold; }
.product_right a:hover { text-decoration: none; }
.product_right dt { font-size: 12px; font-weight: bold; color: #3e6b00; }
.product_right dd {  color: #284500;  }
.product_right dt a:link, .product_right dt a:visited, .product_right dt a:hover, .product_right dt a:active {font-size: 12px; font-weight: bold; color: #284500;}

#recommender { }
#mosquito_love { background: #ffaf2a; padding: 20px 0 10px 17px; }
#mosquito_love img { }
.score_txt { color: #fff; font-weight: bold; margin: 0 0 0 2px; padding: 5px 0; }
.recommended { background: #adce45 url(/i/meter/results_page/top_gradient_result.gif) no-repeat; clear: both; color: #3b6c00; }
.recommended h2 { color: #3e6b00; font-size: 18px; padding: 25px 0 0 20px;}
.recommended_left { float: left; width: 340px; }
.recommended_left dt, .recommended_left dd { display: block; color: #3e6b00; font-size: 11px; margin: 5px 0 0 20px; padding: 0; width: 290px; }
.recommended_left dt { font-weight: bold; font-size: 14px; color: #3e6b00; }
.recommended_left dd { margin-top: 0; color: #284500; }
/*.recommended_left a:link, .recommended_left a:visited { color: #3e6b00; display: block; font-weight: bold; margin-left: 20px; }*/
.recommended_left dl dd a:link, .recommended_left dl dd a:visited, .recommended_left dl dd a:hover, .recommended_left dl dd a:active { font-weight: bold; color: #284500;}

.recommended_right { background: url(/i/meter/results_page/product_divider.gif) 0 17px no-repeat; float: right; padding: 18px 0 0 0; width: 190px; }
.recommended_right img { display: block; margin-left: 2px; }
#recommended_footer { background: #ffaf2a url(/i/meter/results_page/link_mosquito_guide.jpg) no-repeat; height: 95px; position: relative; width: 531px; }
#recommended_footer a { display: block; height: 70px; left: 18px; position: absolute; text-indent: -100000px; top: 10px; width: 340px; }
.recommended_left a:hover, #recommended_footer a:hover { text-decoration: none; }

.bot_gradient { background: #9fc63a url(/i/meter/results_page/bottom_gradient_result.gif) no-repeat; clear: both; height: 20px; width: 531px; }