*{margin:0; padding:0;}
body{background:#e6d6bd; font:normal 11px/1.2 verdana,sans-serif; margin:0 auto; width:877px;}
#branding{background:url(images/branding.jpg) bottom no-repeat; height:75px; position:relative; z-index: 3;}
#branding #logo{background:url(images/logo.jpg); bottom:0; height:56px; left:0; position:absolute; text-indent:-9999px; width:294px;}
#branding #nav-sub{background:#4b4741; padding:0 1px 1px 1px; position:absolute; right:0; top:0;}
#branding #nav-sub li{ float:left; list-style:none; margin-left:1px; padding-bottom:4px;}
#branding #nav-sub li.first{margin:0;}
#branding #nav-sub li a{background:#f3ebde; color:#000; font-size:9px; padding:12px 12px 4px 12px; text-decoration:none;}
#branding #nav-sub li a:hover{background:#fff;}
#branding #nav-sub li ul{background:#f3ebde; border:1px solid #4b4741; display:none; left:0; padding:0; position:absolute; top:17px; width:150px; z-index:1000!important;}
#branding #nav-sub li:hover ul, #branding #nav-sub li.hover ul{display:block;}
#branding #nav-sub li ul li{float:none; border-top:1px solid #4b4741; padding:0;}
#branding #nav-sub li ul li.first{border:none;}
#branding #nav-sub li ul li a{display:inline-block;}
#branding #nav-sub li ul li a{display:block; width:126px;}
#branding #nav-sub li ul li a:hover{background:#fff;}

#nav{position: relative; background:#000; border:1px solid #000; height:22px; z-index: 2;}
#nav li{float:left; list-style:none; margin:0 1px 0 0; position:relative;}
#nav li.form{width:193px; margin:0;}
#nav li a{background:#375f64; color:#fff; display:block; font-size:12px; font-weight:bold; letter-spacing:.75px; padding:4px 0; text-align:center; text-decoration:none;}
#nav li a:hover{background:#a02e3b;}
#nav li a#departments{width:119px;}
#nav li a#find-area-pros{width:130px;}
#nav li a#services{width:89px;}
#nav li a#green-products{width:136px;}
#nav li a#gallery{width:80px;}
#nav li a#related-links{width:122px;}
#nav li form{position:absolute; right:0; top:0;}
#nav li form label{color:#fff; font-weight:bold; padding-right:4px;}
#nav li form input{border:none; margin:1px 3px; padding:1px; width:90px;}
#nav li form button{background:url(images/button.jpg) center center no-repeat; border:0; cursor:pointer; height:22px; text-indent:-9999px; width:16px;}
#nav li ul {background:#375f64; display:none; left:0; padding:4px 16px; position:absolute; top:22px; width:200px; z-index:100;}
#nav li:hover ul, #nav li.hover ul{display: block;}
#nav li ul li {float: none;}
#nav li ul li a{display: inline-block; text-align:left;}
#nav li ul li a{display: block;}
#nav li ul li a:hover{background: #a02e3b;}

#wrapper-content{background:#fff; border-bottom:1px solid #000; border-left:1px solid #000; border-right:1px solid #000; margin:0 0 15px 0; min-height:513px; overflow:hidden; padding:16px 0 0 0; position:relative; z-index: 1;}
#content{margin:0 22px 0 28px; min-height:513px; width:567px;}
#content #jackmail{margin:0 0 10px 0;}
#content #jackmail div{background:url(images/email.png) 0 0 no-repeat; float:left; margin:0 10px 0 0; height:19px; width:104px;}
#content #jackmail input{background:none; border:none; padding:2px 4px 4px; height:13px; width:81px;}
#content #jackmail button{background:none; border:none; cursor:pointer; height:19px; text-indent:-9999px; width:14px;}
#content #jackmail label{font-size:14px; font-weight:bold;}
#content #jackmail label span{color:#a03235;}
#content #promos{position:relative; height:391px; margin:0 0 14px 0; overflow:hidden;}
#content #promos #pager{bottom:12px; position:absolute; right:12px; z-index:100;}
#content #promos #pager a{background:#fff; border:1px solid #000; color:#000; display:block; font-size:10px; float:left; height:15px; text-align:center; text-decoration:none; width:15px!important;}
#content #promos #pager div{float:left;}
#content #promos #pager a#prev, #content #promos #pager a#next{background:url(images/prev-next.png); border:none; height:17px; text-indent:-9999px; width:17px;}
#content #promos #pager a#next{background-position:-17px 0;}
#content #promos #pager a.activeSlide{background:#375f64;}
#content #rotate{background:#e6d6bd; border:1px solid #000; height:389px; overflow:hidden; width:565px;}
#content #rotate li{list-style:none; height:389px; position:relative;}
#content #rotate li img{background:#fff; border:1px solid #fff;}
#content #rotate li h2{bottom:12px; font-size:14px; left:12px; position:absolute;}
#content p{margin:0 0 14px 0;}
#content h1{color:#a02e36; font-size:14px; margin:0 0 14px 0;}
#content .departments{display:block; width:100%; margin:0 0 14px 0; height:19px;}
#content .departments h1{display:block; float:left;}
#content .departments a#ask-experts{background:url(images/experts.png); cursor:pointer; display:block; float:left; height:19px; margin:0 0 0 14px; text-indent:-9999px; width:140px;}
#content .section-photo{float:left; margin:0 14px 14px 0; padding:0;}
#content .section-photo img{padding:0!important; margin:0!important;}
#content ul li{list-style:inside disc;}
#content a img{border:none;}
#content a{color:#365c53;}
#content fieldset{border:none;}
#content label{font-weight:bold;}
#content #gallery-images li{float:left; list-style:none; margin:0 16px 16px 0;}
#content #gallery-images li a{display:block;  outline:none;}
#content #gallery-images li a img{border:none;}
#sidebar{background:#d7dfe0; height:100%; padding:19px 16px 0 16px; position:absolute; right:0; top:0; width:225px;}
#sidebar ul li{list-style:none; margin:0 0 5px 0;}
#sidebar ul li h3{font-size:9px; margin:0 0 5px 0;}
#sidebar ul li a{color:#000;}
#sidebar div{background:#e6d6bd url(images/sidebar-div.png) bottom right no-repeat; border:1px solid #000; height:83px;}
#sidebar div#mold-solution{height:27px;}
#sidebar div#jacks-corner{background:url(images/jacks-corner.jpg) no-repeat; border:none!important; height:75px; padding:10px 5px 0 50px;}
#sidebar div img{border-right:1px solid #000; float:left; margin:0 8px 0 0;}
#sidebar div h4{font-size:10px; margin:8px 8px 7px 0;}
#sidebar div#mold-solution h4 {color:#a03235; font-size:10px; margin:1px 0 0 8px; line-height:12px; text-decoration:none;}
#sidebar div#mold-solution h4 a{color:#a03235; text-decoration:none;}
#sidebar div#mold-solution h4 strong{color:#000; display:block; font-size:12px;}
#sidebar div p{font-size:10px;}
#sidebar div#jacks-corner p{font-weight:bold; font-size:9px; margin:0 0 12px 0;}
#sidebar div#jacks-corner p.social{color:#fff; font-size:10px;}
#sidebar div#jacks-corner p a{background:url(images/social.png); display:block; float:left; height:14px; margin:0 2px 0 0; text-indent:-9999px; width:15px;}
#sidebar div#jacks-corner p a#twitter{background-position:0 0;}
#sidebar div#jacks-corner p a#facebook{background-position:-19px 0;}
#sidebar div#jacks-corner p a#linkedin{background-position:right 0;}
#sidebar div#jacks-corner p a#ask-jack{color:#fff; background:none;  margin-left:4px; text-decoration:none; text-indent:0; width:auto;}
#content-bottom{background:url(images/content-bottom.jpg) 0 0 no-repeat; clear:both; height:20px; position:relative;}
#content-bottom p{background:#375f64; border-left:1px solid #000; border-top:1px solid #000; color:#fff; display:block; font-size:12px; font-weight:bold; letter-spacing:.75px; padding:2px 16px 3px 16px; text-decoration:none;position:absolute; right:0; top:0;}
#footer{font-size:10px; margin-bottom:40px;}
#footer .phone{font-size:12px; margin:0 0 14px 0;}
#footer a{color:#000;}
#footer a:hover{text-decoration:none;}


/*
    Pros
*/


#resultTitle { margin-top: 10px; }
.printLink { display:none; float: left; padding-top: 10px; font-weight: bold; }
#mapresults { border: 1px solid black; padding: 1px; }
#list { list-style: none; margin: 0; padding: 0; height: 250px; overflow: auto; }
#list li { padding: 5px; position: relative; border-bottom: 1px solid #ccc; margin: 0; line-height: 20px; }
#list li h3 { margin: 0; }
#list li:hover { background: #faf7f2; }
#list li .tel, #list li .fax { display: inline; margin-right: 10px; }
#list li .email { position: absolute; padding: 0 8px; right: 5px; bottom: 5px; background: #99a9a8; }
#list li .email a {  color: black; text-decoration: none; }
.hidden { display: none; }



/*
    ColorBox Core Style
    The following rules are the styles that are consistant between themes.
    Avoid changing this area to maintain compatability with future versions of ColorBox.
*/
#colorbox, #cboxOverlay, #cboxWrapper{position:absolute; top:0; left:0; z-index:9999; overflow:hidden;}
#cboxOverlay{position:fixed; width:100%; height:100%;}
#cboxMiddleLeft, #cboxBottomLeft{clear:left;}
#cboxContent{position:relative; overflow:visible;}
#cboxLoadedContent{overflow:auto;}
#cboxLoadedContent iframe{display:block; width:100%; height:100%; border:0;}
#cboxTitle{margin:0;}
#cboxLoadingOverlay, #cboxLoadingGraphic{position:absolute; top:0; left:0; width:100%;}
#cboxPrevious, #cboxNext, #cboxClose, #cboxSlideshow{cursor:pointer;}

/* 
    ColorBox example user style
    The following rules are ordered and tabbed in a way that represents the
    order/nesting of the generated HTML, so that the structure easier to understand.
*/
#cboxOverlay{background:#fff;}
#cboxContent{margin-top:32px;}
#cboxLoadedContent{background:#000; padding:1px;}
#cboxLoadingGraphic{background:url(images/loading.gif) center center no-repeat;}
#cboxLoadingOverlay{background:#000;}
#cboxTitle{position:absolute; bottom:36px; left:16px; color:#000;}
#cboxCurrent{position:absolute; top:-22px; right:205px; text-indent:-9999px;}
#cboxSlideshow, #cboxPrevious, #cboxNext, #cboxClose{text-indent:-9999px; font-size:11px; width:20px; height:20px; position:absolute; background:url(images/controls.png) 0 0 no-repeat;}
#cboxPrevious{background-position:0px 0px;}
#cboxPrevious.hover{background-position:0px -25px;}
#cboxNext{background-position:-25px 0px;}
#cboxNext.hover{background-position:-25px -25px;}
#cboxClose{background-position:-50px 0px;}
#cboxClose.hover{background-position:-50px -25px;}
.cboxSlideshow_on #cboxPrevious, .cboxSlideshow_off #cboxPrevious{right:66px;}
.cboxSlideshow_on #cboxSlideshow{background-position:-75px -25px; right:44px;}
.cboxSlideshow_on #cboxSlideshow.hover{background-position:-100px -25px;}
.cboxSlideshow_off #cboxSlideshow{background-position:-100px 0px; right:44px;}
.cboxSlideshow_off #cboxSlideshow.hover{background-position:-75px -25px;}

#cboxOverlay{background:#000;}
#cboxLoadingOverlay{background:#fff; padding:16px;}
#cboxLoadingGraphic{background:url(images/loading-white.gif) center center no-repeat;}
#cboxLoadedContent{background:#fff; padding:16px 16px 60px 16px;}
#cboxClose{ height:20px; bottom:36px; right:16px;}
#cboxNext{right:16px; top:100px;}
#cboxPrevious{left:16px; top:100px;}
