/* Theme Name: Eric Z Disposal Version: 1 +Reset +Global +Layout +Nav +Blog +Quote Form +Clearfix +lightbox */ html, body { height: 100%; text-align: center;} /* RESET AND FONTS -----------------------------------------*/ /* reset */ html, body, div, span, h1, h2, h3, h4, h5, h6, p, a, em, img, strong, ol, ul, li, form, label, legend { margin: 0; padding: 0; border: 0; outline: 0; font-weight: inherit; font-style: inherit; font-size: 100%; font-family: inherit; } /* remember to define focus styles! */ :focus {outline: 0;} body {line-height: 1;} ul {list-style: none;} ol {list-style: none;} /* fonts */ body {font:13px/1.231 arial,helvetica,clean,sans-serif;*font-size:small;*font:x-small;} table {font-size:inherit;font:100%;} /* 11 85 12 93 (was 93) 13 100 14 108 (was 107) 15 116 (was 114) 16 123.1 (was 122) 17 131 (was 129) 18 138.5 (was 136) 19 146.5 (was 144) 20 153.9 (was 152) 21 161.6 (was 159) 22 167 23 174 24 182 */ /* GLOBAL -----------------------------------------*/ html { height: 100%} body {font-family: arial, sans-serif; color: black; background: url(main-bg-tile.jpg) #0f2b4d repeat left top;} a img {border: 0;} img {border: 0;} .clear {clear: both;} .hide {display: none;} h5 {margin-bottom: 0.6em; color: #081729; width: 100%;} h4 {margin-bottom: 0.6em; color: #081729; width: 100%;} h3 {margin-bottom: 0.6em; color: #081729; width: 100%;} h2 {margin-bottom: 0.6em; color: #081729; width: 100%;} h1 {margin-bottom: 0.6em; color: #081729; width: 100%; margin-top: 20px;} h2 {font-weight: bold; margin-bottom: 10px; margin-top: 10px;} h1 {font-weight: bold;} h1 {font-size: 153.9%; letter-spacing: -1px;} h2 {font-size: 123.1%;} h3 {font-size: 116%;} h4 {font-size: 108%;} h5 {font-size: 100%;} h2 span {background: #12af10; color: #fff; font-size: 1em; font-weight: normal; padding: 1px 2px;} h1 span {background: #12af10; color: #fff; font-size: 1em; font-weight: normal; padding: 1px 2px;} h2 a {color: #081729;} h1 a {color: #081729;} h2 a:hover {text-decoration: none;} h1 a:hover {text-decoration: none;} hr {border: 0; width: 0; height: 0; clear: both;} a {text-decoration: none; color: #12af10;} a:hover {text-decoration: underline;} li {font-size: 100%; margin-bottom: 0.4em;} p {font-size: 100%; margin-bottom: 0.8em; line-height: 1.5;} p.noMargin {margin: 0;} ul {margin-bottom: 1.4em;} ol {margin-bottom: 1.4em;} em {font-style: italic;} strong {font-weight: bold;} code {font-family: "Courier New", Courier, monospace;} small {font-size: 85%; font-weight: bold;} select{width:130px;} .left {float: left;} .right {float: right;} span.quote {background: url(/images/tag_free_quote.gif) top left no-repeat;background-position: 0 0; text-indent: -9999px; font-size: 77%; width: 114px; height: 33px; position: absolute; top: 20px; right: -115px;} span.quote:hover {background-position: 0 -33px; cursor: pointer;} #content ol li {padding-left: 8px; background: url(/images/bullet.gif) 0 .7em no-repeat; line-height: 1.5;} #content ul li {padding-left: 8px; background: url(/images/bullet.gif) 0 .7em no-repeat; line-height: 1.5;} .entry ol li {padding-left: 8px; background: url(/images/bullet.gif) center left no-repeat;} .entry ul li {padding-left: 8px; background: url(/images/bullet.gif) center left no-repeat;} .clearfix:after {content:"."; display:block; height:0; clear:both; visibility:hidden;} .clearfix {display:inline-block;} /* Hide from IE Mac \*/ .clearfix {display:block;} /* End hide from IE Mac */ #container { width: 1080px; height: 100%; background: url(layout-table-middle-bg.png) top left repeat-y; padding: 20px 50px 20px 110px; margin: 0 auto; text-align: left; margin-top: -20px;} #header {padding: 0 10px; margin-bottom: 0px;} #header .logo {padding: 10px 0 0 0px; } a#logo {display: block; text-indent: -9999px; height: 45px; width: 232px; overflow: hidden; background: url(http://www.ericzdisposal.com/images/logo.gif) 0 0 no-repeat;} a#logo:hover {background-position: 0 -45px;} #header h4 {text-align: right; line-height: 1.1; font-size: 100%; font-weight: normal; color: #081729;} #header h4 span {font-size: 192%; letter-spacing: -1px; font-weight: bold; color: #081729; background: none;} .meta .address {padding: 0; height: 70px; margin: 0;} .callout {background: #0f2c4e; height: 141px; margin-top: 1px; position: relative; width: auto; border: thin #0f2c4e inset;} .callout p {border-left: 12px solid; font-family: arial, serif; width: 14.3em; display: block; padding: 0 6px 0 8px; font-size: 153.9%; margin: 0; background: #fff; color: #12af10;} .callout p.large {font-size: 2.1em; font-weight: bold; width: 11.4em;} .callout ul {margin: 0; position: absolute; bottom: 17px; left: 17px;} .callout ul li {float: left; margin-right: 6px;} .callout ul li a {display: block; height: 31px; text-indent: -9999px;} li.btn_call1 a {background: url(http://www.ericzdisposal.com/images/btn_quote.gif) 0 -31px no-repeat; width: 130px;} li.btn_call1 a:hover {background-position: 0 0;} li.btn_call2 a {background: url(http://www.ericzdisposal.com/images/btn_coverage.gif) 0 -31px no-repeat; width: 172px;} li.btn_call2 a:hover {background-position: 0 0;} .twoColumn {margin-top: 30px;} .twoColumn .right h2 {margin-left: 9px;} .offer {width: 175px; border-right: 1px dotted #b1aea6;} .areas {width: 220px;} .areas h2 {font-size: 116%;} .offer h2 {font-size: 116%;} .areas ul li a {font-size: 85%;} .offer ul li {font-size: 85%;} .associations {clear: both; margin-top: 15px;} .associations a {float: left; margin: 8px 25px 0 0;} .pulloutQuote {width: 400px; float: left; padding: 4px; border: 1px solid #9f9f9f; margin: 0 14px 16px 0;} .pulloutQuote p {font-size: 85%; color: #666; margin: 0.2em 0 0 0;} .pulloutLeft {width: 250px; float: left; padding: 4px; border: 1px solid #9f9f9f; margin: 0 14px 16px 0;} .pulloutLeft p {font-size: 85%; color: #666; margin: 0.2em 0 0 0;} .pulloutRight {width: 250px; float: right; padding: 4px; border: 1px solid #9f9f9f; margin: 0 0 16px 14px;} .pulloutRight p {font-size: 85%; color: #666; margin: 0.2em 0 0 0;} .pullout {border: 1px solid; padding: 4px; width: 320px;border: 1px solid #9f9f9f; margin: 0 0 12px 14px;} .pullout p {font-size: 85%; color: #666; margin: 0.2em 0 0 0;} .pullout2 {border: 1px solid; padding: 4px; width: 250px;border: 1px solid #9f9f9f; margin: 0 0 12px 14px;} .pullout2 p {font-size: 85%; color: #666; margin: 0.2em 0 0 0;} div.hazard { margin : auto; padding: 1.2em; border: 1px dashed red;} div.hazardShort { padding: 1.2em 0.6em 1.2em 1.2em; border: 1px dashed red;} p.hazard {margin: 0; color: red; font-size: 70%; font-weight: bold;} table.specs {width:100%; border: 1px solid #d2cab5; margin:1em auto; border-collapse:collapse;} table.specs tr.odd td {background:#e8e2d2;} table.specs th {color: #000; padding:.3em 1em; text-align:center;} table.specs td {color: #000; padding:.3em 1em; text-align:center;} table.specs th {background: #000039; color: #fff;} table.specs td {border-left: 1px solid #d2cab5;} .save {color: green;} img.smallContainer {width: 500px; margin: 15px auto; display: block;} p.faq {background: url(/images/expand.gif) center left no-repeat; color: #12af10; cursor: pointer; padding-left: 16px;} p.active {background: url(/images/collapse.gif) center left no-repeat;} .guts {padding-left: 1em;} ul.faq li {font-size: 123.1%;} ul.towns {width: 225px; float: left;} .meta .address {padding: 0;height: 60px;} #map {width: 450px; height: 300px; margin-right: 30px;} .vcard {line-height: 1.5;} #footer {margin-top: 40px; padding: 0 10px; clear: both;} #footer p {font-size: 85%; margin: 0; color: #555;} #footer .left {padding-top: 15px;} td {background:#f7f3e8;} #quicklinks {background: #ede4d1; width: 170px; padding-left: 15px; padding-top: 5px; margin-right: 20px; border: 1px #ede4d1 outset;} .box {height: 130px;} table tr {vertical-align: top;} .spacer {height: 20px; width: 100%;} #content { padding-left: 20px; height: 100%;} /* gallery */ .galleryIntro {float: left;} .gallery {float: right; border-left:1px dotted #b1aea6;} .gallery h2 {margin: 0 0 10px 9px;} a.thumb {margin: 0 0 10px 9px;} .gallery a {margin: 0 0 10px 9px;} a.thumb {float: left; display: inline; height: 86px; padding: 0; border-right: 1px solid #cec5af; border-bottom: 1px solid #cec5af; border-top: 1px solid #f1ede0; border-left: 1px solid #f1ede0; } .gallery a {float: left; display: inline; height: 86px; padding: 0; border-right: 1px solid #cec5af; border-bottom: 1px solid #cec5af; border-top: 1px solid #f1ede0; border-left: 1px solid #f1ede0; } a.thumb img {border: 5px solid #fff;} .gallery a img {border: 5px solid #fff;} .set {clear: both;} /* landers */ .lander {margin: 14px 0 0;} .lander .leftcol {float: left; width: 480px; padding-right: 10px; border-right: 1px dotted #9f9f9f;} /* NAV -----------------------------------------*/ .nav {margin: 0 0 0 0px; clear: both;} .nav ul {} .nav li {float: left; margin: 0 1px 0 0; padding: 0; text-transform: uppercase; font-size: 85%;} .nav a {display: block; color: #fff; padding: 5px 10px; background: #000039 url(/images/nav_bg.gif) top left repeat-x;} .nav a.blog {background: #1457d4 url(/images/navblog_bg.gif) top left repeat-x;} .nav a:hover {color: #fff; background: #12af10; text-decoration: none;} .nav a.current { background: #12af10;} /* BLOG -----------------------------------------*/ /* layout */ .wrapper {margin-top: 16px; clear: both;} .narrowcolumn{float: left; width: 500px; padding:0 15px 20px 14px !important; border-right: 1px dotted #bac2a8;} .widecolumn .post {padding: 0 0 .4em; border-bottom: 1px dotted #bac2a8;} .post {margin: 0 0 1.3em;} .post h1 {margin: 0;} .post h1 a {text-decoration: none;} .comment-meta a {font-size: 93%; font-weight: normal; color: #555;} .post small {font-size: 93%; font-weight: normal; color: #555;} .post img {padding: 2px; border: 1px solid #555;} .entry {margin: 1em 0 0;} h1.pagetitle {font-size: 153.9%; color: #9c8b5b; padding: .2em 0; margin: 0 0 1em; border-top: 1px dotted; border-bottom: 1px dotted; text-transform: uppercase; } .alignright{float:right; margin: 0 0 1.1em 1.1em;} .alignleft{float:left; margin: 0 0 1.1em 1.1em;} /* comments */ #respond {width: 364px;} #commentform label {font-weight: normal; color: #081729;} #commentform label small {font-weight: normal; color: #444;} #commentform textarea {margin: .2em 0 .6em; padding: 3px 2px;} #commentform input {margin: .2em 0 .6em; padding: 3px 2px;} #commentform input {width: 200px;} #commentform textarea {width:360px; height: 180px;} #commentform #submit {float:right; margin: 0; width: auto;} .commentlist {} .commentlist li {background-image: none !important; padding: .5em .4em 1em;} .commentlist li p {margin: .6em 0 0;} .commentlist .even {background: #e8e2d2 !important; border-top: 1px dotted #d2cab5;} .comment-author {margin: 0;} .commentlist p{font-weight:normal;line-height:1.5em;text-transform:none;margin:10px 5px 10px 0;} input#hidden {display: none;} /* sidebar */ #sidebar {float: right; width:170px; margin: 5px 0 0;} #sidebar h3 {font-size: 100%; font-weight: bold;} #sidebar p {font-size: 93%; line-height: 1.5; color: #555;} #sidebar ul {margin: 1em 0 0; } #sidebar li li {margin: 0 0 .4em;} #sidebar li ul {margin: .4em 0 0; } #sidebar li a {font-size: 93%; font-weight: normal;} a.feed {background:transparent url(/images/icon_feed.gif) no-repeat scroll 0 0; padding: 0 0 0 18px;} #sidebar form {margin: 0 0 16px;} #sidebar #searchform #s {width:100px; float: left; margin: 0 5px 0 0; padding: 1px;} #sidebar #searchsubmit {background:#000039 url(/images/nav_bg.gif) repeat-x scroll left top;color:#fff;margin: 0; padding: 0 1px; width: 60px;} .hidden input {border: 0; display: none;} /* QUOTE FORM -----------------------------------------*/ div.quote { margin: 0 10 10px 10px; padding-right: 15px; padding-bottom: 10px; width: 177px; } .quote h2 {text-align: center; border-bottom: 1px dotted #c6b591; margin-bottom: 0;} fieldset {padding: 0;} form p {margin-bottom: 0;} .main-label {display: none;} select {display: block; font: normal 93% arial, sans-serif;} input {display: block; font: normal 93% arial, sans-serif;} label {display: block; font: normal 93% arial, sans-serif;} form label {font-weight: bold; margin-top: 7px;} .explain {font: 85% arial, sans-serif; color: #666; margin: 0 0 3px !important;} form input {width: 145px;} select {width: 146px; margin-top: 7px;} label span {font-weight: normal; color: #999; font-style: italic;} .error {color: #ff0000;} input.button {width: auto; float: left; margin: 8px 6px 0 0; color: #12af10; font-weight: bold;} textarea {border: 1px solid #8a8575;} select {border: 1px solid #8a8575;} input {border: 1px solid #8a8575;} textarea {width: 145px; height: 95px; font: normal 93% arial, sans-serif;} ul.errorList {color: red; border: 1px dashed red; padding: 6px 4px 4px; font-size: 11px;} ul.errorList li {background: none !important;} #results {background: #fff; border: 1px dotted #12af10; margin: 10px 0 0; padding: 0.4em;} p.error {font-size: 93%; color: #555;} p.success {font-size: 93%; color: #555;} p.error {color: red;} /*form .txtMedium {width: 120px;} form .txtSmall {width: 29px;}*/ #lightbox{position:absolute;left:0;width:100%;z-index:100;text-align:center;line-height:0;} #lightbox a img{border:none;} #outerImageContainer{position:relative;background-color:#fff;width:250px;height:250px;margin:0 auto;} #imageContainer{padding:10px;} #loading{position:absolute;top:40%;left:0;height:25%;width:100%;text-align:center;line-height:0;} #hoverNav{position:absolute;top:0;left:0;height:100%;width:100%;z-index:10;} #imageContainer>#hoverNav{left:0;} #hoverNav a{outline:none;} #nextLink{width:49%;height:100%;background:transparent url(../images/blank.gif) no-repeat;display:block;} #prevLink{width:49%;height:100%;background:transparent url(../images/blank.gif) no-repeat;display:block;} #prevLink{left:0;float:left;} #nextLink{right:0;float:right;} #prevLink:visited:hover{background:url(../gallery/prev.gif) left 50% no-repeat;} #prevLink:hover{background:url(../gallery/prev.gif) left 50% no-repeat;} #nextLink:visited:hover{background:url(../gallery/next.gif) right 50% no-repeat;} #nextLink:hover{background:url(../gallery/next.gif) right 50% no-repeat;} #prevLinkText{color:#12AF10;font-weight:700;text-decoration:none;} #nextLinkText{color:#12AF10;font-weight:700;text-decoration:none;} #nextLinkText{padding-left:20px;} #prevLinkText{padding-right:20px;} .ontop #imageData{padding-top:5px;} #imageDataContainer{font:10px Verdana, Helvetica, sans-serif;background-color:#fff;margin:0 auto;line-height:1.4em;} #imageData{padding:0 10px;} #imageData #imageDetails{width:70%;float:left;text-align:left;} #imageData #caption{font-weight:700;} #imageData #numberDisplay{display:block;clear:left;padding-bottom:1em;} #imageData #bottomNavClose{width:66px;float:right;padding-bottom:0.7em;} #imageData #helpDisplay{clear:left;float:left;display:block;} #overlay{position:absolute;top:0;left:0;z-index:90;width:100%;height:500px;background-color:#081729;filter:alpha(opacity=60);-moz-opacity:0.6px;opacity:0.6px;display:none;}