/**
 * Main styles for Rootx.
 * 
 * 
 */

/*******************************************************************************
  Base styles
 ******************************************************************************/

* { -moz-outline-style: none; -webkit-text-size-adjust: none; outline-style: none;}
html { font-size: 100%; }
body { margin: 0; padding: 0; text-align: center; font: 62.5% "Verdana", sans-serif; background: #121212 url(../images/bg.jpg) repeat-x; }
p { font-size: 1.3em; color: #999999; margin:0 0 20px 0; }
a:link, a:visited, a:hover { text-decoration: none; color: #ffffff; }
a:hover { color: #cccccc; }
a span { display: none; }
.clear { clear: both; height:0; font-size:0; line-height:0;}
.double_arrow { color: #13a756; }
.blue { color: #006699; }
h1.huge { width: 836px; height: 51px; padding: 15px 40px 0 0; margin: 0; color: #cccccc; text-align: right; font-size: 2.7em; font-weight: normal; background: url(../images/header_huge.png) no-repeat; }
h2 { color: #ffffff; font-size: 2.0em; font-weight: normal; margin-top: 0; }
h2.green_box { width: 222px; height: 27px; font-size: 1.3em; padding: 5px 0 0 35px; background: url(../images/header_green_box.png) no-repeat; }
h3 { color: #ffffff; font-size: 1.6em; font-weight: normal; margin-bottom: 3px; }
h4 { color: #ffffff; font-size: 1.3em; font-weight: normal; margin-bottom: 3px; }
.green_section p, .green_section h3 { width: 80%; padding-left: 18px; }
#two_col_left, #two_col_right { float: left; padding-top: 28px; }
#two_col_left { width: 222px; }
#two_col_right { width: 614px; margin-left: 40px; min-height:350px; }
#two_col_right ol * { font-size: 1em;}
#two_col_right li {font-size: 1.3em; margin-bottom:6px; color: #999999;}
img {border:none;}
img.left{float:left; margin-bottom:5px; margin-right:10px;}
img.right{float:right; margin-bottom:5px; margin-left:10px;}
.form dt, .form dd { float: left; margin: 0; padding: 5px 0; }
.form dt { width: 240px; clear: left; }
.form dd { width: 320px; }
.form dd input.text, .form dd textarea { width: 240px; }
.error { color: red; }
.form dd span.error { display: block; }
form label { font-size: 1.2em; }
.headerlink { cursor: pointer; }

/*span.error, span.success, strong.error, strong.success { color: #fff; padding: 2px 5px; }*/
span.warning { padding: 2px 5px; }
span.error_highlight input, span.error_highlight textarea, span.error_highlight select { border: 2px solid #c30; }
span.required { color:#c30; }

/*******************************************************************************
  Layout
 ******************************************************************************/

#container { width: 1080px; margin: 0 auto; background-color: #000; border-right: 1px solid #282e2c; border-left: 1px solid #282e2c; }
#top { height: 158px; width: 100%; position: relative; top: 0; left: 0; padding: 0; background: url(../images/top.png) no-repeat; }
#home_link { width: 150px; height: 125px; display: block; position: absolute; top: 20px; left: 100px; }
#nav { margin: 0; padding: 2px 0 0 10px; width: 500px; position: absolute; top: 130px; left: 530px; text-align: left; }
#nav li { display: inline; padding: 0 8px 0 5px; border-right: 1px solid #ffffff; }
#nav li.last { border-right: none; }
#nav li a { color: #ffffff; font-size: 1.3em; font-style: italic; }
#nav li a:hover { color: #cccccc; }

.home #nav_home a { color: #00a15e !important; }
.municipalities #nav_municipalities a { color: #00a15e !important; }
.plumbers #nav_plumbers a { color: #00a15e !important; }
.homeowners #nav_homeowners a { color: #00a15e !important; }
.about #nav_about a { color: #00a15e !important; }

#main { width: 880px; }
#main_content { padding-top: 28px; min-height:340px; }
#content { width: 880px; margin: 0 auto; padding: 42px 0; text-align: left; color: #ffffff; }
#subnav ul { margin: 0 0 20px 0; padding: 0; }
#subnav li { width: 222px; /*height: 32px;*/ margin-bottom: 2px; list-style-type: none; }
#subnav li a { width: 182px; height: 24px; display: block; color: #ffffff; padding: 8px 0 0 40px; font-size: 1.2em; background: url(../images/subnav_button.png) no-repeat; }
#subnav li a:hover { background: url(../images/subnav_button_on.png) no-repeat; }
#subnav li ul { margin-bottom: 0;  background-color: #121212; }
#subnav li.active a, #subnav li.active a:hover { color: #00a15e; }
#subnav li ul li { margin: 0; padding: 0;  }
#subnav li ul li a, #subnav li ul li a:hover { color: #ffffff !important; background-image: none; padding-top: 0; padding-left: 50px; width: 172px; line-height: 22px; }
#subnav li ul li a:hover { background-color: #1f1f1f; }
#subnav li ul li.active a { color: #00a15e !important;}
#footer { height: 170px; background: url(../images/footer.png) repeat-y; }
#footer ul { padding-top: 25px; margin: 0; }
#footer li { display: inline; padding: 0 8px 0 5px; border-right: 1px solid #ffffff; }
#footer li.last { border-right: none; }
#footer li a { color: #ffffff; font-size: 1.1em; font-style: italic; }
#footer li a:hover { color: #ccc; }
#footer p { color: #15454f; margin: 3px 0 0 0; }
.daylighturl a { color: #15454f; }
.daylighturl a:hover { color: #15454f; text-decoration: underline; }


/*******************************************************************************
  Box devices
 ******************************************************************************/

.small_box { width: 224px; }
/* font-size prevents space between box elements in IE 6 */
.small_box_top { height: 11px; font-size: 0;  background: url(../images/small_box_top.png); }
.small_box_bottom { background: url(../images/small_box_bottom.png) left bottom no-repeat; padding: 0 15px 15px 20px; margin-bottom: 30px; }


/*******************************************************************************
  Content
 ******************************************************************************/

/* Home page. Large box elements are classes in case this needs to be used again in the future */
.home .large_box { width: 877px; }
.home .large_box_top { width: 100%; min-height: 350px; background: url(../images/home_large_box_top.jpg) no-repeat; }
.home .large_box_top_inner { padding: 23px 30px; }
.home .large_box h1 { color: #cccccc; margin-top: 0; font-size: 2.6em; letter-spacing: 1.1px; font-weight: normal; float: right; }
.home .large_box_bottom { width: 100%; height: 10px; background: url(../images/home_large_box_bottom.jpg) no-repeat; }
.home .large_box_top_right { clear: right; float: right; width: 150px; text-align: right; padding-right: 25px; }
.home .large_box_top_right p { color: #999999; font-size: 1.5em; }
.home .large_box_top_right a { color: #ffffff; text-transform: uppercase; font-size: 1.3em; }
.home #main { padding-top: 30px; }
.home #main p { color: #999999; font-size: 1.1em; }
.home #main a { text-transform: uppercase; color: #ffffff; font-weight: bold; }
.home #main p a { font-size: 0.9em; }
.home #main_left_center { float: left; width: 618px; }
.home #main_left, .home #main_center, .home #main_right { float: left; padding-bottom: 20px; }
.home #main_left { width: 222px; }
.home #main_left p.last, .home #main_right p.last { margin-bottom: 3px; }
.home #main_left a, .home #main_right a { margin-left: 13px; }
.home #usa_map_small { margin-left: 30px; }
.home #main_center { width: 354px; padding-top: 15px; margin-left: 42px; }
.home #main_center h2 { margin: 0 0 4px 0; }
.home #main_center p.first, .home #main_right p.first { margin-top: 0; }
.home #main_center .section { background: url(../images/separator_gradient.png) left bottom no-repeat; padding-bottom: 8px; }
.home #main_center .section .text { width: 250px; float: left; padding-top: 15px; }
.home #main_center img { width: 97px; height: 100px; float: right; }
.home #main_right { margin-left: 35px; width: 224px; }
.home #main_right h2.blue { margin-top: 0; }
/* Would have made this an <img> tag, but ran into IE 6 "downloading..." bug */
.home #greasex { background: url(../images/greasex.png); width: 131px; height: 91px; }
.home .testimonial { float: left; s}
.home .testimonial_top { background: transparent url(../images/testimonial_top.png) no-repeat; height: 6px; width: 623px; }
.home .testimonial_mid { padding: 30px 20px 20px 20px; background: transparent url(../images/testimonial_mid.png) no-repeat bottom left; width: 581px; border-left: 1px solid #292e2c; border-right: 1px solid #292e2c; }
.home .testimonial_mid blockquote { font-size: 16px; color: #ccc; }
.home .testimonial_mid cite { display: block; text-align: right; font-size: 12px; color: #999;}
.home .testimonial_bot { background: transparent url(../images/testimonial_bot.png) no-repeat; height: 6px; width: 623px; }
.home span.testimonial_quote { display: block; float: left; margin-top: -10px;font-size: 72px; color: #119b46; font-weight: bold; font-family: Arial, Helvetica, sans-serif; }

/* Reps detail page */
.reps #region h3 { font-size: 1.8em; margin: 0 0 15px 0; }
.reps #usa_map_tiny { width: 181px; height: 126px; }
.reps #region .rep_info { line-height: 15px; font-weight: bold; }
.reps .rep_name { color: #cccccc; }
.reps #region .rep_name { font-size: 1.4em; margin: 10px 0; }
.reps .rep_title, .reps_detail .label { color: #666565; }
.reps #region .label { font-weight: normal; }

.reps #rep { width: 613px; height: 126px; background-repeat: no-repeat; }
.reps .parke { background-image: url(../images/rep-parke.jpg); }
.reps .janty { background-image: url(../images/rep-janty.jpg); }
.reps .adam { background-image: url(../images/rep-adam.png); }
.reps .megan { background-image: url(../images/rep-megan.png); }
.reps .jarrett { background-image: url(../images/rep-jarrett.png); }
.reps .jim { background-image: url(../images/rep-jim.png); }
.reps .seth { background-image: url(../images/rep-seth.png); }
.reps .dan { background-image: url(../images/rep-dan.png); }

.reps #rep .rep_left { width: 186px; padding: 45px 0 0 210px; float: left; }
.reps #rep .rep_name { font-size: 2.1em; }
.reps #rep .rep_parkename { font-size: 1.6em; }
.reps #rep .rep_title { font-size: 1.1em; margin-top: 5px; font-weight: bold; }
.reps #rep .rep_right { width: 170px; float: left; padding: 35px 0 0 30px; }
.reps #rep .phone { color: #cccccc; font-size: 1.3em; margin-bottom: 10px; }
.reps #rep .email a { font-size: 1.3em; color: #cccccc; }
.reps #rep .email a:hover { color: #aaaaaa !important; }
.reps p { font-size: 1.2em; line-height: 1.6em; }
.reps #intro p { font-size: 1.6em; line-height: 1.5em; padding: 15px 0; }

/* Logo page */
div.logo_block {margin-top:15px}

/* How to steps */
ol.steps li img { float: right; margin-bottom: 5px; margin-left: 10px; }

/* reps map */
div#map_nav { position: relative; }
div#map_nav ul { position: absolute; top: -45px; right: 40px; }
div#map_nav ul li { float: left; padding: 0; margin: 0 0 0 20px; list-style: none; }
div#map_nav ul li a { color: #666; }
div#map_nav ul li a.active { color: #fff; }
div#map_area { position: relative; }
div#map_hover {  position: absolute; z-index: 10; top: 0; left: 0; height: 147px; width: 186px; }

div#map_hover { cursor: pointer; }
div#map_area div.jarrett-jackson {top: 10px; left: 25px; }
div#map_area div.adam-meisner {top: 10px; left: 280px; }
div#map_area div.janty-yaqoub {top: 169px; left: 337px; }

div#map_area div.seth-buchanan {top: 157px; left: 355px; }
div#map_area div.dan-lawrence {top: 5px; left: 26px; }
div#map_area div.jim-athens { top: 5px; left: 264px; }

div#map_hover span { display: block!important; }
div#map_hover { background-repeat: no-repeat; }
div#map_hover a { width: 186px; height: 147px; display: block; }
img#usa_map_large2 { display: none; }

/* Sitemap */
div#sitemap { font-size: 1.2em; }
div#sitemap ul li ul { font-size: .9em; margin: 5px 0 15px 0; }

/* Reseller Pages */
div#authorized_reseller_program div.reseller_section { color:#999999; font-size:1.3em; }
div#authorized_reseller_program div.reseller_section h3 { font-size:1.3em; }
div#authorized_reseller_program div.reseller_section ol li { font-size:1.0em; }
div#authorized_reseller_program div.reseller_section ul li { color:#999999; font-size:1.0em; }
div#authorized_dealer_program div.reseller_section { color:#999999; font-size:1.3em; }
div#authorized_dealer_program div.reseller_section h3 { font-size:1.3em; }
div#authorized_dealer_program div.reseller_section ol li { font-size:1.0em; }
div#authorized_dealer_program div.reseller_section ul li { color:#999999; font-size:1.0em; }

/*******************************************************************************
  Dealer Locator 
 ******************************************************************************/
h2.search_title { color: #006699; }
span.double_arrow { padding-left: 6px; }
table#dealer_search_results_table tr th { color: #009965; }
table#dealer_search_results_table tr th.center_text { text-align: center; }
table#dealer_search_results_table tr td { padding: 12px 3px 12px 3px; font-weight: bold; }
table#dealer_search_results_table tr td.center_text { text-align: center; }
div#dealer_search { margin: 2px 0px 25px 0px; }
div#dealer_search input.fillin_input  { background-color: #1F1F1F; border:0 none; color: #FFFFFF; padding: 5px 10px; width:150px; }