﻿/*--PLUNKETTS STYLESHEET--
-------------------------------*/
a {text-decoration:underline; color:#009966; outline:none;}
a:hover {text-decoration:underline; color:#009966;}
body {margin:0; padding:0; background:#006342 url('/layout/images/body-bg-new.jpg') repeat-x 0 0; font-family:Arial, Helvetica, sans-serif; font-size:small; min-height:896px;}
body#updated-homepage {margin:0; padding:0; background:#b3b3b3 url('/layout/images/updated-homepage-bg.jpg') repeat-x 0 0; font-family:Arial, Helvetica, sans-serif; font-size:small;}
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 */
#wrapper {width:940px; margin: 0px auto 0 auto;} 
#inner-wrapper {width:940px; position:relative; padding:0; background:url('/layout/images/wrapper-bg.png') repeat-y;}
#main-content-wrapper {width:900px; background:#7e7e7e url('/layout/images/inner-wrapper-bg.jpg') repeat-x; min-height:663px; margin:0 auto; position:relative;}
#main-content-wrapper-2010 {width:900px; margin:0 auto; position:relative; background:url('/layout/images/updated-homepage-content-bg-top.jpg') repeat-x; min-height:725px;}
#updated-homepage-content-bg-bottom {position:absolute; bottom:0; left:0; width:900px; height:300px; background:url('/layout/images/updated-homepage-content-bg-bottom.jpg') repeat-x;}
#top-content-wrapper {position:relative; width:900px; margin:0 auto; padding:10px 0;}
#main-content {width:840px; margin:0 auto;}
#main-content-2010 {width:900px; margin:0 auto;}

/*--FONT STYLES--
--------------------*/
h1, h2, h3, h4, h5, h6 {margin:10px 0; font-weight:normal; color:#009966;}
h1 {font-size: 240%; color:#000000;}
h2 {font-size: 170%;}
h3 {}
h4 {}
p {margin: 10px 0; line-height:130%; color:#000000;}

/*--HEADER STYLES--
--------------------*/
#header {width:940px; height:83px; margin:0; padding:0; position:relative; background:url('/layout/images/header-bg.png') no-repeat; background-color:transparent;}
.logo {float:left; margin:0 0 0 20px; border:none; background-color:transparent;}
.phone {float:right; margin:35px 40px 0 0; font-size:250%; font-weight:bold; color:#000000; padding:0;}
#search-box {float:right; margin:45px 30px 0 0; padding:0;}
#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 {width:900px; height:28px; background:#009966 url('/layout/images/main-nav-bg.jpg') no-repeat; margin:0 auto;}
.main-nav {margin:0; text-align:center; padding:0;}
.main-nav li {list-style:none; margin:0; padding:0; display:inline; line-height:28px;}
.main-nav a {color:#ffffff; padding:0 20px 0 16px;; display:inline-block; line-height:28px; font-size:15px;}
.main-nav ul li a {text-decoration:none;}
.main-nav a:hover, .main-nav a.current, .main-nav a.currentParent {text-decoration:underline;}
.main-nav ul {margin:0; padding:0;}

/*--SIDE NAVIGATION STYLES--
--------------------*/
.side-nav {margin:15px 0 0 -10px;}
.side-nav li {margin:0; padding:0; list-style-type:none; width:218px; height:31px;}
.side-nav a {padding:14px 0 0 30px; text-align:left; display:block; background:url(/layout/images/side-nav.jpg) no-repeat 0 0; width:218px; height:31px; font-size:14px; font-weight:bold; color:#000000; text-decoration:none;}
.side-nav a:hover {background:url(/layout/images/side-nav-current.jpg) no-repeat 0 0; text-decoration:none;}
.side-nav a.current, .side-nav a.currentParent {text-decoration:none; background:url(/layout/images/side-nav-current.jpg) no-repeat;}
.side-nav h2 {margin:0 0 0 35px;}

/*--CONTENT STYLES--
--------------------*/
.free-estimate-button {padding:10px 0;}
#breadcrumb {margin:10px 0 10px 0; padding:0;}


/*--FOOTER STYLES--
--------------------*/
#footer-wrapper {width:940px; height:126px;}
#footer {width:940px; height:87px; position:relative; padding:0; margin:0; background:url('/layout/images/footer-bg.png') no-repeat 0 0;}
#footer-nav-wrapper {margin:0; padding:22px 0 0 0;}
.footer-nav {margin:0; text-align:center; padding:0;}
.footer-nav li {list-style:none; margin:0; padding:0; display:inline; color:#ffffff;}
.footer-nav a {color:#ffffff; padding:0 10px 0 10px;; display:inline-block; font-size:10px;}
.footer-nav a:hover {text-decoration:underline;}
.footer-nav ul {margin:0; padding:0;}
#footer-lower {background:transparent;}
#footer-lower p, #footer-lower a {color:#000000; font-size:11px; text-decoration:none; font-weight:normal; text-align:center; margin:0 0 10px 0;}

/*--INDEX SPECIFIC STYLES--
--------------------*/
#main-content-wrapper {width:900px; background:#7e7e7e url('/layout/images/inner-wrapper-bg.jpg') repeat-x; min-height:663px;}
#content {margin:20px 0 50px 0;}
#content-2010 {position:relative; margin:2px 0 0 0; padding:0 10px;}
#content h1, #content h2, #content h3, #content h4, #content h5, #content h6, #content p {color:#ffffff;}
#content a {color:#ffffff; text-decoration:underline;}
#content-left {width:540px; float:left; position:relative;}
#content-right {margin:0; padding:0; width:300px; float:right; position:relative;}
#content-right-2010 {margin:0; padding:0; width:540px; float:right; position:relative;}
#home-page-links-wrapper {position:relative; width:356px; padding:0 0 0 3px;}
.home-page-links-top {}
.home-page-links-bottom {}
.home-page-link-image {margin:0; padding:0; width:176px; height:110px;}
#lower-content {position:relative; width:900px; margin:0 auto; padding:0;}
#user-right-content {margin:50px 0 50px 27px;}
.home-side-nav {width:300px; margin:13px 0 0 0;}
.home-side-nav ul {margin:0; padding:0;}
.home-side-nav li {list-style-type:none; margin:0; padding:0;}
.home-side-nav a {border:none; text-decoration:none;}
#home-page-blog-wrapper {position:relative; width:353px; height:332px;}
.home-page-blog-text-wrapper {position:relative; width:317px; height:283px; background-color:#d9f0e8; margin:0; padding:11px 18px;}
.home-page-blog-links {position:absolute; width:353px; height:27px; bottom:0px; background-color:#009966;}
.rss-logo {position:relative; float:right; margin:0; padding:0 0 0 10px;}
h1.home-page-blog-heading {font-size:16px; font-weight:bold; margin:0 0 10px 0; padding:0;}
p.home-page-blog-text {font-size:10px;}
a.home-page-blog-link {color:#ffffff; font-size:13px; display:inline-block; line-height:27px; float:left; margin:0; padding-left:18px; text-decoration:none;}
a.home-page-blog-article-link {color:#ffffff; font-size:13px; display:inline-block; line-height:27px; float:right; margin:0; padding-right:18px; text-decoration:none;}

/*--INTERIOR SPECIFIC STYLES--
--------------------*/
#interior-content-wrapper {width:900px; background:#ffffff; min-height:663px; position:relative; margin:0 auto;}
#interior-main-content {width:900px; position:relative;}
#interior-content-left {width:218px; float:left; position:relative;}
#interior-content-right-image {width:632px;}
img.header-image {margin:0; padding:0; border:0; position:absolute; left:0; top:0;}
#interior-content-right {width:632px; float:right; position:relative; margin:0 23px 30px 27px;}
#interior-content-right ul li {padding:2px 0; line-height:130%;}

/*--BLOG SPECIFIC STYLES--
--------------------*/
#blog-side-nav {margin:30px 0 0 20px; padding:0;}
#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: #000000;}
.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;}
a:hover.blog-cursor-hover {background:url(/layout/images/side-nav.jpg) no-repeat 0 0; cursor:default;}
.blog-cursor-hover {cursor:default; background:url(/layout/images/side-nav.jpg) no-repeat 0 0;}

/*--HOME PAGE CAROUSEL SPECIFIC STYLES--
---------------------*/
#home-page-carousel-wrapper {position: relative; width:540px; height:332px; margin:26px 0 0 0; background:#062d38;}
.home-page-carousel-content-holder {position:absolute; width:540px; height:332px; top:0; left:0;}
.home-page-carousel-content-image {margin:0 auto; width:540px; height:332px; position:absolute; z-index:1; background-color:#FFFFFF;}
.home-page-carousel-content {position:absolute; width:540px; height:27px; bottom:0; background-color:#062d38;}
.home-page-carousel-content h6 {color:#009966; font-size:13px; display:inline-block; line-height:27px; float:left; margin:0; padding-left:10px;}
.home-page-carousel-content p {color:#ffffff; font-size:13px; display:inline-block; line-height:27px; float:left; margin:0; padding-left:10px;}
.home-page-carousel-content a {color:#009966; font-size:13px; display:inline-block; line-height:27px; float:right; margin:0; padding-right:10px;}

#home-page-carousel-wrapper-2010 {position:relative; float:right; width:540px; height:332px; margin:0; background:#009966;}
.home-page-carousel-content-2010 {position:absolute; width:540px; height:27px; bottom:0; background-color:#009966;}
.home-page-carousel-content-2010 h6 {color:#ffffff; font-size:13px; display:inline-block; line-height:27px; float:left; margin:0; padding-left:10px;}
.home-page-carousel-content-2010 a {color:#ffffff; font-size:13px; display:inline-block; line-height:27px; float:right; margin:0; padding-right:10px; text-decoration:none;}


/*--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;} 
/*----------------------------------------------------------------*/

/*--TESTIMONIAL SPECIFIC STYLES--
-----------------------*/
#testimonial-block {width:224px; margin:30px 0 0 20px; padding:0;}
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:630px; margin-left:auto; margin-right:auto; margin-top:20px; position:relative;}
#msds-left {width:300px; float:left; margin:0 auto; padding:0 0 20px 0;}
#msds-right {width:300px; float:right; margin:0 auto; padding:0 0 20px 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:#000000; font-size:140%;}
#pdfFrame {width:630px; height:420px; margin:20px 0 20px 0; padding:0; position:relative;}
#pdfFrame-large {width:630px; height:700px; margin:20px 0 20px 0; padding:0; position:relative;}
#search-form {margin:30px 0 30px 0;}

/*--DIRECTORY SPECIFIC STYLES--
-------------------------*/
#employee-focus-wrapper {position:relative; margin:30px 0 0 0; padding:0 0 30px 0; border-bottom:1px #009966 solid;}
#tblPeopleSearch td {padding:5px; color:#062d38; vertical-align:middle;}
#tblPeopleSearch select, #tblPeopleSearch input {color:#000000; width:300px;}
#reset {margin:10px 0; width:75px;}
#people-list {margin:0 0 50px 0; padding:0;}
#people-list thead tr {background-color:#009966;}
#people-list thead td {padding:5px; color:#ffffff;}
#people-list tbody td {padding:5px; color:#000000; border-bottom:1px #000000 solid;}
#people-list tbody td a {font-weight:normal;}
#directory-wrapper {position:relative; background:url('/layout/images/directory-divider.jpg') repeat-y; background-position: 151px 0px; margin:30px 0 0 0; padding:0;}
#directory-left {width:151px; float:left; position:relative; margin:0; padding:0;}
#directory-right {width:464px; position:relative; float:right; margin:0; padding:0; clear:right;}
.directory-img {margin:0 0 30px 0; width:125px; heights:150px; padding:0; float:left;}
#profile-left-container {margin:0 15px 0 0; padding:0;}
.profile-left-header-caps {margin:0; padding:0 0 3px 0; color:#000000; text-transform:uppercase; font-size:100%; font-weight:bold;}
.profile-left-header {margin:0; padding:0 0 3px 0; color:#000000; font-size:100%; font-weight:bold;}
.profile-left-details {margin:0; padding:0; color:#000000; font-size:83%; font-weight:bold;}
.profile-right-name {margin:0; padding:0 0 3px 0; color:#000000; font-size:180%; font-weight:bold;}
.profile-right-job-title {margin:0; padding:0 0 3px 0; color:#000000; font-size:130%;}
.profile-right-header {margin:0; padding:0 0 3px 0; color:#000000; font-size:100%; font-weight:bold;}
.profile-right-details {margin:0; padding:0; color:#000000; font-size:100%; font-weight:normal;}
#profile-license-wrapper {position:relative; margin:0; padding:0;}
.profile-license-holder {float:left; position:relative; margin:0 12px 0 0; padding:0;}
.profile-license-header {margin:0; padding:0; color:#000000; font-size:100%; font-weight:bold;}
.profile-license-number {margin:0; padding:0; color:#000000; font-size:100%;}
a.profile-right-link {float:right; color:#009966;}

/*--HOME PAGE TABS STYLES--
-------------------------*/
#tabs-wrapper {position:relative; margin:0 auto; padding:15px 0; heights:285px;}
.tabs-area {position:relative; width:882px; 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/plunketts-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:#009966; 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:#009966 !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;}



/*--CONTACT FORM STYLES--
-----------------------*/
td.contact-label {padding:0 10px 7px 0;}
td.contact-field {padding:0 0 7px 0;}
td.contact-field input, td.contact-field textarea, td.contact-field select {background-color:#e7f6f1; font-family:Arial, Helvetica, sans-serif; font-size:12px; resize:none;}
span.alert {color:red; font-weight:bold;}







/*--END--*/




