﻿/*--Enviropest Stylesheet 2010--
-----------------------------------------*/
/*--GENERAL STYLES--
--------------------------*/
body {margin:0; padding:0; background-color:#948779; font-family:Arial, Helvetica, sans-serif; font-size:small; color:#000000;}
img {margin:0; padding:0; border:0;}
.clearfix:after {content:"."; display:block; height:0; clear:both; visibility:hidden;}
.clearfix {display:inline-block;}/* required comment for clearfix to work in Opera \*/
* html .clearfix {height:1%;}
.clearfix {display:block;}/* end clearfix */
#wrapper {margin:0 auto; padding:0; width:969px;}
#inner-wrapper {position:relative; margin:0; padding:0; background:transparent url('/layout/images/wrapper-bg.png') repeat-y;}

/*--FONT STYLES--
--------------------------*/
h1, h2, h3, h4, h5 {margin:10px 0; font-weight:normal;}
h1{font-size:250%; color:#69913b;}
h2{font-size:150%; color:#69913b;}
h3{font-size:110%; color:#000000;}
h6{font-size:150%; color:#000000; font-weight:normal; margin:0 auto;}
p {margin:10px 0;}
a {color:#0018fe; text-decoration:none; font-weight:normal; outline:none;}/*#948779*/
a:hover {text-decoration:underline;}
a.pest-id {color:#66913b;}
table.pest-id h2 {margin:0 0 10px 0;}

/*--HEADER STYLES--
--------------------------*/
#header-wrapper-home {width:949px; height:429px; margin:0 auto; padding:0; position:relative;}
#header-wrapper {width:949px; height:200px; margin:0 auto; padding:0; position:relative;}
.header-info {float:right; clear:right; width:570px; margin:0; padding:0 25px 0 0;}
.header-top-bg {position:relative; margin:0 auto; padding:0; display:block;}
#logo-wrapper {float:left; width:310px; margin:7px 0 0 32px;}
.logo {float:left; padding:0; margin:0;}
.tag {float:left; clear:left; padding:0; margin:0;}
.header-phone {color:#69913b; font-size:30px; float:right; margin:8px 0 0 0; padding:0; font-weight:normal; letter-spacing:normal;}
#info-wrapper {position:relative; float:right; width:570px; height:32px; margin:0; padding:0;}
#header-search-wrapper {float:right; width:292px; height:30px; background:transparent url('/layout/images/header-search-bg.png') no-repeat; margin:9px 0 0 0; padding:0;}
.search-box {float:right; width:165px; height:20px; line-height:20px; border:0 transparent none; margin:1px 27px 0 0; padding:3px 5px; background-color:transparent; font-size:12px; color:#69913b;}
.referralist-graphic {float:right; width:168px; height:32px; margin:9px 10px 0 0; padding:0;}
.bbb-graphic {float:right; margin:0 10px 0 0; padding:0;}
.banner-figure-head {position:absolute; z-index:4; bottom:248px; right:0px;}
.banner-figure-body {position:absolute; z-index:4; bottom:0px; right:0px;}

/*--HEADER NAVIGATION STYLES--
--------------------------*/
.header-nav {margin:0 0 0 0; padding:0; text-align:right;}
.header-nav ul {margin:0; padding:0;}
.header-nav li {display:inline; list-style:none; margin:0; padding:0;}
.header-nav a {color:#69913b; font-weight:normal; margin:0; padding:0 2px 0 0; font-size:10px;}
.header-nav a:hover {text-decoration:underline; font-weight:normal;}

/*--MAIN NAV STYLES--
-------------------*/
#main-nav-wrapper {position:absolute; z-index:2; top:147px; left:25px; width:899px; margin:0 auto; padding:0;}
.main-nav-left {float:left; width:10px; height:34px; margin:0; padding:0;}
.main-nav-right {float:right; width:10px; height:34px;}
.main-nav-divider {margin:3px 0 0 0; padding:0 10px; width:2px; height:29px; display:block; float:left;}
.main-nav {float:left; width:879px; height:34px; background:url('/layout/images/main-nav-middle.jpg') repeat-x;}
.main-nav ul {margin:0; padding:0; display:block;}
.main-nav ul li {list-style:none; display:inline; margin:0; padding:0; height:34px; line-height:34px;}
.main-nav ul li a {font-size:13px; color: #ffffff; font-weight: normal; margin:0; padding:0; display:block; float:left; height:34px; line-height:34px;}
.main-nav ul li a:hover, .main-nav ul li a.current, .main-nav ul li a.currentParent {text-decoration:underline;}
.main-nav ul li a.first {padding:0 0 0 10px;}
.enviropest-guaranteed {position:absolute; z-index:3; top:122px; right:34px; width:123px; height:73px;}

/*--SIDE NAVIGATION STYLES--
--------------------------*/
.side-nav-wrapper {position:relative; margin:12px 0 15px 0; padding:0;}
.side-nav-top {position:relative; width:242px; height:30px; margin:0; padding:0; background:url('/layout/images/side-nav-top.png') no-repeat;}
.side-nav-middle {position:relative; width:242px; min-height:138px; margin:0; padding:0; background:#66913b url('/layout/images/side-nav-middle.png') no-repeat bottom;}
.side-nav-bottom {position:relative; width:242px; height:12px; margin:0; padding:0; display:block;}
.side-nav-header {position:relative; margin:0; padding:0 0 0 20px; color:#ffffff; font-size:16px; font-weight:bold; line-height:30px;}
a:hover.side-nav-header {text-decoration:none;}
.side-nav {margin:0; padding:0;}
.side-nav ul {position:relative; margin:0; padding:0;}
.side-nav li {list-style:none; margin:0 0 0 21px; padding:1px 0;}
.side-nav a {text-decoration:none; color:#ffffff; font-weight:normal; line-height:23px; height:23px; display:block; text-indent:10px;}
.side-nav li a:hover, .side-nav li a.current {text-decoration:none; color:#66913b; background:url('/layout/images/side-nav-current-bg.png') no-repeat;}

/*--CONTENT STYLES--
--------------------------*/
#content-wrapper {position:relative; width:969px; margin:0; padding:0;}
#main-content {position:relative; margin:0 auto; width:949px; padding:0;}
.content-left {float:left; width:270px; margin:0 0 0 25px; padding:0;}
.content-right {float:right; width:625px; margin:0 25px 0 0; padding:12px 0;}
.page-header-hr {height:0; border-top:1px #69913b solid; border-bottom:none; border-right:none; border-left:none; clear:both; margin:0 0 15px 0; padding:0;}
#add-this-button {position:relative; float:right; width:135px; margin:0; padding:0;}
img.add-this-button {position:absolute; right:0; bottom:0; margin:0 0 6px 0; padding:0;}
.page-header {position:relative; margin:10px 0 0 0; padding:0 0 2px 0; width:480px;}
.content-image-wrapper {position:relative; width:266px; float:right; margin:0; padding:0 0 5px 15px;}
.content-image-caption {position:relative; width:254px; background-color:#69913b; margin:0; padding:6px; color:#ffffff; font-style:italic; font-size:11px;}

/*--FOOTER STYLES--
--------------------------*/
#footer-wrapper {position:relative; margin:0 auto; width:969px;}
.footer {position:relative; width:899px; margin:0 auto; padding:15px 25px; background-color:#e4e2e0;}
.footer-bottom {position:relative; margin:0 auto; padding:0; background-color:#948779;}/*--56px--*/
.footer-bottom-inner {position:relative; margin:0 auto; padding:0; height:65px; background:transparent url('/layout/images/wrapper-bg.png') repeat-y;}
.footer-logo {position:relative; float:left; margin:0; padding:15px 0 0 30px;}
.footer-links-wrapper {position:relative; float:right; margin:0; padding:15px 30px 0 0;}
.footer-link-logo {margin:0 15px 0 0; padding:0;}
.footer-text {position:relative; float:left; margin:0; padding:20px 0 0 30px; font-size:10px;}
.footer-hr {height:0; border-top:1px #948779 solid; border-bottom:none; border-right:none; border-left:none; clear:both; padding:1px 0;}
div#footer-tag {position:absolute; bottom:0; right:0; background:transparent; margin:0 15px 0 0;}
#footer-tag p, #footer-tag a {color:#ffffff; font-size:11px; text-decoration:none; font-weight:normal; text-align:right; margin:0;}

/*--FOOTER NAV STYLES--
---------------------*/
#footer-nav {position:relative; margin:0 auto; padding:10px 0;}
ul.footer-nav {float:left; margin:0 28px; padding:0;}
li.footer-nav-header {list-style:none; font-size:12px; font-weight:bold; color:#69913b; padding:0 0 5px 0; margin:0;}
li.footer-sub-items {list-style:none; font-size:11px; color:#948779; margin:0; padding:0;}
li.footer-sub-items a {color:#948779; font-weight:normal; margin:0; padding:0;}

/*--BLOG STYLES--
--------------------------*/
.blog-post-wrapper {position:relative; font-weight:normal;}
ul.blog-nav {list-style:none; margin:10px 0; padding:0;}
li.blog-nav {}
.blog-nav-header {font-size:14px; color:#69913b; font-weight:bold;}
span.blog-nav-date {font-size:11px;}
.blog-nav-item {margin:0; padding:3px 10px;}
.blog-nav-archive-year {margin:0; padding:3px 0;}

h2.post-title {font-weight:normal; font-size:22px; color:#69913b;}
.post-date {font-weight:bold;}
.image-wrapper {float: right; margin: 15px; margin-right: 0; position:relative;}
.image-caption {text-align: center; font-style: italic; margin: 5px 0; width:250px;}
.image-spacer {float:right; clear:right; height:50px; z-index:1; position:relative;}


/*--HOME PAGE STYLES--
--------------------*/
#home-page-box-wrapper {position:relative; clear:both; width:899px; margin:0 auto; padding:0 0 0px 0; background:url('/layout/images/home-page-blog-middle.jpg') repeat-y left top;}

.box-heading {margin:0; padding:0; color:#66913b;}

.blog-area {width:616px; float:left; position:relative; height:100%; margin:0; padding:0;}
.home-page-blog-top {display:block; width:616px; height:10px;}
.home-page-blog-middle {position:relative; margin:0; padding:0 10px 45px 10px;}
.home-page-blog-bottom {display:block; width:616px; height:10px; position:absolute; bottom:0; left:0;}
.left-box-wrapper {position:relative; float:left; width:616px; height:100%; margin:0; padding:0;}
.right-box-wrapper {position:relative; float:right; width:275px; height:100%; margin:0; padding:0;}
.box-area {position:relative; margin:0; padding:10px 0px 45px 10px; min-height:100%;}
.box-button-left {position:absolute; z-index:2; bottom:4px; left:513px;}
.box-button-right {position:absolute; z-index:2; bottom:4px; right:5px;}

#home-page-box-wrapper-narrow {position:relative; clear:both; width:625px; margin:0 auto; padding:0; background:url('/layout/images/home-page-blog-middle-narrow.jpg') repeat-y left top;}
.blog-area-narrow {width:300px; float:left; position:relative; height:100%; margin:0; padding:0;}
.home-page-blog-top-narrow {display:block; width:300px; height:10px;}
.home-page-blog-middle-narrow {position:relative; margin:0; padding:0 10px 45px 10px;}
.home-page-blog-bottom-narrow {display:block; width:300px; height:10px; position:absolute; bottom:0; left:0;}
.left-box-wrapper-narrow {position:relative; float:left; width:300px; height:100%; margin:0; padding:0;}
.right-box-wrapper-wide {position:relative; float:right; width:300px; height:100%; margin:0; padding:0;}
.box-area-wide {position:relative; margin:0; padding:10px 0px 45px 0px; min-height:100%;}
.narrow-box-button-left {position:absolute; z-index:2; bottom:4px; left:197px;}
.wide-box-button-right {position:absolute; z-index:2; bottom:4px; right:5px;}

/*.multi-area-left-wrapper {position:relative; float:left; width:616px; margin:0; padding:0; height:100%;}
.multi-area-right-wrapper {position:relative; float:right; width:275px; margin:0; padding:0; height:100%;}
.multi-area {position:relative; margin:0; padding:10px 0px 35px 10px; height:100%;}*/

.pest-id-top-row-image td {min-width:15px; margin:0; padding:5px 0 0 0;}
.pest-id-top-row-text td {margin:0; padding:2px 0 5px 0;}
.pest-id-bottom-row-image td {margin:0; padding:10px 0 0 0;}
.pest-id-bottom-row-text {margin:0; padding:2px 0 0 0;}
.pest-id-hr {height:0; border-top:1px #69913b solid; border-bottom:none; border-right:none; border-left:none; clear:both; margin:0; padding:0;}

/*--HOME PAGE CAROUSEL STYLES--
-----------------------------*/
#home-page-carousel-wrapper {position:absolute; top:169px; left:25px; z-index:1; width:899px; height:260px; margin:0; padding:0; background:url('/images/home-page-carousel-bg.jpg') no-repeat;}
.home-page-carousel {position:relative; width:899px; height:260px; margin:0; padding:0; border:none;}

/*--IMPORTANT!! - STOPS CAROUSEL IMAGES LOADING UNDER EACH OTHER--*/
.home-page-carousel img {position:absolute; top:0; left:0; display:none;}
.home-page-carousel img:first-child {display:block;} 
/*----------------------------------------------------------------*/

/*--LOCATIONS LINKS STYLE--
-------------------------*/
#locations-nav-wrapper {position:relative; width:899px; margin:10px auto 25px auto; padding:0;}
ul.locations-links-list {list-style-type:none; margin:0; padding:0;}
.locations-links-list li {display:inline; text-align:left; margin:0; padding:0;}
.locations-links-list a {color:#948779; font-weight: normal; margin:0; padding:0;}

/*--MISC STYLES--
--------------------------*/
#breadcrumb {font-size:12px;}
#breadcrumb a {font-weight:normal; color:#948779;}
.schedule-appointment {position:relative; background:url('/layout/images/schedule-service-now-button.png') no-repeat; width:242px; height:112px; margin:20px 0 10px 0; padding:0;}
.click-here-button {position:absolute; width:98px; height:32px; bottom:5px; right:13px; border:0;}
.minisite-link {position:relative; margin:15px auto; padding:0;}


/*--TESTIMONIAL STYLES--
----------------------*/
.testimonial-wrapper {width:242px; margin:0; padding:0;}

/*--CONTACT US FORM STYLES--
--------------------------*/
table.form-table {margin:15px 0; padding:0;}
td.contact-label {margin:0; padding:3px 10px 10px 0; vertical-align:top; color:#000000; font-size:12px;}
.contact-field, .contact-select, .contact-area {margin:0 0 10px 0; padding:0; background-color:#ecf1e6; color:#000000; font-family:Arial, Helvetica, sans-serif; font-size:12px;}
input.contact-check {margin-bottom:12px;}
input.contact-field {height:18px;}
select.contact-select {height:22px;}
textarea.contact-area {overflow:hidden; resize:none;}
span.alert {color:red; font-style:italic;}
input.form-button {margin:0; padding:}

/*--NEWSLETTER SIGNUP STYLES--
---------------------------------*/
#newsletter-signup-wrapper {position:relative; width:256px; height:158px; background:url('/images/newsletter-signup-2.png') no-repeat; margin:0 0 30px 0; padding:0;}
input.newsletter-field {position:absolute; top:91px; left:18px; width:195px; height:24px; borders:0 transparent none; margin:0; padding:0 5px; background-color:#ffffff;}
input.newsletter-button {position:absolute; top:122px; left:129px; width:98px; height:32px; z-index:99; margin:0; padding:0;}

/*--MINI SITE LINK STYLES--
-------------------------*/
.wildlife-link-wrapper {position:relative; width:256px; height:151px; background:url('/images/wildlife-services-bg.png') no-repeat; margin:0 0 3px 0; padding:0;}
.repair-link-wrapper {position:relative; width:256px; height:144px; background:url('/images/repair-services-bg.png') no-repeat; margin:0 0 9px 0; padding:0;}
.pest-link-wrapper {position:relative; width:256px; height:163px; background:url('/images/pest-control-bg.jpg') no-repeat; margin:0 0 15px 0; padding:0;}
.learn-more-button {position:absolute; top:73px; left:29px; width:98px; height:32px; z-index:99; margin:0; padding:0;}
.learn-more-button2 {position:absolute; top:83px; left:29px; width:98px; height:32px; z-index:99; margin:0; padding:0;}

/*--HOME PAGE TABS STYLES--
-------------------------*/
#tabs-wrapper {position:relative; margin:0 auto; padding:15px 0; heights:285px;}
.tabs-area {position:relative; width:899px; margin:0 auto; padding:0;}

/* root element for tabs  */
ul.tabs {list-style:none; margin:0 !important; padding:0;	height:30px; border-bottom:1px solid #888888;}

/* single tab */
ul.tabs li {float:left;	text-indent:0; padding:0; margin:0 !important; list-style-image:none !important;}

/* link inside the tab. uses a background image */
ul.tabs a {background:url('/layout/js/tabs.png') no-repeat -652px 0;	font-size:12px; display:block; height:30px; line-height:30px;	width:111px; text-align:center;	text-decoration:none;	color:#ffffff; padding:0px; margin:0px; position:relative; top:1px; outline:none;}
ul.tabs a:active {outline:none;}

/* when mouse enters the tab move the background image */
ul.tabs a:hover {background-position:-652px -31px; color:#ffffff;}

/* active tab uses a class name "current". it's highlight is also done by moving the background image. */
ul.tabs a.current, ul.tabs a.current:hover, ul.tabs li.current a {background-position: -652px -62px; cursor:default !important; color:#66913b !important;}

/* Different widths for tabs: use a class name: w1, w2, w3 or w2 */

/* width 1 */
ul.tabs a.w1 {background-position: -553px 0; width:81px;}
ul.tabs a.w1:hover {background-position: -553px -31px;}
ul.tabs a.w1.current {background-position: -553px -62px;}

/* width 2 */
ul.tabs a.w2 {background-position: -420px -0px; width:134px;}
ul.tabs a.w2:hover {background-position: -420px -31px;}
ul.tabs a.w2.current {background-position: -420px -62px;}

/* width 3 */
ul.tabs a.w3 {background-position: -247px -0px; width:174px;}
ul.tabs a.w3:hover {background-position: -247px -31px;}
ul.tabs a.w3.current {background-position: -247px -62px;}

/* width 4 */
ul.tabs a.w4 {background-position: -0px -0px; width:248px;}
ul.tabs a.w4:hover {background-position: -0px -31px;}
ul.tabs a.w4.current {background-position: -0px -62px;}

/* initially all panes are hidden */ 
div.panes div.pane {display:none; heights:260px;}

.panes-wrapper {position:relative; heights:285px;}

/* tab pane styling */
div.panes div {margin:0; padding:15px 10px; border:1px solid #888888; border-top:0; font-size:12px; background-color:#ffffff; color:#000000; heights:225px;}

/*--PDA PAGE STYLES--
-------------------*/
#pda-body {width:400px; background-color:#ffffff;}
#pda-header {height:50px; background-color:#69913b;}
.pda-logo {display:block; margin:auto; padding:0;}
#pda-wrapper {}

/*--PEST PRICING DIRECTORY STYLES--*/
table#pest-list {margin:15px 0; padding:0;}
.pest-pricing-select-header {font-size:18px; color:#66913b;}
.pest-pricing-item-header {font-size:16px; color:#69913b; margin-top:0px;}
.pest-pricing-item-row {font-size:13px; color:#66913b; padding:0 10px 0 0;}
span.pest-pricing-info-text {color:#000000;}
select.selectors {color:#66913b;}
#pest-search td {font-size:13px;}
.search-row td {padding:5px 0; margin:0;}
.profile-search-label label {padding:0 5px 0 0;}
.profile-rows td {vertical-align:top;}
.pest-pricing-links-row {padding:15px 0 0 0;}
.pest-pricing-image {width:170px; text-align:right;}

/*--ADWORDS LANDING PAGE SPECIFIC STYLES--
----------------------------------------*/

/*--SURVEY FORM SPECIFIC STYLES--
-------------------------------*/





/*--END--*/