﻿/*-----ROTTLER STYLESHEET-----
----------------------------*/
body {padding:0; margin:0; background-image:url('/layout/images/body-bg.png'); background-repeat:repeat-x; background-color:#afdeff; font-family:Trebuchet, Trebuchet MS, Arial, Helvetica, sans-serif; font-size:small;}
#wrapper {width:1009px; margin:0 auto;}
#content-top {width:1009px;}
#content-middle {padding:0px 0px 0px 34px; background:transparent url('/layout/images/content-middle-bg.png') repeat-y; width:1009px;}
#content-middle p {margin:10px 0;}
#content-bottom {width:1009px;}
#content-graphic-top {background:transparent url('/layout/images/content-top-bg.png') no-repeat; height:40px;}
#content-graphic-bottom {background:transparent url('/layout/images/content-bottom-bg.png') no-repeat; height:47px;}
#content-graphic-bottom-interior {background:transparent url('/layout/images/content-bottom-interior-bg.png') no-repeat; height:47px;}
a {outline:none; color:#63a522; text-decoration:none;}
a:hover {text-decoration:underline;}
img {border:none; margin:0; padding:0;}
ul {padding:0 0 0 15px; margin: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 */
h1, h2, h3, h4, h5, h6 {margin: 10px 0; font-weight: normal;}
h1 {font-size:24px; color:#555558;}
h2 {font-size:21px; color:#838489;}
h3 {font-size:18px; color:#838489;}
h4 {font-size:18px; color:#63a522;}
h5 {font-size:17px; color:#000000;}
p {margin: 10px 0; line-height:130%;}

/*--HEADER SPECIFIC STYLES--
--------------------------*/
#header {width:1009px;}
#logo {float:left; height:97px; width:386px; padding:0px; margin:0px;}
#header-right {float:right; width:590px; padding:0px 27px 0px 0px; margin:0px; text-align:right;}
#header-nav-wrapper {}
.header-phone {font-size:24px; color:#009052; padding:8px 0px 0px 0px; line-height:25px;}

#menu {width:942px;}
#content {width:942px;}

/*--HEADER NAV SPECIFIC STYLES--
------------------------------*/
#header-nav-wrapper {margin:0 8px 0 0; padding:0; position:relative;}
#header-nav {margin:10px 0; padding:0; list-style:none; font-size:11px; color:#394042;}
#header-nav li {display:inline;}
#header-nav a {color:#394042; text-decoration:none; padding:0 5px;}
#header-nav a:hover {color:#394042; text-decoration:underline;}


/*--MAIN NAV SPECIFIC STYLES--
----------------------------*/
#main-nav {margin:0; padding:0; list-style:none;}
#main-nav img {border:none;}
#main-nav li {display:inline;}
#main-nav a.last {cursor:default;}

/*--FOOTER NAV SPECIFIC STYLES--
------------------------------*/
#footer-nav-wrapper {text-align:center; width:1009px}
.footer-nav {padding:0; margin:0; color:#4B4B4B; text-align:center; font-size:11px;}
.footer-nav li {list-style:none; display:inline; text-align:center;}
.footer-nav a, .footer-nav a:visited {color:#4B4B4B; text-decoration:none; padding:0 5px;}
.footer-nav a:hover {text-decoration:underline;}

/*--CONTENT SPECIFIC STYLES--
---------------------------*/
#content-wrapper {}
#upper-content-wrapper {width:941px; height:200px; position:relative;}
#main-content-wrapper {position:relative; width:941px;}
#main-content-wrapper-interior {position:relative; width:941px; background:transparent url('/layout/images/content-bg.jpg') repeat-y;}
#left-content {width:224px; float:left; position:relative; min-height:200px; margin:15px 10px; padding:0;}
#center-content {width:430px; float:left; position:relative; margin:20px; padding:0;}
#wide-content-top {width:733px; float:right;}
#wide-center-content {width:733px; float:right;}
#right-content {width:227px; float:right; position:relative; min-height:200px; margin:15px 0; padding:0;}
.contentpaneopen {font-size:12px; line-height:18px; color:#535353;}
.contentpaneopen a {text-decoration:none; color:#535353;}
.contentpaneopen a:hover {text-decoration:underline; color:#535353;}
.contentpaneopen ul {padding:0px 0px 0px 15px; margin:0px;}
.modulequote {padding:5px; font-size:11px; line-height:18px; color:#535353;}
.modulenews h3 {font-size:15px; line-height:20px; color:#535353; border-bottom:solid #005491 2px; margin:5px 44px 5px 44px; padding:0px; text-align:center;}
#links-wrapper {margin-top:10px; position:relative;}
img.links-image {margin-left:auto; margin-right:auto; display:block; padding:0 0 10px 0;}
#interior-left-content {width:207px; float:left; position:relative; margin:0; padding:0; background-color:#e8f3dc;}
#interior-content {margin:0; padding:0 20px 20px 20px; position:relative; clear:both;}
#wide-interior-content {padding:20px; position:relative;}
#interior-center-content {width:504px; float:left; position:relative; margin:0; padding:0;}
#interior-right-content {width:227px; float:right; position:relative; min-height:200px; margin:0; padding:0;}
#breadcrumb {position:relative; padding:10px 0; margin:0;}
#facebook-wrapper {position:relative; width:220px; height:64px; margin:18px auto 0 auto; padding:0;}
#facebook-wrapper-interior {position:relative; width:154px; height:45px; margin:18px auto 0 auto; padding:0;}


/*--CLIENT LOG IN SPECIFIC STYLES--
---------------------------------*/
#client-log-in {float:right; width:228px; height:200px; position:relative; background-color:#eff7ff; margin:0; padding:0;}
#interior-client-log-in {width:228px; height:139px; position:relative; background-color:#eff7ff; margin:0; padding:0;}
#floated-client-log-in {width:228px; height:139px; position:relative; float:right; background-color:#eff7ff; margin:0; padding:0;}
.username, .password {width:124px; border:1px solid #5C7B99; margin-left:5px; margin-bottom:2px; margin:0; padding:0; height:auto;}
form.client-login-form {margin:0; padding:10px 10px 0 10px;}
.additional-info {padding-left:15px;}
.additional-login {padding:5px 0 0 0; margin:0;}
tr.login {padding:5px;}
.login-button {padding:5px 0 0 0; float:right;}
#login-info {background-image:url(../images/accountLogin.png); background-repeat:no-repeat; background-color:#fff; width:228px; display:block; margin-top:1px; color:#939499; font-size:11pt;}
.login-label {font-size:11pt; margin:0; padding:0 5px 0 0;}
.login-field {font-size:11pt; margin:0; padding:0;}
#login-info a {font-size:8pt; color:#939499;}
a {outline:none;}

/*--FOOTER SPECIFIC STYLES--
--------------------------*/
#footer {text-align:center; width:1009px; margin:0; padding:0;}
#footer-links ul {padding:0; margin:10px 0 0 0;}
#footer-links li {list-style:none; display:inline; padding:5px 5px;}
.moduleright_info {padding-left:35px;}

/*--SEARCH SPECFIC STYLES--
-------------------------*/
#header-search {padding:5px 0 0 0; margin:0 12px 0 0; height:23px;}
.button {background-color:#005c9f; border:1px solid #666; color:#ffffff; font-size:14px; padding:0 5px; margin:0 0 0 5px;}
.input-box {border:1px solid #666666; font-size:13px; padding:2px; margin:0; width:140px;}

/*--PEST LIBRARY SPECIFIC STYLES--
--------------------------------*/
#pest-library {font-size:13px; margin:5px 5px 5px 10px;	font-size:12px; color:#535353;}
#bugging-you {text-transform:uppercase; font-size:15px; font-weight:bold; display:block;	font-size:15px; color:#535353;}
#pest-thumb {margin:0; padding:5px;}
#pest-thumb img {width:62px; border:none; padding:2px;}
.qtip-contentWrapper {min-width:242px;}
.qtip-content {font-family:arial;	font-size:10px;}
.pest-title {font-family:arial;	font-size:14px;	height:50px; text-transform:uppercase; font-weight:bold;}
.pest-title img{width:75px; float:left;	padding-right:5px;}
.pest-id-image {width:141px; font-size:11px; text-align:center; margin:0; padding:0 0 10px 0;}
a.pest-layout-link {margin:0; padding:0 0 10px 0; display:block;}

/*--HOME PAGE CAROUSEL SPECIFIC STYLES--
--------------------------------------*/
#home-page-carousel-wrapper {position:relative; width:710px; height:200px; margin:0; float:left;}
.home-page-carousel-content-holder {position:relative; width:710px; height:200px; background-color:#e4f1d7;}
.home-page-carousel-content-image {margin:0 auto; width:710px; height:200px; position:absolute; z-index:1; background-color:#ffffff; top:0; right:0; background-color:#e4f1d7;}

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

.home-page-carousel-content {position:absolute; top:0px; left:0px; width:240px; height:200px; color:#555558; font-size:11px; margin:0; padding:0;}
.home-page-carousel-content p {color:#555558; padding:10px 20px 0 10px;}

/*--INTERIOR PAGES CAROUSEL SPECIFIC STYLES--
--------------------------------------*/
#interior-pages-carousel-wrapper {position:relative; float:left; width:504px; height:139px; margin:0; padding:0;}
.interior-pages-carousel-content-holder {position:relative; width:504px; height:139px;}
.interior-pages-carousel-content-image {margin:0 auto; width:504px; height:139px; position:absolute; z-index:1; background-color:#ffffff; top:0; right:0; background-color:#e4f1d7;}

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

/*--SIDE NAV SPECIFIC STYLES--
----------------------------*/
ul.side-nav {list-style:none; width:207px; margin:0 0 15px 0; padding:0; font-size:13px; color:#555558;}
ul.side-nav li {display:inline; list-style:none;}
ul.side-nav a {text-decoration:none; display:block; padding:10px 0 10px 15px; margin:0; color:#535353;}
ul.side-nav a:hover, ul.side-nav a.current {color:#00528e;}


ul.side-nav li.header a {border-bottom:1px #ffffff solid;}
ul.side-nav li.header a.currentParent, ul.side-nav li.header a.last currentParent, ul.side-nav li.header a.current {background:url('/layout/images/side-nav-current.png') repeat-x; font-weights:bold; border:none;}

ul.side-nav li ul.items-wrapper {margin:0; padding:0 0 0 10px; background-color:#cbe4b2;}
ul.side-nav li ul li.items a {border:none; padding:5px 0 5px 15px;}
ul.side-nav li ul li.items a.first current, ul.side-nav li ul li.items a.current {background:none;}
ul.side-nav li ul li.items a.last {padding:5px 0 10px 15px;}

/*--TESTIMONIAL PAGE SPECIFIC STYLES--
------------------------------------*/
#testimonial-wrapper {margins:10px 0; paddings:0;}
.testimonial-content {margin:10px 0; padding:0;}
.testimonial-content p {padding:5px; font-size:11px;}

/*--AUDIO TESTIMONIAL SPECIFIC STYLES--
-------------------------------------*/
#audio-testimonial-wrapper {width:100%; margin:15px 0; padding:0; position:relative;}
.audio-testimonial {margin:15px 0; padding:0; position:relative; clear:both; height:40px;}
.audio-player {float:left; position:relative;}
#audio-testimonial-wrapper p {float:left; position:relative; margin:0 0 0 10px; line-height:38px;}
#bed-bug-audio-wrapper {width:195px; margin:15px auto; padding:0; position:relative;}
.bed-bug-audio {position:relative; clear:both; height:72px; width:195px; background:url('/audio/player/bed-bug-audio-bg.jpg') no-repeat;}
.bed-bug-audio-player {position:relative; margin:0; padding:26px 0 0 17px;}
p#bed-bug-audio-text {background-color:#e4f4ff; margin:0; padding:8px; font-size:12px;}

/*--MSDS PAGE SPECIFIC STYLES--
-----------------------*/
.msds {width:100%;}
.msds th, th.msds {text-align:left; background:#cacaca;}
.msds-select {width:340px;}
#msds-wrapper {position:relative;}
#msds-left {width:340px; float:left; margin:0 auto; padding:0 0 20px 0;}
#msds-right {width:340px; float:right; margin:0 auto; padding:0 0 20px 0;}
#msds-search {clear:both; margin:20px 0 0 0; }
.search-input-text {width:340px;}
.msds-button {text-align:center; width:80px;}
h2.text {clear:both; color:#000000; font-size:140%;}
#pdfFrame {width:690px; height:690px; margin:20px 0 20px 0; padding:0; position:relative;}
#pdfFrame-large {width:690px; height:690px; margin:20px 0 20px 0; padding:0; position:relative;}
#search-form {margin:30px 0 30px 0;}

/*--FORM SPECIFIC STYLES--
------------------------*/
table#form td {vertical-align:top;}
.label {padding:10px 10px 0 0;}
.field, .area-field {background-color:#e8f3dc; margin:10px 0 0 0;}
.check-field {display:inline-block; margin:10px 0 0 0;}
.select-field {margin:10px 0 0 0;}
.fixed-width-label {width:160px; display:inline-block;}
.alert {color:red;}
.form-button {margin:20px 0 0 0;}

/*--PEST ID SPECIFIC STYLES--
---------------------------*/
.pest-category-header {font-size:14px;}
span.pest-category {font-weight:bold;}
table.pest-id-table {margin:20px auto; text-align:center;}
td.pest-id-category {padding:10px 20px;} 
td.pest-catgory-caption a {text-align:center;}
a.pest-category-link img {display:block; margin:0 auto;}
#profile-detail {position:relative;}
.image-wrapper-first {float: right; margin:40px 0px 40px 15px; margin-right: 0; position:relative;}
.image-caption {text-align: center; font-style: italic; margin: 5px 0;}
.image-wrapper {float:right; margin:40px 0px 40px 15px; margin-right:0; clear:right; position:relative;}
.image-spacer {float:right; clear:right; height:50px; z-index:1; position:relative;}

/*--BLOG SPECIFIC STYLES--
------------------------*/
ul.blog-nav {margin:10px 0 0 10px; padding:0; position:relative;}
.blog-nav li {list-style:none; margin:0; padding:0;}
li.blog-nav-header {color:#555558; font-size:16px;}
li.blog-nav-item {margin:10px 0; padding:0;}
li.blog-nav-item span.date {font-size:10px; margin:0; padding:0;}
li.blog-nav-item a.blog-title {text-decoration:none; font-size:12px; display:block; margin:0 0 0 10px; padding:0;}
li.blog-nav-item a:hover.blog-title {text-decoration:underline;}
li.blog-nav-archive-year {margin:5px 0 0 0; padding:0;}
.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 {float:right; margin: 15px; margin-right:0; clear:right; 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;}

/*--MISSOURI MAP WITH MARKERS STYLES--
------------------------------------*/
#missouri-map-wrapper {position:relative; width:500px; height:500px; border:none; margin:0 auto; padding:0;}
.locations-info {margin:0; padding:0 0 0 15px; background:transparent;}
.locations-info h2 {margin:0; padding:0; font-size:14px; color:#007b44;}
.locations-info p {margin:2px 0; padding:0; font-size:12px;}


/*end*/