@charset "utf-8";
/* CSS Document */

* { margin: 0; padding: 0; }

#pagecontainer { float: left; width: 100%; text-align: center; background: #e4e4e4 url(../images/bg_main.gif) no-repeat top center; }
#content { margin: 0 auto; width: 745px; text-align: left; }
#content_bg { float: left; width: 745px; margin: 0 0 0 0; padding: 0 0 0 0; background: #ffffff; }
#content_bottom { float: left; width: 745px; height: 16px; background: url(../images/bg_bottom.gif) no-repeat bottom left; }

#featured { float: left; width: 410px; padding: 15px 15px 4px 15px; background: #f4f5ed url(../images/bg_featured_top.gif) no-repeat top left; }
#featured_left { float: left; width: 160px; margin: 0 15px 0 0; } 
#featured_right { float: left; width: 235px; margin: 3px 0 0 0; } 
#featured_bottom { float: left; width: 440px; height: 9px; background: #f4f5ed url(../images/bg_featured_bottom.gif) no-repeat top left; margin: 0 0 25px 0; }

#container { float: left; width: 600px; padding: 70px 25px 25px 25px; text-align: left; background: url(../images/bg_popup.jpg) no-repeat top left; }

#tile { float: right; width: 233px; margin: 5px 5px 10px 15px; }
#tile_top { float: left; width: 233px; height: 7px; background: url(../images/bg_tile_top.gif) no-repeat top left; } * html #tile_top { margin: 0 0 -7px 0; }
#tile_pic { float: left; width: 223px; background: #727272; padding: 5px 5px 5px 5px; }
#tile_middle { float: left; width: 193px; background: #727272; padding: 5px 20px 5px 20px; }
#tile_bottom { float: left; width: 233px; height: 7px; background: url(../images/bg_tile_bottom.gif) no-repeat top left; }
#tile p { color: #fff; font-size: 11px; line-height: 13px; }
#tile p.readmore a { color: #fff; text-decoration: none; }
#tile p.readmore a:hover { text-decoration: underline; }
#tile h1 { color: #fff; padding: 3px 0 0 0; margin: 0; }

