﻿/*--Enviropest Stylesheet 2010--*/

/*--GENERAL STYLES--*/
body {margin:0; padding:0; background-color:#cecccb; font-family:Arial, Helvetica, sans-serif; font-size:13px; 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:979px;}
#inner-wrapper {position:relative; margin:0; padding:0; background:transparent url('/layout/images/content-bg-middle.png') repeat-y; width:979px;}
ul, ol {padding-left:25px; margin-left:0px;}
ul li {list-style:url('/layout/images/small-square.jpg') none outside; padding-bottom:5px;}
ul li p {margin:0; padding:0;}
ol li {color:#000000;}

/*--FONT STYLES--*/
h1, h2, h3, h4, h5 {margin:10px 0; font-weight:normal;}
h1{font-size:31px; color:#4e4e4e;}
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;}
a:hover {text-decoration:underline;}
a.pest-id {color:#66913b;}
table.pest-id h2 {margin:0 0 10px 0;}

/*--HEADER STYLES--*/
#header-wrapper {width:979px; height:164px; margin:0 auto; padding:0; position:relative; background:url('/layout/images/content-bg-top.png') no-repeat;}
#header {position:relative; width:949px; margin:0 auto; padding:16px 0 0 0;}
#header-info {position:relative; float:right; clear:right; width:570px; margin:0; padding:0 25px 0 0;}
#logo{float:left; width:207px; height:113px; margin:20px 0 0 126px;}
#header-info-wrapper {position:relative; float:right; width:430px; height:128px; margin:20px 30px 0 0;}
#header-phone {display:block; color:#ffffff; font-size:29px; margin:0; padding:0; font-weight:normal; letter-spacing:normal; text-align:right;}
#header-phone a {color:#ffffff;}
#header-referralist-bg {position:absolute; bottom:8px; right:86px; width:197px; height:59px; margin:0; padding:0; z-index:1;}
#header-referralist {position:absolute; bottom:21px; right:96px; width:176px; height:33px; margin:0; padding:0; z-index:200;}
#header-bbb {position:absolute; bottom:21px; right:0px; width:79px; height:40px; margin:0; padding:0; z-index:1;}
#header-angies-list {position:absolute; bottom:12px; right:292px; width:102px; height:45px; z-index:20000;}

/*--HEADER NAVIGATION STYLES--*/
.header-nav {display:block; margin:0 0 0 0; padding:0; text-align:right; color:#ffffff;}
.header-nav ul {margin:0; padding:0;}
.header-nav li {display:inline; list-style:none; margin:0; padding:0;}
.header-nav a {color:#ffffff; font-weight:normal; margin:0; padding:0 2px 0 0; font-size:12px;}
.header-nav a:hover {text-decoration:underline; font-weight:normal;}

/*--BANNER STYLES--*/
#banner-wrapper {position:relative; width:933px; margin:0 auto; padding:8px 0 8px 0;}
#banner {width:933px; xheight:245px; margin:0; padding:0; z-index:0;}
#header-ant {position:absolute; top:-164px; left:300px; z-index:10000; width:291px; height:236px;}

/*--MAIN NAV STYLES--*/
#main-nav-wrapper {position:relative; float:right; width:450px; height:292px; margin:0 8px 0 0; padding:0; background-color:#e1ea77;}
#main-nav-inner-left {position:absolute; left:0px; top:10px; width:210px; height:270px; background-color:#d5e141; margin:0 0 0 10px;}
#main-nav-inner-right {position:absolute; right:0px; top:10px; width:210px; height:270px; background-color:#d5e141; margin:0 10px 0 0;}
#main-nav-dog-left {position:absolute; right:0px; bottom:-35px; width:189px; height:246px; z-index:1;}
#main-nav-dog-right {position:absolute; left:-10px; bottom:-35px; width:166px; height:246px; z-index:1;}
/*#main-nav-pests-left {position:absolute; left:85px; bottom:-48px; width:125px; height:177px; z-index:1;}
#main-nav-pests-right {position:absolute; left:-10px; bottom:-48px; width:70px; height:177px; z-index:1;}*/
/*#main-nav-pests-left {position:absolute; left:52px; bottom:-48px; width:158px; height:177px; z-index:1;}
#main-nav-pests-right {position:absolute; left:-10px; bottom:-48px; width:80px; height:177px; z-index:1;}*/

.main-nav-right {text-align:right;}
.main-nav-left {text-align:left;}
ul.main-nav-right {position:absolute; right:0px; margin:0 -4px 0 0; padding:20px 0 20px 0; z-index:1000;}
ul.main-nav-left {position:absolute; left:0px; margin:0 0 0 -4px; padding:20px 0 20px 0; z-index:1000;}
ul.main-nav-right li, ul.main-nav-left li {list-style:none; margin:0; padding:0 0 12px 0; list-style-image:none;}
ul.main-nav-right li a {font-size:16px; color:#69913b; font-weight:normal; text-transform:lowercase; padding:0 22px 0 0; margin:0;}
ul.main-nav-left li a {font-size:16px; color:#69913b; font-weight:normal; text-transform:lowercase; padding:0 0 0 22px; margin:0;}
ul.main-nav-right li a:hover, .main-nav-right ul li a.current, .main-nav-right ul li a.currentParent {text-decoration:none; background:url('/layout/images/main-nav-active.png') no-repeat right 5px;}
ul.main-nav-left li a:hover, .main-nav-left ul li a.current, .main-nav-left ul li a.currentParent {text-decoration:none; background:url('/layout/images/main-nav-active.png') no-repeat left 5px;}

/*--SIDE NAVIGATION STYLES--*/
#side-nav-outer {position:relative; width:215px; margin:0; padding:10px 0 0 10px; background-color:#e4e2e0;}
#side-nav-mid {position:relative; margin:0; padding:10px 0 0 10px; background-color:#ffffff;}
#side-nav-inner {position:relative; margin:0; padding:10px 0 0 10px; background-color:#f3f2f1;}
.side-nav {text-align:left;}
ul.side-nav {margin:0 0 0 -14px; padding:0;}
ul.side-nav li {list-style:none; margin:0; padding:0 0 12px 0; background-image:none; list-style-image:none;}
ul.side-nav li a {font-size:16px; color:#69913b; font-weight:normal; text-transform:lowercase; padding:0 0 0 22px; margin:0;}
ul.side-nav li a:hover, ul.side-nav li a.current/*, ul.side-nav li a.currentParent*/ {text-decoration:none; background:url('/layout/images/main-nav-active.png') no-repeat left 5px;}

/*--CONTENT STYLES--
--------------------------*/
#content-wrapper {position:relative; width:979px; margin:0; padding:0; background:url('/layout/images/content-bg-middle.png') repeat-y;}
#main-content {position:relative; margin:0 auto; width:949px; padding:0;}
#content-left {float:left; width:225px; margin:0 0 0 8px; padding:0;}
#content-right {float:right; width:670px; 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;}
img.view-pest-pricing-button {position:absolute; right:1px; bottom:24px; margin:0; padding:0;}
.page-header {position:relative; margin:13px 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:979px; background:url('/layout/images/content-bg-middle.png') repeat-y;}
#footer {position:relative; width:899px; margin:0 auto; padding:15px 25px; background-color:#e4e2e0;}
#footer-bottom {position:relative; width:899px; margin:0 auto; padding:15px 25px 0 25px;}
.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 0;}
#footer-links-wrapper {position:relative; float:right; margin:0; padding:15px 0 0 0; text-align:right;}
.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;}
#footer-tag {width:979px; height:60px; background:transparent url('/layout/images/content-bg-bottom.png') no-repeat 0 0; margin:0;}
#footer-tag p {color:#ffffff; font-size:11px; text-align:right; margin:0; padding:35px 15px 0 0;}
#footer-tag a {color:#ffffff; font-size:11px; text-decoration:none; font-weight:normal; text-align:right; margin:0; padding:0;}

/*--FOOTER NAV STYLES--
---------------------*/
#footer-nav {position:relative; margin:0 auto; padding:10px 0;}
ul.footer-nav {float:left; margin:0 20px; padding:0;}
li.footer-nav-header, li.footer-nav-header a {list-style:none; font-size:12px; font-weight:bold; color:#69913b; padding:0 0 5px 0; margin:0; list-style-image:none;}
li.footer-sub-items {list-style:none; font-size:11px; color:#948779; margin:0; padding:0; list-style-image:none;}
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;}
ul.blog-nav li {list-style-image:none;}
.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-blog {position:relative; float:left; width:435px; height:219px; margin:0 0 0 0px; padding:20px; background-color:#66913b; color:#ffffff;}
#home-page-blog-bg {float:right; width:67px; height:67px; margin:-20px -20px 0 0;}
#home-page-blog-heading, p.home-page-blog-info, p#home-page-blog-text, a.home-page-blog-link {color:#ffffff;}
#home-page-blog-heading {margin:0 0 10px 0; font-weight:bold; font-size:19px;}
.home-page-blog-info {font-size:11px; margin:0;}
#home-page-blog-text {font-size:12px;}
#home-page-blog-archive {font-size:11px; color:#ffffff;}
#home-page-blog-read-more {font-size:12px; color:#ffffff; font-weight:bold;}
#home-page-left {position:relative; float:left; width:475px; margin:0 0 0 8px;}

/*--LOCATIONS LINKS STYLE--*/
#locations-nav-wrapper {position:relative; xwidth:790px; width:899px; xmargin:20px 15px 25px 40px; margin:10px auto 25px auto; padding:0;}
ul.locations-links-list {margin:0; padding:0;}
.locations-links-list li {display:inline; text-align:left; margin:0; padding:0; list-style:none; list-style-image:none;}
.locations-links-list a {color:#948779; font-weight: normal; margin:0; padding:0;}

/*--MISC STYLES--*/
#breadcrumb-wrapper {position:relative; background-color:#d5e03c; margin:0 8px 8px 8px; padding:5px 15px; z-index:1;}
#breadcrumb, #breadcrumb a {font-size:13px; color:#888987;}
span#breadcrumb-active {font-size:20px; font-weight:bold; color:#888987;}
.schedule-appointment {position:relative; background:url('/layout/images/schedule-service-now-button.png') no-repeat; width:242px; height:112px; margin:5px 0 5px 0; padding:0;}
.click-here-button {position:absolute; width:98px; height:32px; bottom:5px; right:13px; border:0;}
.click-here-button-2 {position:absolute; width:98px; height:32px; bottom:10px; right:13px; border:0;}
.minisite-link {position:relative; margin:15px auto; padding:0;}
.pest-pricing-link {position:relative; background:url('/layout/images/pest-pricing-button.jpg') no-repeat; width:242px; height:118px; margin:10px 0 0 0; padding:0;}

/*--TESTIMONIAL STYLES--*/
.testimonial-wrapper {width:242px; margin:0; padding:0;}

/*--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, .existing-customer {margin:0 0 10px 0; padding:0; background-color:#ecf1e6; color:#000000; font-family:Arial, Helvetica, sans-serif; font-size:12px; resize:none;}
td.field label, td.field {vertical-align:top;}
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;}
span.alert {color:#f68c1f;}
input.form-button {margin:0; padding:}

#interior-special-layout-form {padding:0 0 25px 0;}
table.form-table.residential, table.form-table.bed-bug {margin-left:22px;}
td.special-form-contact-label {margin:0; padding:3px 10px 10px 0; vertical-align:top; color:#000000; font-size:13px;}
td.special-form-contact-label-comm {margin:0; padding:5px 10px 10px 0; vertical-align:top; color:#000000; font-size:11px;}
td.special-form-contact-field input, td.special-form-contact-field textarea, td.special-form-contact-field select {border:1px #6a923b solid; background-color:#ededed; padding:2px 1px; font-family:Arial, Helvetica, sans-serif; font-size:13px;}
td.special-form-contact-field-comm input, td.special-form-contact-field-comm textarea, td.special-form-contact-field-comm select {border:1px #6a923b solid; background-color:#ededed; padding:2px 1px; font-family:Arial, Helvetica, sans-serif; font-size:11px;}
td.special-form-contact-field input#special-form-form-zip {margin-left:11px;}
td.special-form-contact-field-comm input#special-form-form-zip {margin-left:11px;}
td.special-form-contact-radio label input {margin-right:5px; background-color:transparent; vertical-align:top;}
td.special-form-page-form-button {text-align:right;}

.new-contact-field input, .new-contact-field select, .new-contact-field textarea {margin:0 0 10px 0; padding:0; background-color:#ecf1e6; color:#000000; font-family:Arial, Helvetica, sans-serif; font-size:12px;}


/*--HOME PAGE TABS STYLES--*/
#tabs-wrapper {position:relative; margin:0 auto; padding:30px 0 15px 0;}
.tabs-area {position:relative; width:933px; 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;}

.panes-wrapper {position:relative;}

/* 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;}

/*--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;}
.pest-pricing-link-1 img {margin-top:-6px; padding:0; width:134px; height:44px; vertical-align:top;}
.pest-pricing-link-2 a {margin:0; padding-top:6px;}

/*--INTERIOR PAGE SPECIAL LAYOUT STYLES--*/
.special-layout-header-hr {height:0px; line-height:0px; border-bottom:1px #69913b solid; border-top:none; border-right:none; border-left:none; clear:both; margin:0; padding:0;}

#interior-special-layout {position:relative; width:695px; margin:0 -25px 0 0; padding:1px 0 0 0;}
#interior-special-layout-text {width:300px;}
#interior-special-layout-form-header-top {position:absolute; bottom:1px; left:22px; width:651px; height:13px;}
#interior-special-layout-form-header-bottom {display:block; margin:-1px 0 0 22px; width:651px; height:50px;}

#dropdown-wrapper {width:655px; float:right;}
.dropdown-1, .dropdown-2 {padding-bottom:10px;}
p.dropdown-title {width:655px; height:23px; line-height:23px; background:url('/layout/images/interior-special-layout-dropdown.png') no-repeat 0 0; margin:0; padding:0 0 0 10px; color:#ffffff; font-size:16px; font-weight:bold;}
p:hover#dropdown-1, p:hover#dropdown-2 {cursor:pointer;}
p.active {background-position:0 -23px;}
#dropdown-1-text p, #dropdown-2-text p {margin-bottom:0px; padding:0px 10px;}


/*--RESIDENTIAL PAGE STYLES--*/
/*.page-header-hr-residential {height:0px; line-height:0px; border-bottom:1px #69913b solid; border-top:none; border-right:none; border-left:none; clear:both; margin:0; padding:0;}

#residential-page-special {position:relative; width:695px; margin:0 -25px 0 0; padding:1px 0 0 0;}
#residential-page-text {width:300px;}
#residential-page-form-header-top {position:absolute; bottom:1px; left:22px; width:651px; height:13px;}
#residential-page-form-header-bottom {display:block; margin:-1px 0 0 22px; width:651px; height:50px;}

#dropdown-wrapper {width:655px; float:right;}
.dropdown-1, .dropdown-2 {padding-bottom:10px;}
p.dropdown-title {width:655px; height:23px; line-height:23px; background:url('/layout/images/residential-page-dropdown.png') no-repeat 0 0; margin:0; padding:0 0 0 10px; color:#ffffff; font-size:16px; font-weight:bold;}
p:hover#dropdown-1, p:hover#dropdown-2 {cursor:pointer;}
p.active {background-position:0 -23px;}
#dropdown-1-text p, #dropdown-2-text p {margin-bottom:0px; padding:0px 10px;}*/

/*--SEARCH BAR SETTINGS--*/
#search-wrapper {position:relative; float:left; width:475px; height:25px; background-color:#f68b1f; margin:0 0 8px 0;}
#search-bar {position:relative; margin:3px 0 0 3px; width:147px; height:19px; line-height:19px; background:url('/layout/images/search-bar-bg.png') no-repeat;}
#search-bar-input {background:none; border:none; padding:0 4px; height:19px; line-height:19px; font-size:9px; font-weight:bold; color:#69913b;}
#search-bar-button {position:absolute; right:3px; top:3px;}

/*--CONTACT US FORM SELECTION STYLES--*/
#contact-selection-wrapper {position:relative;}
#contact-selection-left {position:relative; width:186px; padding:10px; float:left; background-color:#69913b; text-align:center;}
#contact-selection-center {position:relative; width:186px; padding:10px; margin:0 auto; background-color:#69913b; text-align:center;}
#contact-selection-right {position:relative; width:186px; padding:10px; float:right; background-color:#69913b; text-align:center;}
#contact-selection-left:hover, #contact-selection-center:hover, #contact-selection-right:hover {background-color:#f68b1f; cursor:pointer;}
.contact-selection-text {color:#ffffff;}
#contact-selection-left .contact-selection-active {background-color:#f68b1f;}














/*--END--*/
