﻿/*--ROSE PEST SOLUTIONS CSS STYLESHEET AUGUST 2010--*/

/*--GENERAL STYLES--*/
body {font-family:Arial, Helvetica, sans-serif; font-size:13px; margin:0px; padding:0px; background:#ffffff url('/layout/images/body-bg.jpg') repeat-x top;}
a {outline:none; text-decoration:none; color:#ce1143;}
a:hover {text-decoration:underline;}
img {border:none;}
.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 {color:#ce1143; font-size:25px;}
h2 {color:#004b91; font-size:17px;}
p {color:#000000; font-size:13px;}

/*--HEADER STYLES--*/
#header-wrapper {position:relative; width:950px; height:408px; margin:0 auto;}
#header-logo {position:absolute; top:15px; left:25px;;}
#header-inner-wrapper {position:absolute; top:0px; right:20px; width:706px; height:110px; xmargin:0 20px 0 0; padding:0;}
#header-search-wrapper {position:relative; float:left; width:256px; height:43px; background:url('/layout/images/header-search-bg.png') no-repeat;}
#header-nav-wrapper {position:relative; float:right; width:706px;}
input.header-search-box {position:absolute; top:10px; left:80px; margin:0; padding:0 5px; width:135px; height:24px; line-height:24px; font-size:12px; color:#004b91; border:none; background-color:#ffffff;}
input.header-search-button {position:absolute; top:9px; left:225px; margin:0; padding:0; width:21px; height:26px;}

/*--TOP NAV STYLES--*/
.top-nav ul {list-style:none; text-align:right; font-size:12px;}
.top-nav li {display:inline;}
.top-nav a {color:#004b91; text-transform:uppercase; text-decoration:none;}
.top-nav a:hover {text-decoration:underline;}
li.top-nav-phone {color:#004b91; text-transform:uppercase; text-decoration:none; font-weight:bold;}

/*--MAIN NAV STYLES--*/
ul.main-nav {position:relative; list-style:none; height:33px; margin:0; padding:0; width:706px; z-index:99990; background:none;}
ul.main-nav li {display:inline; height:33px;}
ul.main-nav li img {border:none;}
ul.main-nav li.residential a.main-nav-link {background:url('/layout/images/navigation/residential.png') no-repeat; width:118px; height:33px; display:block; margin:0; padding:0; float:left;}
ul.main-nav li.residential a:hover.main-nav-link, ul.main-nav li.residential a.current, ul.main-nav li.residential a.currentParent, ul.main-nav li:hover.residential a.main-nav-link {background:url('/layout/images/navigation/residential-current.png') no-repeat;}
ul.main-nav li.commercial a.main-nav-link {background:url('/layout/images/navigation/commercial.png') no-repeat; width:118px; height:33px; display:block; margin:0; padding:0; float:left;}
ul.main-nav li.commercial a:hover.main-nav-link, ul.main-nav li.commercial a.current, ul.main-nav li.commercial a.currentParent, ul.main-nav li:hover.commercial a.main-nav-link {background:url('/layout/images/navigation/commercial-current.png') no-repeat;}
ul.main-nav li.pest-id a.main-nav-link {background:url('/layout/images/navigation/pest-id.png') no-repeat; width:166px; height:33px; display:block; margin:0; padding:0; float:left;}
ul.main-nav li.pest-id a:hover.main-nav-link, ul.main-nav li.pest-id a.current, ul.main-nav li.pest-id a.currentParent, ul.main-nav li:hover.pest-id a.main-nav-link {background:url('/layout/images/navigation/pest-id-current.png') no-repeat;}
ul.main-nav li.locations a.main-nav-link {background:url('/layout/images/navigation/locations.png') no-repeat; width:97px; height:33px; display:block; margin:0; padding:0; float:left;}
ul.main-nav li.locations a:hover.main-nav-link, ul.main-nav li.locations a.current, ul.main-nav li.locations a.currentParent, ul.main-nav li:hover.locations a.main-nav-link {background:url('/layout/images/navigation/locations-current.png') no-repeat;}
ul.main-nav li.about-us a.main-nav-link {background:url('/layout/images/navigation/about-us.png') no-repeat; width:92px; height:33px; display:block; margin:0; padding:0; float:left;}
ul.main-nav li.about-us a:hover.main-nav-link, ul.main-nav li.about-us a.current, ul.main-nav li.about-us a.currentParent, ul.main-nav li:hover.about-us a.main-nav-link {background:url('/layout/images/navigation/about-us-current.png') no-repeat;}
ul.main-nav li.contact-us a.main-nav-link {background:url('/layout/images/navigation/contact-us.png') no-repeat; width:110px; height:33px; display:block; margin:0; padding:0; float:left;}
ul.main-nav li.contact-us a:hover.main-nav-link, ul.main-nav li.contact-us a.current, ul.main-nav li.contact-us a.currentParent, ul.main-nav li:hover.contact-us a.main-nav-link {background:url('/layout/images/navigation/contact-us-current.png') no-repeat;}
.main-nav-divider {width:1px; height:33px; display:block; float:left;}

ul.main-nav li:hover ul.sub-nav, ul.main-nav li.currentParent ul.sub-nav {position:absolute; z-index:99980; top:33px; left:0; width:684px; display:block; list-style:none; text-align:left;}
ul.main-nav li:hover .main-nav-bg, ul.main-nav li.currentParent .main-nav-bg {position:absolute; z-index:-1; display:block; bottom:0px; left:0px;}
ul.main-nav li:hover .sub-nav-border-bottom, ul.main-nav li.currentParent .sub-nav-border-bottom {position:absolute; z-index:99980; bottom:-5px; left:-1px; display:block;}
ul.sub-nav {display:none; margin:0 0 10px 0; padding:5px 10px 0 10px; background-color:#dae2ea; border-left:1px #91b2d0 solid; border-right:1px #91b2d0 solid;}
.main-nav-bg {display:none;}
.sub-nav-border-bottom {display:none;}
/*--ul.current, ul.currentParent {position:absolute; z-index:99998; top:39px; left:0; width:940px; display:block; text-align:right; height:33px; line-height:33px; background-color:#febe10; border-bottom:6px #ffffff solid;}--*/
li.sub-nav {display:inline; color:#004b91; margin:0; padding:0; z-index:99980;}
a.sub-nav-link {color:#004b91; font-size:13px; margin:0; padding:0 0px 0 0; height:20px; line-height:20px; text-decoration:none;}
ul.main-nav li ul.sub-nav li.sub-nav a.current {font-weight:bold; background:none;}
a:hover.sub-nav-link /*--, li.sub-nav a.current--*/ {text-decoration:underline;}

/*--HOMEPAGE CAROUSEL STYLES--*/
#homepage-carousel-wrapper {position:relative; width:950px; height:242px; margin:0 auto; padding:166px 0 0 0;}
.homepage-carousel {position:relative; width:950px; height:242px;}
.homepage-carousel-image {margin:0 auto; width:950px; height:242px; position:absolute; z-index:1;}
.homepage-carousel-image img {position:absolute; top:0; left:0; display:none; border:none;} /*--IMPORTANT!! - STOPS CAROUSEL IMAGES LOADING UNDER EACH OTHER--*/
.homepage-carousel-image img:first-child {display:block; border:none;} /*--IMPORTANT!! - STOPS CAROUSEL IMAGES LOADING UNDER EACH OTHER--*/
.homepage-carousel-content {position:absolute; top:30px; right:30px; width:380px; height:150px;}
.homepage-carousel-content h1 {color:#ce1143; font-weight:bold; font-size:22px; margin:0 0 10px 0; padding:0px;}
.homepage-carousel-content h2 {color:#004b91; font-weight:bold; font-size:17px; margin:0 0 10px 0; padding:0px;}
.homepage-carousel-content p {color:#000000; margin:0px; padding:0px;}

#homepage-carousel-nav {position:absolute; bottom:-2px; left:25px; z-index:10; margin:0; padding:0;}
#homepage-carousel-previous img {position:relative; width:87px; height:20px; border:none; margin:0; padding:0 0 3px 0;}
#homepage-carousel-next img {position:relative; width:87px; height:20px; border:none; margin:0; padding:0 0 3px 0;}
#homepage-carousel-button img {position:relative; width:23px; height:23px; border:none; margin:0; padding:0 5px 0 5px;}

/*--HOMPEAGE PEST ID SCROLLER--*/
#pest-scroller-wrapper {position:relative; width:950px; height:100px; margin:12px auto;}
a.pest-scroller-link, ul#pest-scroller p {text-align:center; color:#000000; text-decoration:none; margin:0; padding:0; vertical-align:top; font-size:12px;}
#pest-scroller-link a:hover {text-decoration:underline;}

/*--PEST ID SCROLLER STYLES--*/
.jcarousel-skin-rose .jcarousel-direction-rtl {direction:rtl;}
.jcarousel-skin-rose .jcarousel-container-horizontal {width:900px; padding:0 25px; margin:0 auto;}
.jcarousel-skin-rose .jcarousel-clip-horizontal {width:900px; height:100px; background-color:#ffffff;}
.jcarousel-skin-rose .jcarousel-item {width:100px; height:100px; xborder:1px solid #fff;}
.jcarousel-skin-rose .jcarousel-item:hover {border-color:#808080;}
.jcarousel-skin-rose .jcarousel-item-horizontal {margin-left:5px; margin-right:5px;}
.jcarousel-skin-rose .jcarousel-direction-rtl .jcarousel-item-horizontal {margin-left:7px; margin-right:0;}
.jcarousel-skin-rose .jcarousel-item-placeholder {}

/*--HORIZONTAL BUTTONS--*/
.jcarousel-skin-rose .jcarousel-next-horizontal {position:absolute; top:0px; right:0px; width:25px; height:100px; cursor:pointer; background:transparent url('/layout/images/pest-id-scroller-right.png') no-repeat 0 0;}
.jcarousel-skin-rose .jcarousel-direction-rtl .jcarousel-next-horizontal {left:0px; right:auto; background-image:url('/layout/images/pest-id-scroller-right.png');}
.jcarousel-skin-rose .jcarousel-prev-horizontal {position:absolute; top:0px; left:0px; width:25px; height:100px; cursor:pointer; background:transparent url('/layout/images/pest-id-scroller-left.png') no-repeat 0 0;}
.jcarousel-skin-rose .jcarousel-direction-rtl .jcarousel-prev-horizontal {left:auto; right:0px; background-image:url('/layout/images/pest-id-scroller-left.png');}
.jcarousel-skin-rose .jcarousel-prev-disabled-horizontal, .jcarousel-skin-rose .jcarousel-prev-disabled-horizontal:hover, .jcarousel-skin-rose .jcarousel-prev-disabled-horizontal:active {cursor:default;}

/*--CONTENT STYLES--*/
#content-wrapper {position:relative; width:987px; margin:0 auto 15px auto; padding:0; background:#ffffff url('/layout/images/content-bg.jpg') repeat-x top; min-height:600px;}
#content {position:relative; width:950px; margin:0 auto 10px auto; padding:0px;}
#interior-content-wrapper {position:relative; margin:10px auto; padding:0;}
#breadcrumb {margin:10px 0;}
#interior-column-right {position:relative; float:right; width:283px;}
#interior-column-left {position:relative; width:631px;}
.right-column-box-top, .right-column-box-bottom {position:relative; display:block; width:283px; height:6px; margin:0; padding:0;}
.right-column-box-middle {position:relative; background-color:#d31145; width:263px; margin:0; padding:10px;}
.right-column-box-middle h1, .right-column-box-middle h2, .right-column-box-middle h3, .right-column-box-middle h4, .right-column-box-middle h5, .right-column-box-middle h6, .right-column-box-middle p {color:#ffffff;} 

/*--HOMEPAGE LINKS STYLES--*/
#homepage-links-wrapper {position:relative; width:274px; float:left;}
#pest-problem-link {position:relative; background:url('/layout/images/pest-problems-button-bg.png') no-repeat; width:274px; height:119px; margin:0 0 10px 0; padding:0;}
#unbug-a-friend-bg {position:relative;width:274px; height:119px; margin:0 0 10px 0; padding:0;}
#client-testimonials-link {position:relative; background:url('/layout/images/client-testimonials-button-bg.png') no-repeat; width:274px; height:119px; margin:0 0 10px 0; padding:0;}
#community-link {position:relative; background:url('/layout/images/community-button-bg.png') no-repeat; width:274px; height:119px; margin:0; padding:0;}
.homepage-click-here-button {position:absolute; bottom:12px; right:16px;}

/*--HOMEPAGE BLOG STYLES--*/
#homepage-blog-area-wrapper {position:relative; float:right; width:330px; height:506px; margin:0; padding:0;}
#homepage-blog-area, #homepage-news-area {background-color:#ffffff; border-left:1px #d82b59 solid; border-right:1px #d82b59 solid; margin:0; padding:10px;}
#homepage-blog-area {height:432px;}
h1.homepage-box-title {margin:0; padding:0; font-size:16px; color:#ce1143;}
h2.homepage-box-subtitle {margin:5px 0 0 0; padding:0; font-size:14px; color:#004b91;}
p.homepage-box-date {margin:0; padding:0; font-size:12px; color:#ce1143;}
p.homepage-box-text {margin:5px 0 10px 0; padding:0; font-size:12px; color:#000000;}
.homepage-blog-top {display:block; margin:0; padding:0; width:330px; height:47px;}
img.homepage-box-bottom {display:block; margin:0; padding:0; width:330px; height:7px;}
.view-blog-news-buttons {position:absolute; bottom:7px; right:7px;}

/*--HOMEPAGE NEWS STYLES--*/
#homepage-news-area-wrapper {position:relative; float:right; width:330px; height:282px;}
.homepage-news-top {display:block; margin:0; padding:0; width:330px; height:47px;}
#homepage-news-area {height:208px;}

/*--HOMEPAGE MAP AREA STYLES--*/
#homepage-map-wrapper {position:relative; float:right; width:329px; height:216px; clear:right; margin:8px 0 0 0;}

/*--INTERIOR BANNER STYLES--*/
#interior-banner-wrapper {position:relative; width:950px; height:240px; background:url('/layout/images/interior-banner-bg.png') no-repeat;}
.interior-banner-image {position:absolute; top:1px; left:1px;}
#interior-banner-form-wrapper {position:relative; float:right; width:390px; margin:13px 0 0 0; padding:0;}
.form-stub-header {color:#ffffff; font-size:16px; margin:10px 0; padding:0;}
.form-stub-text {color:#ffffff; font-size:13px; margin:10px 0 10px 15px;}
span.form-stub-phone {font-weight:bold; font-size:17px;}
.form-stub-sub-text {color:#ffffff; font-size:11px; margin:10px 0 10px 15px;}
.form-stub-field {width:229px; padding:0;}
input.form-stub-input {width:223px; font-size:13px; margin:5px 0;}
.form-stub-button input {width:100%; margin:5px 0; padding:0;}
td.form-stub-button {width:229px; margin:0px; padding:0px;}

/*--FOOTER STYLES--*/
#footer-wrapper {position:relative; width:950px; height:157px; margin:0 auto; background:url('/layout/images/footer-bg.png') no-repeat;}
#contact-info {position:relative; xfloat:left; width:340px; height:156px;}
#footer-external-links {position:relative; width:600px; float:right; margin:30px 0 0 0;}
.footer-external-links-logo {float:right; margin-right:10px; padding:0;}
.footer-logo {position:relative; float:left; margin:16px 25px 0 25px; padding:0; width:164px; height:122px;}
.footer-address {position:relative; float:left; color:#ffffff; margin-top:35px; padding:0; xwidth:200px;}
.qualitypro-footer {margin-top:9px;}
.qualitypro-schools-footer {margin-top:10px;}
.pestworld-footer {margin-top:6px;}
.copesan-footer {margin-top:25px;}
.npma-footer {margin-top:25px;}

/*--DROPDOWN STYLES--*/
#dropdown-wrapper {position:relative; margin:0; padding:0;}
.dropdown-1, .dropdown-2 {position:relative; width:631px; height:33px; background:url('/layout/images/dropdown-bg.png') no-repeat; margin:10px 0; padding:0;}
a:hover#dropdown-1, a:hover#dropdown-2 {text-decoration:none;}
.active {position:relative; width:631px; height:33px; background:url('/layout/images/dropdown-bg-active.png') no-repeat; margin:10px 0; padding:0;}
p.dropdown-title {position:relative; height:33px; line-height:33px; color:#ffffff; font-size:19px; margin:0 0 0 12px; padding:0;}
p.dropdown-arrow-text {position:relative; height:33px; line-height:33px; color:#ffffff; font-size:12px; float:right; margin:0 12px 0 0; padding:0;}
.dropdown-text {position:relative; width:611px; margin:0; padding:0 10px;}

/*--BLOG STYLES--*/
#blog-column-left {position:relative; width:283px;}
#blog-column-right {position:relative; float:right; width:631px;}
#blog-banner-search-wrapper {position:absolute; width:231px; height:80px; top:125px; left:560px;}
p.blog-banner-search-title {margin:0; padding:0; font-size:38px; font-weight:bold; color:#ffffff;}
input.blog-banner-search-box {position:absolute; bottom:1px; left:0px; margin:0; padding:0 5px; width:200px; height:24px; line-height:24px; font-size:12px; color:#004b91; border:none; background-color:#ffffff;}
input.blog-banner-search-button {position:absolute; bottom:0px; right:0px; margin:0; padding:0; width:21px; height:26px;}

.blog-nav-box-top, .blog-nav-box-bottom {position:relative; display:block; width:283px; height:6px; margin:0; padding:0;}
.blog-nav-box-middle {position:relative; background-color:#d31145; width:263px; margin:0; padding:10px 10px 4px 10px;}
.blog-nav-box-middle h1, .blog-nav-box-middle h2, .blog-nav-box-middle h3, .blog-nav-box-middle h4, .blog-nav-box-middle h5, .blog-nav-box-middle h6, .blog-nav-box-middle p {color:#ffffff; margin-top:0;} 

.blog-current-nav-date, .blog-current-nav-title {color:#ffffff; vertical-align:top; padding:0 10px 10px 0; margin:0;}
.blog-current-nav-title a {color:#ffffff;}
.blog-subscribe-text, .blog-subscribe-link {display:inline-block; margin:0; padding:0;}
.blog-subscribe-logo {display:inline-block; width:32px; height:31px; vertical-align:middle;}
.blog-subscribe-text {color:#ffffff; font-weight:bold; font-size:11px;}
a.blog-subscribe-link {color:#ffffff; text-decoration:underline; font-size:11px;}








/*--END--*/