.catheader { background: #9db540; color: #fff; font-weight: bold; padding: 7px 10px 8px 10px; font-size: 12px; }
.header { background: #727272; color: #fff; font-weight: bold; padding: 7px 10px 8px 10px; font-size: 12px; }
.odd { padding: 4px 10px 5px 10px; background: #fafafa; }
.even { padding: 4px 10px 5px 10px; background: #f2f2f2; }
.tclass { color: #5c5c5c; font-size: 11px; }
.tclass td { border-bottom: 1px solid #e7e7e7; padding: 7px 0 7px 0; }
.tclass td.clear { border-bottom: none; padding: 7px 0 7px 0; }

#calculator_container { float: left; width: 328px; padding: 25px 86px 25px 86px; }
#calculator { float: left; float: left; width: 288px; height: 169px; }
.calculator1 { background: url(../images/calc_bg1.gif) no-repeat top left; padding: 41px 15px 15px 25px; }
.calculator2 { background: url(../images/calc_bg2.gif) no-repeat top left; padding: 41px 15px 15px 25px; }
.calculator3 { background: url(../images/calc_bg3.gif) no-repeat top left; padding: 41px 15px 15px 25px; }
#calculator_left { float: left; width: 135px; padding: 0; margin: 0 20px 0 0; } 
#calculator_left p { font-size: 11px; padding: 2px 0 1px 0; } 
#calculator_left input { padding: 1px; } 
#calculator_right { float: left; width: 133px; }
#calculator_result_day { float: left; width: 133px; height: 53px; background: url(../images/calc_bg_day.gif) no-repeat top left; margin: 5px 0 0 0; text-align: center; font-size: 23px; color: #667639; font-weight: bold; padding-top: 5px;}
#calculator_result_week { float: left; width: 133px; height: 53px; background: url(../images/calc_bg_week.gif) no-repeat top left; margin: 5px 0 0 0; text-align: center; font-size: 23px; color: #667639; font-weight: bold; padding-top: 5px;}
#calculator_result_zero { float: left; width: 133px; height: 106px; margin: 10px 0 10px 0; background: url(../images/calc_bg_shield.gif) no-repeat top center; }
#calculator_result_copy { float:left; width: 133px; }
.calc_small { font-size: 10px; color: #667639; padding: 0; margin: 0; }

#promo_01 { float: left; width: 775px; height: 250px; background: url(../images/bg_promo_05.jpg) no-repeat top left; }
#promo_02 { float: left; width: 775px; height: 250px; background: url(../images/bg_promo_02.jpg) no-repeat top left; border-bottom: 3px #7b9900 solid; }
#promo_03 { float: left; width: 775px; height: 250px; background: url(../images/bg_promo_03.jpg) no-repeat top left; border-bottom: 3px #7b9900 solid; }
#promo_04 { float: left; width: 775px; height: 250px; background: url(../images/bg_promo_04.jpg) no-repeat top left; border-bottom: 3px #7b9900 solid; }
#promo_05 { float: left; width: 775px; height: 250px; background: url(../images/bg_promo_01.jpg) no-repeat top left; border-bottom: 3px #7b9900 solid; }
#promo_top { float: left; width: 775px; height: 53px; margin: 2px 0 0 0; }
#promo_top_left { float: left; width: 653px; height: 53px; } * html #promo_top_left { width: 650px; }
#promo_top_left a { display: block; width: 225px; height: 45px; background: url(../images/spacer.gif) no-repeat top left; }
#promo_top_left h1 { color: #3f6301; font-size: 28px; padding: 11px 0 0 25px; }
#promo_top_left h1 a { color: #3f6301; font-size: 28px; text-decoration: none; font-weight: normal; }
#promo_top_left h1 a:hover { color: #3f6301; font-size: 28px; text-decoration: none; font-weight: normal; }
#promo_top_right { float: left; width: 122px; height: 53px; } * html #promo_top_right { width: 125px; }
#navs { float: left; width: 593px; height: 46px; margin: 149px 0 0 0; padding: 0 0 0 182px; } * html #navs { margin: 149px 0 -3px 0; }
#middle { float: left; width: 775px; height: 251px; padding: 28px 0 0 0; background: url(../images/bg_middle.jpg) no-repeat top left; }
#middle_left { float: left; width: 342px; padding: 10px 25px 0 25px; }
#middle_left ul {  margin:0; padding: 8px 0 6px 0; display: block; list-style-type: none; }
#middle_left ul li { padding: 4px 0 4px 40px; color: #5a5a58; font-size: 16px; text-decoration: none; display: block; background: url(../images/tick.gif) no-repeat 0 2px; }
#middle_right { float: left; width: 383px; }
#copy { float: left; width: 725px; padding: 25px 25px 35px 25px; background: #fff; }
#copy_left { float: left; width: 500px; padding: 0 25px 0 0; }
#copy_right { float: left; width: 175px; padding: 0 25px 0 0; }
.banner { margin: 15px 0 0 0; }
.pic { width: 189px; height: 133px; padding: 5px 5px 5px 5px; background: url(../images/bg_img.gif) no-repeat top left; }


/*------------- FOOTER --------------*/

.clear { clear: both; }
#footer { float: left; width: 735px; padding: 7px 15px 10px 0; margin: 5px 15px 0 15px; } 
#footer_left { float: left; width: 210px; }
#footer_right { float: left; width: 525px; padding: 1px 0 0 0; text-align: right; }
#footer p { color: #898989; font-size: 9px; padding: 0; margin: 0; }
#footer a { color: #898989; font-weight: normal; text-decoration: none; }
#footer a:hover { text-decoration: underline; color: #898989; }

#testimonial { float: left; width: 725px; background: #d5d5d5; padding: 15px 25px 30px 25px; }
#testimonial p { font-size: 13px; line-height: 18px; font-style: italic; font-weight: normal; }
#q_left { float: left; width: 30px; height: 30px; background: url(../images/q.gif) no-repeat 0 5px; }
#q_middle { float: left; width: 665px; }
#q_right { float: left; width: 30px; height: 30px; background: url(../images/q_back.gif) no-repeat 0 2px; }

/*------------- GLOBAL SELECTORS --------------*/

body { text-align: center; margin: 0; padding: 0; border:0; color: #000000; font-family: Tahoma, Verdana, Sans-serif; font-size: 12px; background-color: #e4e4e4; }

h1 { color: #5c5c5c; font-size: 22px; line-height: 24px; font-weight: normal; padding: 5px 0 0 0; margin: 0 0 5px 0; }
h2 { color: #5c5c5c; font-size: 19px; line-height: 21px; font-weight: normal; padding: 5px 0 0 0; margin: 0 0 1px 0; }

p { font-size: 12px; line-height: 16px; color: #000000; padding: 5px 0 3px 0; margin: 0; }
p.readmore { font-size: 11px; background: url(../images/arrow_readmore.gif) no-repeat 5px 9px; padding: 5px 0 5px 20px; }
.q { float: left; background: url(../images/icon_q.gif) no-repeat 2px 8px; padding: 10px 0 5px 27px; font-weight: bold; }
.a { float: left; background: url(../images/icon_a.gif) no-repeat 2px 7px; padding: 2px 0 10px 27px; border-bottom: 2px #cdcdcd dotted; }
p.readmore a { text-decoration: none; }
p.readmore a:hover { text-decoration: underline; }
ul { list-style: disc;  margin: 10px 0 0 25px; padding: 0; }
ul li { text-indent:0px; padding: 3px 0 2px 0; }
a { text-decoration: underline; color: #9db540; font-weight: bold; }
a:hover { text-decoration: none; color: #9db540; }

img.nowrap { display: block; padding: 0; margin: 0; }


/*------------- FORM ELEMENTS --------------*/

form { margin:0; padding:0; display:block; }
input, select, textarea, option { padding: 0; margin: 0; font-family: Arial, Helvetica, sans-serif; font-size: 11px; color:#1F1F1F; font-weight:normal; }


/*------------- SUBNAVIGATION --------------*/

#copy_left ul.subMenu { margin:0; padding: 5px 0px 10px 0px; font-size: 12px; font-family: arial,verdana,helvetica,sans-serif; }
#copy_left ul.subMenu li { margin:0; padding: 8px 0 6px 0; display: block; list-style-type: none; border-bottom: 1px solid #debda3; }
#copy_left ul.subMenu a:link, #copy_left ul.subMenu a:visited { padding:0 0 0 20px; color: #933e21; text-decoration:none; font-weight: bold; display: block; background: url(../images/arrow_brown.gif) no-repeat 8px 6px; }
#copy_left ul.subMenu a:active,#copy_left ul.subMenu a:hover{ color: #933e21; text-decoration: none; font-weight: bold; display: block; }
#copy_left ul.subMenu a:link.subMenuOn, #copy_left ul.subMenu a:visited.subMenuOn { padding: 0 0 0 20px; color: #933e21; text-decoration: none; font-weight: bold; background: url(../images/arrow_brown.gif) no-repeat 8px 6px;; display: block; }

#copy_left ul.subMenu2 { margin:0; padding: 5px 0px 5px 0px; font-size: 11px; font-family: arial,verdana,helvetica,sans-serif; }
#copy_left ul.subMenu2 li { margin: 0; padding: 1px 0 1px 0; display: block; list-style-type:none; border: none; } #copy_left ul.subMenu2 a:link, #copy_left ul.subMenu2 a:visited { padding: 0 0 0 9px; margin: 0 0 0 20px; color: #933e21; text-decoration:none; background: url(../images/arrow_ul.gif) no-repeat 0 6px; font-weight: normal; display: block; }
#copy_left ul.subMenu2 a:active, #copy_left ul.subMenu2 a:hover, #copy_left ul.subMenu2 a:link.subMenu2On, #copy_left ul.subMenu2 a:visited.subMenu2On { padding:0 0 0 9px;  margin: 0 0 0 20px; color: #933e21; text-decoration: none; background: url(../images/arrow_ul_on.gif) no-repeat 0 6px; font-weight: bold; display: block; }
#copy_left ul.subMenu2 a:link.subMenu2On, #copy_left ul.subMenu2 a:visited.subMenu2On { font-weight: bold; }