/*--AMERICAN PEST STYLESHEET--
-------------------------------*/
body {margin: 0; padding: 0; background: #012d60 url(/layout/images/body-bg.jpg) repeat-x 0 0; font-family: Arial, Helvetica, sans-serif; font-size: small; /*"Tw Cen MT Condensed", font-size: medium;*/}
img {margin: 0; padding: 0; border: 0;}
li {margin: 0; padding: 0;}
table {margin: 0; padding: 0;}
td {vertical-align: top;}
ul {margin: 10px 0; padding: 0 0 0 20px;}
ul li a {font-weight: normal;}
.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 */
#inner-wrapper-index {width: 907px; position: relative; padding: 0; margin: 20px 13px 0 30px; background: url(/layout/images/inner-wrapper-index-bg.gif) repeat-y 0 0;}
#inner-wrapper {width: 906px; position: relative; padding: 20px 27px 0 17px;}
#shadow-top {background: url(/layout/images/shadow-top.png) no-repeat 0 0; padding-top: 15px; width: 1015px;}
body.commercial #shadow-top {background: url(/layout/images/shadow-top-commercial.png) no-repeat 0 0; padding-top: 15px; width: 1015px;}
#shadow-bottom {width: 1015px; margin: 0 auto;}
#shadow-middle {background: url(/layout/images/shadow-bg.png) repeat-y 0 0; padding: 0 35px 0 30px;}
#wrapper {width: 1015px; margin: 0px auto 0 auto;} 

/*--FONT STYLES--
--------------------*/
h1, h2, h3, h4, h5, h6 {margin: 10px 0; font-weight: normal;}
body#index h1, body#index h2, body#index h3, body#index h4, body#index h5, body#index h6 {font-weight: bold;}
h1 {color: #203267; font-size: 270%;}
h2 {font-size: 170%;}
h3 {}
h4 {}
p {margin: 10px 0; line-height:130%;}
a {text-decoration: none; color: #bf1e2e; font-weight: bold; outline: none;}
a:hover {text-decoration: underline;}

/*--HEADER STYLES--
--------------------*/
#header {width: 950px; height: 106px; padding: 5px 35px 0 30px; margin: 0; position: relative;}
#header-shadow {z-index:1; position: absolute; bottom: 0; left: 0;}
#header-shadow img {z-index:1;}
#logo {z-index: 2; position: relative; top: 32px; left: 0; display: block; width: 383px; height:65px;}
#logo-special {z-index: 2; position: relative; /*top: 32px;*/ top:25px; left: -9px; display: block; width: 635px; height:75px;}
.phone {float: right; clear: right; margin-bottom: 0; font-size: 250%; font-weight: bold; color: #203267;}
#social-nav {float: right; clear: right; margin: 0; padding: 0;}
#social-nav li {list-style: none; display: inline;}
#social-nav a {font-size: 80%; font-weight: bold; color: #203267; padding: 0 10px 0 10px; background: url(/layout/images/social-nav-pipe.gif) no-repeat right center;}
#social-nav a.last {padding-right: 0; background: none;}
#header-search {z-index:99; position:absolute; right:35px; top:67px; margin: 0; padding: 17px 0 8px 0; height: 18px;}
#header-search form {z-index:99; margin: 0; padding: 0;}
#search-term {z-index:99; margin: 0; padding: 0 10px 0 30px; border: 1px solid #203267; height: 16px; width: 192px; color:gray; background: #FFFFFF url(/layout/images/search-icon.gif) no-repeat 1% 50%;}

/*--MAIN NAVIGATION STYLES--
--------------------*/
#main-nav-wrapper {border-bottom: 1px solid #b1b7ca; height: 52px; margin-left:6px;}
#main-nav {padding: 10px 0 0 0; margin: 0; text-align: center;}
#main-nav li {list-style: none; margin: 0; display: inline;}
#main-nav a {color: #203267; text-transform: uppercase; padding-right: 7px; display: inline-block;  height: 31px;}
#main-nav a:hover {text-decoration: none;}
#main-nav a#residential {width: 123px;}
#main-nav a#commercial {width: 123px;}
#main-nav a#pest {width: 177px;}
#main-nav a#blog {width:73px;}
#main-nav a#quote {width: 115px;}
#main-nav a#client {width: 131px;}
#main-nav a#contact {width: 116px;}

/*--SIDE NAVIGATION STYLES--
--------------------*/
.box-inner-wrapper {width: 225px;}
.blue-box-wrapper {width: 244px; margin: 0 0 25px 0; padding: 0;}
.blue-box-top {background: url(/layout/images/box-blue-top.png) no-repeat 0 0; padding: 8px 10px 12px 20px;}
.blue-box-top h2 {margin: 0; color: #FFFFFF; font-size: 150%; text-transform: uppercase; font-weight: normal;}
.blue-box-middle {background: url(/layout/images/box-blue-middle.png) repeat-y 0 0; padding: 5px 20px 10px 10px; width: 214px; min-height: 197px;}
.blue-box-middle ul {margin: 0; padding: 0;}
.blue-box-middle ul li {list-style: none; margin-bottom: 5px;}
.blue-box-middle ul a {color: #FFFFFF; padding-left: 10px; font-size: 115%; width: 215px;}
.blue-box-middle ul a:hover {background: url(/layout/images/box-arrow-right.gif) no-repeat left center;}
.blue-box-middle ul a.current, #side-nav a.currentParent {text-decoration: none; background: url(/layout/images/blog-item-active-border.gif) repeat-x bottom left;}
.blog-page li span {font-size: 60%;}
ul.blog-nav li {padding-left: 10px;}
ul.blog-nav li:hover, ul.blog-nav li.ie-hover {background: url(/layout/images/box-arrow-right.gif) no-repeat 0 8px;}
ul.blog-nav li span.date {color: #FFFFFF; font-size:9px; display: block; float: left; margin: 3px 0 0 0;}
ul.blog-nav li span.title {color: #FFFFFF; font-size:11px; display: block; margin-left: 45px; line-height: 130%; padding-right:6px;}
ul.blog-nav a {padding: 0 0 2px 3px; margin-right:5px; display: block; background: url(/layout/images/blog-item-inactive-border.gif) repeat-x bottom left; width: 212px;}
ul.blog-nav a:hover {background: url(/layout/images/blog-item-active-border.gif) repeat-x bottom left; text-decoration: none;}
.blue-box-bottom {background: url(/layout/images/box-blue-bottom.png) no-repeat 0 0; height: 22px;}
#archive li {background: url(/layout/images/box-arrow-right.gif) no-repeat 0 5px;}
#archive li a {display: block; width: 215px;}
#archive li a:hover {background: url(/layout/images/blog-item-active-border.gif) repeat-x bottom left; text-decoration: none;}
#archive li ul li {background: none;}
#archive li ul li a {padding: 0 0 2px 0; margin-left: 5px; width: 220px;}
#archive li ul li a.current, #archive li ul li a.currentparent {background: url(/layout/images/blog-item-active-border.gif) repeat-x bottom left;}
#archive li span.date {color: #FFFFFF; font-size:9px; display: block; float: left; margin: 3px 0 0 0;}
#archive li span.title {color: #FFFFFF; font-size:11px; display: block; margin-left: 45px; line-height: 130%; padding-right:6px;}
#side-nav li {padding-left: 10px; margin-bottom: 9px;}
#side-nav li:hover, #side-nav li.ie-hover {background: url(/layout/images/box-arrow-right.gif) no-repeat left center;}
#side-nav a {padding: 0 0 2px 3px; display: block; background: url(/layout/images/blog-item-inactive-border.gif) repeat-x bottom left; width: 212px;}
#side-nav a:hover {background: url(/layout/images/blog-item-active-border.gif) repeat-x bottom left; text-decoration: none;}
#side-nav a.current, #side-nav a.currentParent {text-decoration: none; background: url(/layout/images/blog-item-active-border.gif) repeat-x bottom left;}

/*--SUB NAVIGATION STYLES--
--------------------*/
#sub-nav-wrapper {width: 945px; height: 13px; position: relative;}
#sub-nav {margin: 0; padding: 5px 0; text-align: center;}
#sub-nav li {list-style: none; display: inline; margin: 0; padding: 0 0 0 5px; backgrounds: url(/layout/images/sub-nav-pipe.gif) no-repeat right top;}
#sub-nav li.last {background: none;}
#sub-nav a {display: inline-block; height: 13px; padding: 0 7px 0 1px; font-size:12px; color:#203267;}
#sub-nav a.current {text-decoration:underline;}

/*--CONTENT STYLES--
--------------------*/
#content-left, #inner-wrapper-commercial #content-left {width: 245px; float: left; position: relative; z-index: 5;}
#content-right {margin: 0 0 0 0; padding-left: 20px; width: 600px; float: left;}
#content-right.with-top-image {margin: 255px 0 0 0; padding-left: 20px; width: 600px; float: left;}
.top-image {position: absolute; top: 30px; right: 0;}
#logo-small {position: absolute; top: 263px; right: 25px;}
.free-estimate-button {padding:10px 0;}
#breadcrumb {margin:10px 0 10px 0px; padding:0;}
#search-content {margin:15px 30px;}

/*--FOOTER STYLES--
--------------------*/
#footer {position: relative; padding: 0 0 15px 0; margin-top: 50px;}
#footer-nav-wrapper {margin: 0 0 20px 0; padding: 0 0 0 40px; background: url(/layout/images/footer-nav-bg.gif) repeat-x 0 0;}
#footer-nav-wrapper ul {float: left; margin: 0; padding: 0; width: 180px;}
#footer-nav-wrapper li {list-style: none; margin: 0;}
#footer-nav-wrapper ul.last li {padding-right: 0;}
#footer-nav-wrapper #last-item {background: none; padding-right: 0;}
#footer-nav-wrapper li.first {line-height: 33px; text-align: left; margin: 0 0 20px 0; background: url(/layout/images/footer-nav-pipes.gif) no-repeat 100% 50%;}
#footer-nav-wrapper li.first a {color: #FFFFFF; margin: 0; padding-left:5px;}
#footer-nav-wrapper li.first li a {color: #203267; margin: 0; padding-left:5px;}
#footer-nav-wrapper ul li ul {margin: 20px 0 0 0; padding: 0;}
#footer-nav-wrapper ul li ul li {padding: 0; margin: 0; line-height: 110%; text-align:left;}
#footer-address {padding: 0 0 0 30px; float: left; font-weight: bold;}
p#footer-phone {float: right; font-size: 230%; color: #203267; font-weight: bold; padding-right: 15px;}
#footer-content {width: 485px; float: left; margin-left: 15px;}

/*--INDEX SPECIFIC STYLES--
--------------------*/
body#index h2 {color: #203267; margin: 0; font-size: 120%;}
body#index h3 {color: #bf1e2e; margin-top: 0;}
h4 {margin-top: 0;}
.index-header-image {padding-bottom: 3px; border-bottom: 6px solid #203267;}
#index-content-left {float: left; width: 617px; padding-right: 10px;}
#top-left-content-block {margin:10px 0 0 0; position: relative; padding-bottom: 50px;}
#top-left-content-block .button {margin: 20px 20px 0 0; float: right;}
#top-left-content img {float: left; margin: 0 10px 20px 0;}
#lower-left-content-block {position:relative; margin:10px 0 0 0; width: 617px;}
table#index-common-pest {width: 617px;}
table#index-common-pest td {padding-bottom: 10px;}
#index-content-right {float: left; margin-left: 1px; width: 269px; padding-left: 10px;}
#content-right-wrapper {margin: 0 auto; width:260px; position:relative;}
.box-white-wrap {width: 263px; margin:0 auto;}
.box-white-top {background: url(/layout/images/box-white-top.png) no-repeat 0 0; width: 211px; padding: 21px 26px 10px 26px; color:#ffffff;}
.box-white-middle {background: url(/layout/images/box-white-middle.png) repeat-y 0 0; width: 211px; padding: 7px 26px;}
.box-white-bottom {background: url(/layout/images/box-white-bottom.png) no-repeat bottom left; width: 211px; padding: 5px 26px 20px 26px; text-align: center;}
h5.blog-box-heading {color:#ffffff; font-size:170%; margin:0; padding:0;}
h6.blog-box-title {color:#203267; font-size:100%; margin:0; padding:0;}
blog-box-article {font-size:100%;}
a.blog-box-read-more {text-decoration: none; color: #bf1e2e; font-weight: bold; outline: none;}
a.blog-box-read-all {text-decoration: none; color: #ffffff; font-weight: bold; outline: none;}
a:hover.blog-box-read-more {text-decoration:underline;}
a:hover.blog-box-read-all {text-decoration:underline;}
#content-holder {float:left;}
.special-content {float:left;}
.link-button {width:229px; height:131px; margin-left:16px;}

/*--BLOG SPECIFIC STYLES--
--------------------*/
#blog-category-block ul {margin: 0; padding: 0;}
#blog-category-block li {list-style: none; margin-bottom: 3px;}
#blog-category-block a {color: #000000;}
h1.blog-title {font-size:200%;}
.blog-prev-next {color: #ff1111;}
.blog-prev-next a {color: #ff1111;}
.blog-date,.blog-author {font-size: 110%; font-weight: bold; margin: 5px 0; color: #203267;}
.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-wrapper-2 {width:250px; margin:15px auto; padding:0; position:relative;}
.image-caption-2 {text-align: center; font-style: italic; margin: 5px 0; width:250px;}
.image-spacer {float:right; clear:right; height:50px; z-index:1; position:relative;}

/*--COMMERCIAL SPECIFIC STYLES--
--------------------*/
body.commercial {background: #000000 url(/layout/images/body-bg-commercial-med.jpg) no-repeat 0 0; height:100%;}
#main-nav-wrapper.commercial-index {border: none; position: relative; z-index: 10;}
#main-nav-wrapper.commercial-index #main-nav {text-align: center; z-index: 10;}
#technician {position: absolute; top: -340px; left: -26px; z-index: 6;}
#banner {position:relative; text-align: right; width: 950px; height: 253px; border-top: 1px solid #e5adb2; clear:both;}
#inner-wrapper-commercial-index {z-index: 100; width: 904px; margin-left: 26px; position: relative; bottom: 21px; padding-bottom: 50px;}
#inner-wrapper-commercial {padding: 20px 27px 0 17px;}
.feature-column, .feature-column-last {float: left; width: 284px; margin-right: 25px;}
.feature-column-last {margin-right: 0;}
#inner-wrapper-commercial-index h3 {font-size: 110%; color: #262385; margin: 15px 0;}
#inner-wrapper-commercial-index #main-content {padding: 10px 0; clear: both;}
#inner-wrapper-commercial {position: relative;}
#logo-small-commercial {position: absolute; top: 253px; right: 25px;}
.red-box-wrapper {width: 244px; margin: 0 0 25px 0; padding: 0;}
.red-box-top {background: url(/layout/images/box-red-top.png) no-repeat 0 0; padding: 5px 20px 10px 20px;}
.red-box-top h2 {margin: 0; color: #FFFFFF; text-transform: uppercase; font-weight: normal;}
.red-box-middle {background: url(/layout/images/box-red-middle.png) repeat-y 0 0; padding: 5px 20px 10px 10px; width: 214px;}
.red-box-middle ul {margin: 0; padding: 0;}
.red-box-middle ul li {list-style: none; margin-bottom: 5px;}
.red-box-middle ul a {color: #FFFFFF; padding-left: 10px; font-size: 115%; width: 215px;}
.red-box-middle ul a.current, #side-nav a.currentParent {text-decoration: none; background: url(/layout/images/blog-item-active-border.gif) repeat-x bottom left;}
.red-box-bottom {background: url(/layout/images/box-red-bottom.png) no-repeat 0 0; height: 27px;}
body.commercial #side-nav li:hover, body.commercial #side-nav li.ie-hover {background: url(/layout/images/box-arrow-right-red.gif) no-repeat left center; text-decoration: none;}
body.commercial #side-nav a {background:url(../images/red-box-inactive-border.gif) repeat-x bottom left;}
body.commercial #side-nav a:hover {background: url(../images/blog-item-active-border.gif) repeat-x bottom left;}
body.commercial #footer-nav-wrapper {background: url(/layout/images/footer-nav-bg-commercial.gif) repeat-x 0 0;}
body.commercial #footer-nav-wrapper li.first {background: url(/layout/images/footer-nav-pipe-commercials.gif) no-repeat 100% 50%;}
.k9 {padding:20px 0 10px 0;}
#com-page-carousel-wrapper {position: relative; width: 950px; height: 253px; margin: 0 auto; border-top: 1px solid #e5adb2; background:url('/layout/images/com-page-carousel-bg.jpg') repeat-x;}
#com-page-carousel-content-holder{position: relative; width:950px; height:253px;}
#com-page-carousel-blend {position:absolute; z-index:99; height:253px; top:0px; left: 481px; width:193px;}
.com-page-carousel-content-image {margin:0 auto; width:950px; height:253px; position:absolute; z-index:1; background-color:#FFFFFF;}
.com-page-carousel-content {position: absolute; top:0px; right:0px; width: 276px; height:253px; color: #FFFFFF; font-size:90%; margin:0; padding:0; text-align:left; background:url('/layout/images/com-page-carousel-content-bg.png') no-repeat;}
.com-page-carousel-content h6 {color: #FFFFFF; font-weight: bold; font-size: 140%; padding:33px 0px 0px 0px;}
.com-page-carousel-content a {text-decoration: underline; color: #FFFFFF; padding:10px 0 0 20px;}
.com-page-carousel-content p {color: #FFFFFF; padding:10px 0 0 20px;}
.com-page-carousel-content hr {color: #FFFFFF; height:1px; line-height:1px;}
#com-page-carousel-nav {margin: 0; padding: 0; position: absolute; right: 16px; bottom: 35px; z-index:6;}
#com-page-carousel-nav li {list-style: none; display: block; float: left;}
#com-page-carousel-nav a {display: block; text-decoration: none; background: url('/layout/images/carousel-nav-inactive.gif') no-repeat 0 0; height: 15px; width: 15px; margin-right: 7px;}
#com-page-carousel-nav a:hover, #com-page-carousel-nav a.activeSlide {background: url('/layout/images/com-carousel-nav-active.gif') no-repeat 0 0;}
#com-page-carousel-lower-bg {height:9px; background:url('/layout/images/home-page-carousel-lower-bg.gif') no-repeat 0 0;}

/*--IMPORTANT!! - STOPS CAROUSEL IMAGES LOADING UNDER EACH OTHER--*/
.com-page-carousel-content-image img {position:absolute; top:0; left:0; display:none;}
.com-page-carousel-content-image img:first-child {display:block;} 
/*----------------------------------------------------------------*/


/*--HOME PAGE CAROUSEL SPECIFIC STYLES--
---------------------*/

#home-page-carousel-wrapper {position: relative; width: 950px; height: 253px; margin: 0 0 0 0px; background:url('/layout/images/home-page-carousel-bg.jpg') repeat-x;}
.home-page-carousel-content-holder {position:relative; width:950px; height:253px;}
#home-page-carousel-blend {position:absolute; z-index:99; height:253px; top:0px; left: 481px; width:193px;}
#home-page-carousel-blend-narrow {position:absolute; z-index:99; height:253px; top:0px; left: 564px; width:110px;}
.home-page-carousel-content-image {margin: 0 auto; width:950px; height:253px; position:absolute; z-index:1; background-color:#FFFFFF;}

/*--IMPORTANT!! - STOPS CAROUSEL IMAGES LOADING UNDER EACH OTHER--*/
.home-page-carousel-content-image img {position:absolute; top:0; left:0; display:none;}
.home-page-carousel-content-image img:first-child {display:block;} 
/*----------------------------------------------------------------*/

.home-page-carousel-content {position: absolute; top:0px; right:0px; width: 276px; height:253px; color: #FFFFFF; font-size:90%; margin:0; padding:0; background:url('/layout/images/home-page-carousel-content-bg.png') no-repeat;}
.home-page-carousel-content h6 {color: #FFFFFF; font-weight: bold; font-size: 140%; padding:33px 0px 0px 0px;}
.home-page-carousel-content a {text-decoration: underline; color: #FFFFFF; padding:10px 0 0 10px;}
.home-page-carousel-content p {color: #FFFFFF; padding:10px 20px 0 10px;}
.home-page-carousel-content hr {color: #FFFFFF; height:1px; line-height:1px;}
#home-page-carousel-nav {margin: 0; padding: 0; position: absolute; right: 20px; bottom: 15px; z-index:6;}
#home-page-carousel-nav li {list-style: none; display: block; float: left;}
#home-page-carousel-nav a {display: block; text-decoration: none; background: url('/layout/images/carousel-nav-inactive.gif') no-repeat 0 0; height: 15px; width: 15px; margin-right: 7px;}
#home-page-carousel-nav a:hover, #home-page-carousel-nav a.activeSlide {background: url('/layout/images/carousel-nav-active.gif') no-repeat 0 0;}
#home-page-carousel-lower-bg {height:9px; background:url('/layout/images/home-page-carousel-lower-bg.gif') no-repeat 0 0;}

/*--FORM PRE FILL SPECIFIC STYLES--
--------------------*/
#form-container {margin: 0 auto; padding: 0; position: relative;} 
#form-pre-fill {margin: 0 auto; padding: 0; width:225px;}
#form-pre-fill td {padding: 0 0 5px 0;}
.form-heading {font-size: 150%; color: #203267;}
.form-pre-fill-heading {}
.form-pre-fill-input, .form-pre-fill-dropdown {width:220px; color:#203267; font-size:90%;}
.form-pre-fill-dropdown {width:224px;}
.form-pre-fill-submit {font-size: 90%; color: #203267;}
.onstate-residential, .onstate-commercial { display: block; }
.offstate-residential, .offstate-commercial { display: none; } 

/*--GALLERY SPECIFIC STYLES--
---------------------*/
.gallery-wrapper {position:relative; width:870px; margin:0 auto; padding:0; clear:both; padding-left:5px;}
.gallery-item-container {position:relative; float:left; width:152px; height:194px; background:url('/layout/images/gallery-item-bg.jpg') no-repeat; margin: 30px 11px 30px 11px; z-index:1;}
.gallery-item-contents img {position:relative; width:150px; height:150px; margin: 6px 0 0 0; border-right:1px #203267 solid; border-left:1px #203267 solid;}
.gallery-item-contents h6 {position:relative; color:#FFFFFF; font-size:100%; text-align:center; margin:0; padding:0; text-decoration:underline;}
.gallery-item-contents p {position:relative; color:#FFFFFF; font-size:70%; text-align:center; margin:0; padding:2px 0 0 0;}
.gallery-item-contents a {color:#FFFFFF; text-decoration:underline;}
#gallery-form {margin-left:-18px; padding:0; width:460px;}
#photo-gallery-logo {float:left; width:309px; height:49px; background:url('/layout/images/photo-gallery-logo.jpg') no-repeat; margin-left:30px;}
#photo-gallery-upload-link {position:relative; float:right; width:200px; height:49px; text-align:right; margin-right:30px;}
#link-image img {float:right; width:48px; height:49px; margin-right:5px;}
#link-text a {float:right; font-size:90%; color:#203267; text-decoration:underline; margin-top:30px;}
#gallery-pagination {clear:both; margin:0; padding:0; color:#203267; text-align:center;}
.gallery-divider {width:870px; color:#B1B7CA; height:1px; line-height:1px; text-align:center; padding:0; margin:0; clear:both; z-index:2;}

/*--TESTIMONIAL SPECIFIC STYLES--
-----------------------*/
#testimonial-block {width:234px;}
h3#testimonial-block {margin:0 auto; width:200px; text-align:left; padding:10px 0 0 0;}
#testimonial-text {margin:0 auto; width:200px; padding:20px 0 20px 0;}
#audio-player {margin:0 auto; padding:28px 0 0 37px; width:244px; height:87px; background:url('/layout/images/audio-bar.png') no-repeat;}
#niftyPlayer1 {margin:0 auto; padding:0;}

/*--MSDS PAGE SPECIFIC STYLES--
-----------------------*/
.msds {width:100%;}
.msds th, th.msds {text-align:left; background:#cacaca;}
.msds-select {width:300px;}
#msds-wrapper {width:850px; margin:0 auto; position:relative;}
#msds-left {width:400px; float:left; margin:0 auto; padding:0 0 40px 0;}
#msds-right {width:400px; float:right; margin:0 auto; padding:0 0 40px 0;}
#msds-search {clear:both; margin:20px 0 0 0; }
.search-input-text {width:295px;}
.msds-button {text-align:center; width:80px;}
h2.text {clear:both; color:#203267; font-size:140%;}
#msds-frame {width:850px; height:600px; margin:40px 0 0 0; padding:0; position:relative;}

/*--FORM SPECIFIC STYLES--
------------------------*/
span.alert {color:red;}

/*--HOME CLUB FORM STYLES--
-------------------------*/
table.home-club-form {position:relative; margin:10px 0 0 0; padding:0;}
td.home-club-label {margin:0; padding:0 5px 2px 0; vertical-align:bottom;}
input.home-club-field {margin:5px 0 0 0; padding:1px; background-color:#ced7e0;}
input.form-button {margin:10px 0 0 0; padding:0;}

/*--FORM STYLES--
---------------*/
#form .field input, #form .field textarea {font-family:Arial, Helvetica, sans-serif; font-size:12px; color:#000000; background-color:#ced7e0; overflow:hidden; padding:2px;}
#form .label {width:150px;}
.careers-label {padding:10px 10px 0 0;}
td.label, td.field {padding:10px 10px 0 0;}
.submit-button {margin:20px 0 0 0;}

/*--FREE APPOINTMENT FORM SPECIFIC STYLES--
-----------------------------------------*/
table#free-appointment {font-size:12px; color:#000000; width:500px;}
input.field, textarea.info-field, input.select-field {color:#000000; background-color:#ced7e0; overflow:hidden;}
td.label, td.field {padding:10px 10px 0 0;}
.appointment-form-button {margin:20px 0 0 0;}
span.check-box-label {padding:0 0 5px 5px;}
.fixed-width-label {width:100px; display:inline-block;}
span.ap-inline-label {padding:0 10px 0 0;}

/*--TREASURE HUNT COMPETITION FORM SPECIFIC STYLES--
--------------------------------------------------*/
table#treasure-hunt {font-size:12px; color:#000000;}
input.field-treasure {color:#000000; background-color:#ced7e0; overflow:hidden; margin:10px 0 0 0;}
textarea.field-treasure {color:#000000; background-color:#ced7e0; overflow:hidden; margin:10px 0 0 0;}
input.check-field-treasure {color:#000000; margin:15px 0 2px 0;}
#treasure-hunt td.label {padding:10px 10px 0 0; vertical-align:middle;}
#treasure-hunt td.text-area-label {padding:10px 10px 0 0; vertical-align:top;}
td.label, td.field {padding:10px 10px 0 0;}
.treasure-hunt-form-button {margin:20px 0 0 0;}
span.label {padding:0 0 5px 10px;}

/*--INTRANET FORM SPECIFIC SETTINGS--
-----------------------------------*/
table.intranet-form-table-1 {font-size:12px; color:#000000; width:700px; margin:10px auto 30px auto;}
table.intranet-form-table-2 {font-size:12px; color:#000000; width:700px; margin:0 auto;}
input.intranet-field, textarea.intranet-area-field, input.intranet-check-field {color:#000000; background-color:#ced7e0; overflow:hidden;}
td.intranet-label, td.intranet-field {padding:10px 0 0 0;}
.intranet-form-button {margin:40px 0 0 0;}
span.intranet-check-box-label {padding:0 10px 5px 5px;}
.intranet-fixed-width-check-label {width:70px; display:inline-block;}
.intranet-fixed-width-label {width:340px; display:inline-block; padding:0 0 5px 0;}

/*--LOCATIONS NAV SPECIFIC SETTINGS--
-----------------------------------*/
ul.locations-nav {margin-left:-15px;}
.locations-nav li {list-style-type:none; display:inline; text-align:left; white-space:pre-wrap;}
.locations-nav a {font-weight:normal;}

/*--LOCATIONS ZIP SEARCH STYLES--
-------------------------------*/
.locations-search-wrapper {position:relative; margin:0 auto; padding:10px; border-bottom:1px #203267 solid;}
#zip-search-wrapper {position:relative; width:246px; height:23px; background:url('/layout/images/locations-search-box.jpg') no-repeat;}
input.zip-search-box {position:relative; width:87px; height:15px; border:none; background-color:transparent; margin:2px 0 0 2px; line-height:15px; font-weight:normal; text-align:center; letter-spacing:1px; color:#203267;}
.zip-rows {font-size:14px;}
span.zip-search-city, span.zip-search-phone {color:#203267; font-weight:bold; font-size:16px;}

/*--LOGIN SPECIFIC STYLES--
-------------------------*/
.login-side-nav-header {font-size:14px; color:#203267;}

/*--PROMOTIONS PAGE STYLES--
--------------------------*/
#promotions-wrapper {position:relative; float:right; width:320px; margin:0 0 10px 15px; padding:0;}
.coupon-wrapper {width:320px;}
.promo-link-button {display:block; float:left; width:159px; height:36px;}
.promo-contact-button {display:block; float:right; width:160px; height:36px;}
.dotted-line {position:relative; margin:0 auto; padding:5px 0; display:block;}
.promo-hr {display:block; position:relative; margin:10px 0; padding:0; height:0; max-height:0; clear:both; line-height:0; border:none; border-bottom:1px #000000 solid;}

/*--MISC STYLES--
---------------*/
.contact-wrapper {position:relative;}
img.contact-wrapper {}
.click-here-button {position:absolute; bottom:10px; right:10px; border:none;}
.click-here-button-new {position:absolute; bottom:10px; right:15px; border:none;}
.click-here-button-new-homepage {position:absolute; bottom:10px; right:13px; border:none;}

/*--INTERACTIVE HOUSE STYLES--
----------------------------*/
#house-wrapper {position:relative; width:659px; height:272px; background:url('/images/house/interactive-house-bg.jpg') no-repeat; margin:15px 0 0 0; padding:0;}

.intro {position:absolute; top:9px; right:9px; width:338px; height:254px; background:url('/images/house/interactive-house-intro.png') no-repeat; margin:0; padding:0;}
.attic {position:absolute; top:9px; left:101px; width:548px; height:254px; background:url('/images/house/interactive-house-attic.png') no-repeat; margin:0; padding:0;}
.basement {position:absolute; top:9px; left:254px; width:395px; height:254px; background:url('/images/house/interactive-house-basement.png') no-repeat; margin:0; padding:0;}
.bathroom {position:absolute; top:9px; left:186px; width:463px; height:254px; background:url('/images/house/interactive-house-bathroom.png') no-repeat; margin:0; padding:0;}
.bedroom {position:absolute; top:9px; left:104px; width:545px; height:254px; background:url('/images/house/interactive-house-bedroom.png') no-repeat; margin:0; padding:0;}
.exterior {position:absolute; top:9px; left:31px; width:618px; height:254px; background:url('/images/house/interactive-house-exterior.png') no-repeat; margin:0; padding:0;}
.extra-rooms {position:absolute; top:9px; left:229px; width:420px; height:254px; background:url('/images/house/interactive-house-extra-rooms.png') no-repeat; margin:0; padding:0;}
.kitchen {position:absolute; top:9px; left:232px; width:417px; height:254px; background:url('/images/house/interactive-house-kitchen.png') no-repeat; margin:0; padding:0;}
.living-room {position:absolute; top:9px; left:72px; width:577px; height:254px; background:url('/images/house/interactive-house-living-room.png') no-repeat; margin:0; padding:0;}

.interactive-house-dots {position:absolute; top:87px; left:29px; z-index:10000; width:235px; height:153px; margin:0; padding:0;}
.pests {position:absolute; bottom:0; right:0;}
.pest {position:relative; float:left; width:27px; height:29px; padding:0 0 0 5px;}

.house-info-wrapper {position:absolute; width:329px; height:227px; right:10px; top:10px; margin:0; padding:0;}
.area-1-wrapper h2 {font-size:16px; margin:0 0 10px 0; padding:0; color:#203267;}
.area-1-wrapper p {font-size:12px;}
.house-text {position:relative;}
.house-image-wrapper {position:relative; float:left; width:128px; margin:0 10px 0 0; padding:0;}
.inner-images-wrapper {position:relative; width:128px;}
.house-image-1 {position:relative; margin:0; padding:0 0 5px 0;}
.house-image-2 {position:relative; float:left;}
.house-image-3 {position:relative; display:block; margin:0 auto;}
.house-image-4 {position:relative; float:right;}

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

/*--PEST QUOTE LANDING PAGE STYLES--*/
body#landing-page {background:#003768 url('/layout/images/landing-page-bg.jpg') repeat-x;}
.landing-page-bg-logo {position:absolute; top:273px; min-width:100%; height:188px;}
.landing-page-content {position:relative; margin:0 auto; width:100%; height:670px;}
.landing-page-content-image {position:relative; display:block; width:1019px; height:670px; margin:0 auto;}










/*--END--*/