* {margin:0;padding:0;}body, legend, input, textarea, select, input.error, textarea.error, select.error, a {font-size:12px;font-family:verdana,arial,helvetica,sans-serif;color:#464646;}body {line-height:160%;background:#fff;}#content-main h3, #content-main p, #content-main ul, #content-main ol, #content-main table, #content-main form, #content-main .user-actions, #content-main .user-comments {margin-top:1.5em;}#content-main li h3, #content-main li p, #content-main li ul, #content-main li ol, #content-main table h3, #content-main table p, #content-main table ul, #content-main table ol, #content-main form.order {margin-top:0;}#content-main .contents.features li, .microsite h3, .microsite p {padding-right:230px;}#content-main .contents.features li h3, #content-main .contents.features li p, .microsite #intro h3, .microsite #intro p {padding-right:0;} .clearfix:after {content:".";display:block;height:0;font-size:0;clear:both;visibility:hidden;} .clearfix {display:inline-block;}* html .clearfix {height: 1%;} .clearfix {display: block;}#ad-3, div.com, div.com img, div.message, table, #chart, #chart-box, #video, .price-alert #price-alert .services #conclusion, #chart ul.selection li a, #chart-box ul.selection li a, .news #content-main p.author, #content-sub .prominent, #content-main .contents.comments li.comment, #content-main .user-actions.rating, #content-main .user-actions.rating .result li.full, .tank-protection #content-main ul.contents.links.ads li, .microsite.start #content-main img.campaign, #content-main a:hover, #content-sub .contents.standard li a:hover, #content-sub .contents.standard li.current a, a.tooltip:hover span.content, legend em, #content-sub, #nav-sub, #nav-sub ul.actions, .error-messages label { border-radius:5px; -moz-border-radius:5px; -webkit-border-radius:5px; -khtml-border-radius:5px; } input.text, textarea, select, span.error-state { border-radius:10px; -moz-border-radius:10px; -webkit-border-radius:10px; -khtml-border-radius:10px; }.contacts .item.premium, #content-sub .contents a span, .popup #nav-main ul li a { border-radius:2px; -moz-border-radius:2px; -webkit-border-radius:2px; -khtml-border-radius:2px; } #content-sub h2, .order table.hdr, #lbCenter { border-radius:5px 5px 0 0; -moz-border-radius:5px 5px 0 0; -webkit-border-radius:5px 5px 0 0; -khtml-border-radius:5px 5px 0 0; } .order table.ftr, #lbBottomContainer { border-radius:0 0 5px 5px; -moz-border-radius:0 0 5px 5px; -webkit-border-radius:0 0 5px 5px; -khtml-border-radius:0 0 5px 5px; } #content-main .user-actions.rating .result .like, #nav-sub .contents li.first, #nav-sub .contents li.first a { border-radius:5px 0 0 5px; -moz-border-radius:5px 0 0 5px; -webkit-border-radius:5px 0 0 5px; -khtml-border-radius:5px 0 0 5px; } #content-main .user-actions.rating .result .dislike { border-radius:0 5px 5px 0; -moz-border-radius:0 5px 5px 0; -webkit-border-radius:0 5px 5px 0; -khtml-border-radius:0 5px 5px 0; } .dealer #content-main h2, #content-main a[rel~="lightbox"]:hover, #content-main a.button.order:hover, #content-main .comments .user-actions.rating { border-radius:0; -moz-border-radius:0; -webkit-border-radius:0; -khtml-border-radius:0; border:0; } .error-messages label, a.tooltip:hover .content { box-shadow:2px 2px 4px rgba(70,70,70,1.0); -moz-box-shadow:2px 2px 4px rgba(70,70,70,1.0); -webkit-box-shadow:2px 2px 4px rgba(70,70,70,1.0); -khtml-box-shadow:2px 2px 4px rgba(70,70,70,1.0); }#content-main .popup { box-shadow: 0px 4px 10px 4px rgba(70,70,70,0.3); -moz-box-shadow: 0px 4px 10px 4px rgba(70,70,70,0.3); -webkit-box-shadow: 0px 4px 10px 4px rgba(70,70,70,0.3); -khtml-box-shadow: 0px 4px 10px 4px rgba(70,70,70,0.3); } #content-sub .contents li a {border:1px outset #ffc831 !important;} #content-sub .contents li a:hover, #content-sub .contents li.current a {border-style:inset !important;} #content-sub .contents li.current a {border:1px solid #ffc831 !important;} #page {position:relative;background:#fff;width:985px;margin:0 auto;} #branding {background-color:#fff;height:160px;}#content-main {min-height:500px;height:auto !important;height:500px;margin-right:210px;margin-bottom:50px;padding:40px 0 0 260px;} .home #content-main {background:url(http://cdn.esyoil.net/img/site/content-main-home.jpg) 0 0 no-repeat;min-height:500px;height:auto !important;height:500px;margin-right:0;padding-left:0;} .opt.table #content-main {min-height:600px;height:auto !important;height:600px;} .microsite.start #content-main {padding-top:0;padding-left:250px;}.opt #content-main, .media #content-main, .charts #content-main, .calculator #content-main, .order #content-main {margin-right:0;padding-left:250px;}.opt #content-main, .media #content-main {margin-right:210px;} .charts #content-main {min-height:750px;height:auto !important;height:750px;}.order #content-main, .popup #content-main, .microsite.start #content-main {margin-right:0;}.home #content-sub, .home #nav-sub {display:none;}#content-sub {position:absolute;left:0;top:160px;font-size:11px;background:#ffeca3;width:190px;padding:50px 10px 20px 40px;} #content-sub {min-height:380px;height:auto !important;height:380px;} .microsite.start #content-sub {min-height:380px;height:auto !important;height:380px;} .microsite.e-dipstick.calculator.start #content-sub {height:auto;}#nav-main {}#nav-sub {position:absolute;right:0;top:160px;background:#d4d4d4;width:735px;height:30px;} .microsite.start #nav-sub {display:none;}#site-info {} #ad-1 {display:none;} #ad-2 {display:block;position:absolute;right:0;top:210px;width:120px;} #ad-3 {position:absolute;z-index:1;left:0;text-align:center;border:1px solid #ddd;background-color:#e6e6e6;width:218px;padding:10px;}.home #ad-3,.order #ad-3 {display:none;} #ad-4 {display:none;} .com {border:1px solid #999;} .com a.com-link {border:none !important;background:none !important;margin:0 !important;padding:0 !important;} .com a.com-link img {} #content-main #teaser {position:absolute;left:320px;top:70px;color:#464646;border:0px solid #fff;background:#ffc831;width:550px;padding-bottom:15px;} .microsite #content-main #teaser {width:300px;padding-bottom:10px;} .microsite.e-dipstick #content-main #teaser {left:650px;top:200px;} .microsite.teletanks #content-main #teaser {left:530px;top:365px;} .microsite.hel2011 #content-main #teaser {left:275px;top:205px;width:250px;}#content-main #teaser p, #content-main #teaser cite {position:static;overflow:visible;margin:13px 30px 0 30px;width:auto;padding:0;}.microsite #content-main #teaser p, .microsite #content-main #teaser cite {margin:10px 20px 0 20px;}#content-main #teaser p {font-size:20px;font-weight:bold;font-style:italic;line-height:120%;} .microsite #content-main #teaser p {font-size:14px;line-height:140%;} .microsite.hel2011 #content-main #teaser p {font-size:12px;}#content-main #teaser cite {display:block;font-size:13px;font-style:normal;margin-top:10px;} .microsite #content-main #teaser cite {font-size:12px;margin-top:7px;}.col-2 {float:left;width:365px;} .col-2.last {margin-left:10px;} .media #video, .charts #chart {background-color:#ededed;border:1px solid #ddd;}.media #video {margin-bottom:30px;padding:10px;}.charts #chart div.chart {padding-top:20px;} .charts #chart.start div.chart {padding-top:0;}.charts #black {cursor:pointer;position:fixed;left:0;top:0;z-index:999;width:100% !important;height:100% !important;background-color:rgba(0,0,0,0.8);} .charts #chart-box {position:fixed;top:50%;left:50%;z-index:1000;background-color:rgba(255,255,255,1.0);width:733px;height:auto;margin:-225px 0 0 -376px;padding:5px 10px 10px 10px;}.charts.archive #chart h3 {margin-top:0;margin-bottom:5px;} .charts.archive #chart-box h3 {margin-top:0;margin-bottom:50px !important;} .charts.archive #chart object {} div.message {border:2px solid #ddd; box-shadow:0 0 5px rgba(70,70,70,0.5); -moz-box-shadow:0 0 5px rgba(70,70,70,0.5); -webkit-box-shadow:0 0 5px rgba(70,70,70,0.5); -khtml-box-shadow:0 0 5px rgba(70,70,70,0.5);background:#f9f9f9;background-image: -ms-linear-gradient(top, #f9f9f9 0%, #ddd 100%); background-image: -moz-linear-gradient(top, #f9f9f9 0%, #ddd 100%); background-image: -o-linear-gradient(top, #f9f9f9 0%, #ddd 100%); background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0, #f9f9f9), color-stop(1, #ddd)); background-image: -webkit-linear-gradient(top, #f9f9f9 0%, #ddd 100%); background-image: linear-gradient(top, #f9f9f9 0%, #ddd 100%); margin:2em 0 2em 0;padding:20px; }div.message.action {border-color:#ffc831;} div.message.download {border-color:#47cb31;} div.message.success {border-color:#47cb31;} div.message.error {border-color:#bb2234;} div.message.important {border-color:#bb2234;} div.message.information {border-color:#4a8ac8;} div.message.recommendation-yes {border-color:#47cb31;} div.message.recommendation-no {border-color:#bb2234;}form div.message, .popup #content-main div.message {margin-right:0;}div.message h3, div.message p, div.message ul {color:#464646;margin-top:0 !important;padding-right:0;}div.message h3 {margin-bottom:10px !important;} #branding h1 {} #branding h1 a {position:absolute;left:35px;top:35px;width:205px;height:80px;} #branding h1 a span {position:absolute;left:-3000px;} #content-main h2, .profile.user #content-main h2, #content-sub h2, .news #content-sub h2, .charts #content-sub h2, .microsite.dealer-reports.start #content-main h2 {position:absolute;left:0;top:0;z-index:1;overflow:hidden;font-size:12px;letter-spacing:1px; border-radius:5px 5px 0 0; -moz-border-radius:5px 5px 0 0; -webkit-border-radius:5px 5px 0 0; -khtml-border-radius:5px 5px 0 0; background-color:#ffc831;width:190px;height:20px;padding:5px 10px 5px 40px;}#content-main h2, .profile.user #content-main h2, .profile.dealer #content-main h2, .microsite.dealer-reports.start #content-main h2 {top:160px;}.charts.archive #content-main h2, #content-sub h2 {left:-3000px;}.profile #content-sub h2, .opt #content-sub h2, .profile.dealer #content-sub h2, .microsite.dealer-reports #content-sub h2 {left:0;}.home #content-main #intro h2, .news #content-main h2, .profile #content-main h2, .charts #content-main h2, .charts #content-main h2, .opt #content-main h2, .microsite.dealer-reports #content-main h2 {position:static;font-size:16px;background-color:transparent;width:auto;height:auto;margin-bottom:30px;padding:0;} .charts #content-main h2 {position:absolute;left:260px;top:210px;z-index:1;font-size:12px;letter-spacing:0;}.popup #content-main h2 {position:static;left:auto;top:auto;background:none;margin:0 0 30px 0;padding:0;} #content-main h3 {font-size:14px;} #content-sub h3 {clear:left;} form p.required-fields {clear:left;margin-bottom:20px;}.news #content-main p.author {position:absolute;left:40px;top:210px;z-index:1;line-height:140%;background:url(http://cdn.esyoil.net/img/icons/microsite-news.png) -174px -192px no-repeat #fff !important;width:180px;height:113px !important;padding-top:0 !important;margin:0 0 0 -2px;padding-bottom:55px !important;} .news #content-main p.author.hh {background-position:0 -192px !important;} .news #content-main p.author.kb {background-position:-174px -192px !important;} .news #content-main p.author span {position:absolute;top:127px;font-size:11px;}blockquote#esyoil-message {display:none;} blockquote.input {font-style:italic;line-height:140%;width:420px;} blockquote.input p {padding-right:0;}.microsite p {padding-right:0;} .microsite p.intro {} .microsite p.intro img.campaign {position:absolute;right:0;} .microsite #content-main .contents.features li h3 {margin-bottom:10px !important;}#content-sub .prominent {position:relative;border:3px solid #fff;background-color:#fff;width:174px;margin:0 0 0 -3px;} #content-sub .ceo-imprint {background:url(http://cdn.esyoil.net/img/team/kb-hh-imprint.jpg) 0 0 no-repeat #fff;width:174px;height:325px;} #content-sub .ceo-imprint span {position:absolute;bottom:0;display:block;line-height:150%;background-color:#fff;padding:7px;} #content-main ol, #content-main ul {margin-left:20px;} #content-main ol {margin-left:27px;}#content-main ol.breadcrumb {position:absolute;left:260px;top:165px;z-index:100;width:100%;margin-top:0;} #content-main ol.breadcrumb li {display:inline;margin-right:5px;} #content-main ol.breadcrumb li:before {content:"\00BB\0020";} #content-main ol.breadcrumb li.first:before {content:none;}#content-main ol.breadcrumb, #content-main ul.links, #content-main ul.gallery {list-style:none outside;margin-left:0;}#content-main ul.gallery {}#content-main ul.ad-links {list-style:none outside;margin-left:0;padding-left:0;} .suggestions li {margin-bottom:30px;}#content-main ul.links li {margin-bottom:5px;} #content-main ul.gallery li {float:left;margin-right:20px;margin-bottom:20px;} #content-main .contents {margin:0 0 30px 0;} .microsite #content-main .contents {width:725px;margin-top:30px;} .archive #content-main .contents .topics {margin:-19px 0 0 250px;} .charts.archive #content-main .contents {}.charts.archive #content-main .contents li {padding-right:0;}.charts.archive #content-main .contents li h3, .charts.archive #content-main .contents li p {width:446px;padding:0 20px 0 10px;} .charts.archive #content-main .contents li p {margin-top:10px;margin-bottom:10px;} .charts.archive #content-main .contents li .description {float:left;overflow:hidden;width:510px;margin-right:0;}.charts.archive #content-main .contents li .topics {display:block;float:left;clear:none;width:245px;margin-top:5px;margin-left:-22px;}.charts.archive #content-main .contents .topics li {display:block;float:left;clear:none;width:225px;height:129px;margin:0 0 20px 20px;padding:0;}.charts.archive #content-main .contents .topics li a {left:0;bottom:0;width:auto;height:auto;margin:0 !important;padding:0;} .charts.archive #content-main .contents .topics li a img {} .charts.archive #content-main .contents .topics li a span {position:absolute;left:5px;bottom:5px;} .media.archive #content-main .contents .topics {margin-top:0;margin-left:0;} .media.archive #content-main .contents.categories .topics {margin-top:10px;} #content-main .contents li, .media #content-main .contents.categories li li {list-style:none outside;position:relative;clear:both;border:dotted #e6e6e6;border-width:1px 0 0 0;padding:10px 0;} #content-main .contents.categories li {border:solid #e6e6e6;border-width:2px 0 0 0;} .media.archive #content-main .contents.categories li {margin-top:30px;} .media.archive #content-main .contents li li {height:86px;} .media.archive #content-main .contents.categories li li {margin-top:0;} #content-main .contents.categories li li {border:0;padding:0;}#content-main .contents li .topics li {}.news #content-main .contents li .date, .media #content-main .contents li p .description {position:absolute;right:0;top:10px;font-size:11px;color:#999;}.news #content-main ul.information {list-style:none outside;font-style:italic;margin-left:0;} .news #content-main .information li {} .news #content-main .information .author {} .news #content-main .information .date {}.news #content-main .contents li h3 {font-size:12px;margin-right:120px;}.media #content-main .contents li img {position:absolute;left:0;} .media #content-main .contents li h4, .media #content-main .contents li p {}.media #content-main .contents li h4, .media #content-main .contents li p {margin-right:60px;margin-left:130px;} .media #content-main .contents li p {color:#999;margin-top:5px;} .popup #content-main ul.contents.faq {} .popup #content-main ul.contents.faq li {border:none;margin-bottom:10px;padding:0;} .popup #content-main ul.contents.faq li a {} #chart ul.selection, #chart-box ul.selection {position:absolute;list-style:none outside;right:30px;top:auto;margin-top:28px;} #chart-box ul.selection {margin-top:0;} .charts.archive #chart-box .selection {margin-top:-40px;}#chart ul.selection li, #chart-box ul.selection li {display:block;float:left;margin-left:3px;}#chart ul.selection li.current a:hover, #chart-box ul.selection li.current a:hover, #chart ul.selection li a, #chart-box ul.selection li a {display:block;float:left;text-decoration:none;border:1px solid #ddd;background:#ddd;margin:0;padding:2px 5px 4px 5px;} #chart ul.selection li.current a, #chart-box ul.selection li.current a, #chart ul.selection li.current a:hover, #chart-box ul.selection li.current a:hover {cursor:default;background:#fff;}#chart ul.selection li a:hover, #chart-box ul.selection li a:hover {border-color:#fff;background:#ededed;} .profile.dealer h2 {} .profile.dealer h2 img {float:right;}#dealer-info {width:100%;margin-right:231px;}#dealer-info ol.seal {list-style:none outside;position:absolute;right:0;top:200px;background:url(http://cdn.esyoil.net/img/icons/seals-large-qss.png) 0 0 no-repeat transparent;width:120px;margin-top:0px;margin-left:40px;padding-top:120px;} #dealer-info ol.seal.s0 {} #dealer-info ol.seal.s1 {background-image:url(http://cdn.esyoil.net/img/icons/seals-large-qsg.png);}#dealer-info ol.seal li {font-size:11px;line-height:160%;color:#999;margin-bottom:10px;padding:0 10px;} #dealer-info ol.seal li strong {} #dealer-info ol.seal li a {font-size:11px;color:#999;} #user-comments {margin-top:80px;} #content-main .contents.comments {list-style:none outside;margin-top:1.5em;margin-left:0;} #content-main .contents.comments li.comment {position:relative;border:1px solid #ddd;margin-bottom:30px;padding:0;} #content-main .contents.comments li.comment.esyoil {border-color:#ffc831;background:url(http://cdn.esyoil.net/img/icons/esyoil-comment.png) 98% 10px no-repeat transparent;}#content-main .contents.comments .author {font-weight:bold;color:#999;padding:5px 5px 0 5px;} #content-main .contents.comments .esyoil .author {color:#464646;} #content-main .contents.comments .wrote {font-size:11px;color:#999;border:dotted #ddd;border-width:0 0 1px 0;padding:0 5px 5px 5px;} #content-main .contents.comments .esyoil .wrote {border-color:#ffc831;} #content-main .contents.comments .wrote a.date {position:static;font-size:100%;color:#999;border-bottom-width:0;padding:0 3px;} #content-main .contents.comments p {padding:10px 5px;}#content-main .contents.comments .statement {border:solid #ffc831;border-width:0 0 0 3px;background-color:#ffeca3;margin:10px 5px 5px 5px;padding:5px;} #content-main .contents.comments .statement h4 {margin-bottom:5px;padding:0 5px;} #content-main .user-actions {border:solid #ddd;border-width:1px 0 0 0;background-color:#ededed;margin-top:5px;padding:2px 5px;} #content-main .user-actions.rating a.show-hide {border:0;background:none;}#content-main .user-actions.rating ul {list-style:none outside;margin:0;} #content-main .user-actions.rating ul li {clear:none;border:0;}#content-main .user-actions.rating .result {display:block;float:left;width:100px;height:10px;margin:5px 8px 0 0;padding:0;} #content-main .user-actions.rating .result li {overflow:hidden;display:block;float:left;text-indent:-3000px;height:10px !important;padding:0;} #content-main .user-actions.rating .result .like {background-color:#47cb31;} #content-main .user-actions.rating .result .dislike {background-color:#bb2234;}#content-main .user-actions.rating h4 {border:solid #fff;border-width:1px 0 0 0;margin:2px 0 0 0;padding:5px;}#content-main .user-actions.rating .rate ul {height:30px;} #content-main .user-actions.rating .rate ul li {display:block;float:left;} #content-main .user-actions.rating .rate ul .like {} #content-main .user-actions.rating .rate ul .dislike {}#content-main .user-actions.rating .rate ul li a {z-index:100;white-space:pre;width:auto;height:auto;margin:0 5px 10px 0;} #content-sub ul {list-style:none outside;}.news #content-sub .contents {list-style:none outside;margin-top:195px;}.archive #content-sub .contents, .news.specials #content-sub .contents {margin-top:0;}#content-sub .contents li {display:inline;float:left;margin:0 10px 10px 0;} .news #content-main p.author, #content-sub .contents li a {display:block;float:left;text-decoration:none;border:3px solid #fff;background:#fff;width:160px;height:19px;padding:40px 7px 5px 7px;} #content-sub .contents li a:hover {border-color:#ffde75;} #content-sub .contents li.current a {cursor:default;border-color:#ffc831;}#content-sub .contents.standard {margin-top:10px;} #content-sub .contents.standard li {clear:both;margin-bottom:10px;} #content-sub .contents.standard li a {line-height:120%;display:inline !important;border:solid #ffc831 !important;border-width:0 0 2px 0 !important;background-color:transparent !important;width:auto;height:auto;margin:-1px -2px;padding:1px 2px;} #content-sub .contents.standard li.current a, #content-sub .contents.standard li a:hover {border:none !important;background-color:#fff !important;margin:-1px 0 0px -2px !important;padding-bottom:2px;} #content-sub .contents.standard li a span {background-color:transparent !important;padding:0;}#content-sub h3.conditions {margin-top:70px !important;border:dotted #464646;border-width:0 0 1px 0;} #content-sub ul.conditions {margin-top:10px;} #content-sub ul.conditions li {} #content-sub .conditions .product {font-weight:bold;} #content-sub .conditions .zipcode {} #content-sub .conditions .amount {} #content-sub .conditions .unloading-points {} #content-sub .conditions .extras {} #content-sub .conditions .price {font-weight:bold;} #content-sub .conditions .order {position:absolute;top:50px;} #content-sub ul.contents li a { background-position:0 0; background-repeat:no-repeat; background-color:#fff; }.media #content-sub ul.contents li a, .news #content-sub ul.contents li a {background-image:url(http://cdn.esyoil.net/img/icons/microsite-news.png);}#content-sub .contents .latest a {background-position:0 0;} #content-sub .contents .archive a {background-position:0 -64px;} #content-sub .contents .demo a {background-position:0 -128px;}.news #content-sub .contents .specials a {background-position:0 -128px;} .news #content-sub .contents .press a {background-position:-174px -128px;}.media #content-sub .contents .latest a {background-position:-174px 0;} .media #content-sub .contents .esyoil a {background-position:-174px -64px;}.microsite #content-sub ul.contents li a {background-image:url(http://cdn.esyoil.net/img/icons/microsite-ed.png);} .microsite #content-sub .contents .solution a {background-position:0 0;} .microsite #content-sub .contents .installation a {background-position:0 -64px;} .microsite #content-sub .contents .data a {background-position:0 -128px;} .microsite #content-sub .contents .order a {background-position:0 -192px;} .microsite #content-sub .contents .service a {background-position:0 -256px;}.tank-protection #content-sub ul.contents li a {background-image:url(http://cdn.esyoil.net/img/icons/microsite-tp.png);} .tank-protection #content-sub .contents .specialists a {background-position:0 0;} .tank-protection #content-sub .contents .installations a {background-position:0 -64px;} .tank-protection #content-sub .contents .regulations a {background-position:0 -128px;} .tank-protection #content-sub .contents .recommendations a {background-position:0 -192px;} .charts.archive #content-main .contents .topics li a span, #content-sub ul.contents li a span {background-color:rgba(255,255,255,0.9);padding:2px 3px;} #content-sub ul.contents li a:hover span, #content-sub ul.contents li.current a span {background-color:rgba(255,255,255,1.0);} #nav-main #apps {} #nav-main #apps li {position:absolute;top:0;z-index:800 !important;display:block;float:left;background-position:0 -155px; background-repeat:no-repeat; background-color:transparent;width:105px;height:135px;margin-left:-5px;padding:10px;}#nav-main #apps li.active, #nav-main #apps li.active:hover {background-position:0 0;}#nav-main #apps .calculator {left:350px;background-image:url(http://cdn.esyoil.net/img/apps/calculator.png);margin-left:0;} #nav-main #apps .information {left:475px;background-image:url(http://cdn.esyoil.net/img/apps/information.png);} #nav-main #apps .measuring {left:595px;background-image:url(http://cdn.esyoil.net/img/apps/measuring.png);} #nav-main #apps .management {left:715px;background-image:url(http://cdn.esyoil.net/img/apps/management.png);} #nav-main #apps .tank-protect {left:715px;background-image:url(http://cdn.esyoil.net/img/apps/tank-protect.png);} #nav-main #apps .login {right:-5px !important;top:97px !important;width:115px !important;height:18px !important;padding:0 !important;} #nav-main #apps .login.user {} #nav-main #apps .login.dealer {top:117px !important;}#nav-main #apps li a {display:block;background-image:none;width:84px;height:114px;padding:10px;} #nav-main #apps li.active a {cursor:default;} #nav-main #apps li a span, #nav-main #apps li input#app-calculate.submit {display:block;position:absolute;top:113px;font-size:9px;font-weight:bold;text-align:center;background:transparent;width:84px;}#nav-main #apps .calculator a span, #nav-main #apps .calculator label, #nav-main #apps .calculator legend {display:none;}#nav-main #apps .login a {text-align:left;font-size:11px;line-height:100%;background:url(http://cdn.esyoil.net/img/icons/user-profile.png) 5px 0 no-repeat transparent;width:auto !important;height:auto !important;margin:0;padding:3px 15px 3px 3px !important; transition: background-position 0.5s; -moz-transition: background-position 0.5s; -webkit-transition: background-position 0.5s; -khtml-transition: background-position 0.5s; } #nav-main #apps .login a:hover {background-position:10px 0 !important;}#nav-main #apps .calculator a {position:absolute;top:10px;z-index:0;} #nav-main #apps .calculator input {position:absolute;z-index:1;} #nav-main #apps .calculator input#app-zipcode.text {left:30px;top:100px;font-size:11px;border:0;background-color:transparent;width:63px;padding:0 1px;} #nav-main #apps .calculator input#app-zipcode.text:focus { box-shadow:none !important; -moz-box-shadow:none !important; -webkit-box-shadow:none !important; -khtml-box-shadow:none !important; }#nav-main #apps li.calculator input#app-calculate.submit {cursor:pointer;left:18px;top:116px;text-indent:-3000px;border:0;} #nav-main #apps fieldset {border:0;} .home #nav-main #apps { background-position:0 0; background-repeat:no-repeat; background-color:transparent; } .home #nav-main #apps li {top:395px;width:140px;height:240px;background-position:0 0;margin-left:0;padding:10px;} .home #nav-main #apps .calculator {left:307px;background-image:url(http://cdn.esyoil.net/img/apps/calculator-home.png);} .home #nav-main #apps .information {left:467px;background-image:url(http://cdn.esyoil.net/img/apps/information-home.png);} .home #nav-main #apps .measuring {left:627px;background-image:url(http://cdn.esyoil.net/img/apps/measuring-home.png);} .home #nav-main #apps .management {left:787px;background-image:url(http://cdn.esyoil.net/img/apps/management-home.png);} .home #nav-main #apps .tank-protect {left:787px;background-image:url(http://cdn.esyoil.net/img/apps/tank-protect-home.png);}.home #nav-main #apps li a {width:120px;height:165px;padding:10px;} .home #nav-main #apps li a span, .home #nav-main #apps li input#app-calculate.submit {top:205px;font-size:14px;font-weight:bold;width:120px;} .home #nav-main #apps li input#app-calculate.submit {left:35px !important;text-indent:0;min-width:96px !important;width:96px !important;}.home #nav-main #apps .calculator a {top:0;height:185px;padding:0 10px;} .home #nav-main #apps li.calculator a span {display:block;top:;}.home #nav-main #apps li input#app-calculate.submit {top:160px;width:120px;}.home #nav-main #apps .calculator input#app-zipcode.text {left:42px;top:136px;font-size:13px;font-weight:bold;width:80px;} .home #nav-main #apps .calculator input#app-calculate.submit {left:21px;} #nav-sub h2 {position:absolute;left:-3000px;} #nav-sub ul, #nav-sub ol {position:absolute;list-style:none outside;} #nav-sub .contents {left:0;} #nav-sub ul.actions {right:0;background-color:#fff;}#nav-sub ul li, #nav-sub ol li {display:block;float:left;border:solid #999;border-width:0 1px 0 0;}#nav-sub .contents li {position:relative;cursor:default;font-weight:bold;letter-spacing:1px; text-shadow:1px 1px 0 #eee; color:#999;padding:5px 10px 6px 10px;}#nav-sub ul.actions li {overflow:hidden;border:solid #fff;border-width:0 0 0 3px;background:url(http://cdn.esyoil.net/img/icons/actions.png) 0 0 no-repeat #ffc831;width:30px; transition: width 1s; -moz-transition: width 1s; -webkit-transition: width 1s; -khtml-transition: width 1s; }#nav-sub .actions li.print {background-position:0 0;} #nav-sub .actions li.rate {background-position:0 -30px;} #nav-sub .actions li.chart {background-position:0 -60px;} #nav-sub .actions li.price-alert {background-position:0 -90px;} #nav-sub .actions li.help {background-position:0 -120px;background-color:#4a8ac8;}#nav-sub .actions li.print:hover {width:91px;} #nav-sub .actions li.rate:hover {width:101px;} #nav-sub .actions li.chart:hover {width:93px;} #nav-sub .actions li.price-alert:hover {width:116px;} #nav-sub .actions li.help:hover {width:67px;}#nav-sub ul li a, #nav-sub ol li a {display:block;float:left;}#nav-sub .contents li a {padding:5px 10px 6px 10px;margin:-5px -10px -6px -10px;} #nav-sub .contents.steps li {} #nav-sub .contents.steps li.current {color:#464646;} #nav-sub .contents.steps li.done {background-color:#bfd199;} #nav-sub .actions li a {color:#ffc831;width:0;height:20px;padding:5px 0 5px 30px;} #nav-sub .actions li.help a {color:#4a8ac8;} #nav-sub .contents li, #nav-sub .contents li a, #nav-sub .contents li a:hover { background: linear-gradient(top, #e6e6e6, #a2a2a2); background: -moz-linear-gradient(top, #e6e6e6, #a2a2a2); background: -ms-linear-gradient(top, #e6e6e6, #a2a2a2); background: -o-linear-gradient(top, #e6e6e6, #a2a2a2); background: -webkit-linear-gradient(top, #e6e6e6, #a2a2a2); }#nav-sub .contents li a:hover {background:#e6e6e6; }#nav-sub .contents li.current, #nav-sub .contents li.current a { z-index:100; background:#e6e6e6; border:1px inset #e6e6e6; padding:4px 9px 5px 9px; }#nav-sub .actions li a { transition: color 0.5s; -moz-transition: color 0.5s; -webkit-transition: color 0.5s; -khtml-transition: color 0.5s; }#nav-sub .actions li a:hover {text-indent:0;color:#464646;width:auto;padding-right:10px;} #nav-sub .actions li.help a:hover {color:#fff;} #site-info ul {list-style:none outside;border:solid #ddd;border-width:3px 0 0 0;width:925px;margin-top:30px;padding:20px 30px 30px 30px;} #site-info ul#site-info-list {position:absolute;} #site-info ul li {float:left;width:153px;}#site-info ul h5 {font-size:11px;color:#999;}#site-info ul ul {border:0;width:auto;height:auto;margin:5px 0 0 0;padding:0;}#site-info ul ul li {line-height:120%;} #site-info ul ul li a {font-size:10px;}#site-info .news-feeds ul li, #site-info .social-networks ul li {float:left;clear:none;width:20px;height:20px;margin-right:5px;margin-bottom:5px;}#site-info .news-feeds ul li a, #site-info .social-networks ul li a {display:block;background:url(http://cdn.esyoil.net/img/icons/bookmark-icons.png) 0 0 no-repeat transparent;width:20px;height:20px;padding:0;}#site-info .twitter a {background-position:0 0 !important;} #site-info .facebook a {background-position:-20px 0 !important;} #site-info .studivz a {background-position:-40px 0 !important;} #site-info .myspace a {background-position:-60px 0 !important;} #site-info .delicious a {background-position:-80px 0 !important;} #site-info .digg a {background-position:0 -20px !important;} #site-info .folkd a {background-position:-20px -20px !important;} #site-info .google a {background-position:-40px -20px !important;} #site-info .linkarena a {background-position:-60px -20px !important;} #site-info .misterwong a {background-position:-80px -20px !important;} #site-info .newsvine a {background-position:0 -40px !important;} #site-info .reddit a {background-position:-20px -40px !important;} #site-info .stumbleupon a {background-position:-40px -40px !important;} #site-info .windowslive a {background-position:-60px -40px !important;} #site-info .yahoo a {background-position:-80px -40px !important;} #site-info .yigg a {background-position:0 -60px !important;} #site-info .rss a {background-position:-20px -60px !important;}#site-info ul li a span {position:absolute;left:-3000px;} table {border:1px solid #999;width:100%;}table th, table td {border:solid #ddd;border-width:1px 0 0 0;padding:2px 5px;}table th {background:#ededed;} table th[scope="col"] {text-align:center;} table th[scope="row"] {font-weight:normal;text-align:left;} table th.headline {text-align:left;background:#fff;}table td {vertical-align:top;} table .odd td {background-color:#e8e8e8;} table .even td {} table .ad td {font-weight:bold;border:0 !important;background-color:#ffc831 !important;padding:5px !important;} table .ad td a {border-color:#464646 !important;} table .footnote td {font-size:11px;color:#fff;border:0 !important;background-color:#999 !important;}table.orders td, table.requests td, table.price-alerts td {text-align:center;}.profile.dealer table.rating-details {} .profile.dealer table.rating-details.example {background:url(http://cdn.esyoil.net/img/bg/example.png) 50% 50% no-repeat #fff;}.profile.dealer table th, .profile.dealer table td {}.profile.dealer table .total {border-top-width:0;}.profile.dealer table th {background-color:transparent;}.profile.dealer table td.grade {width:175px !important;} .profile.dealer table td {}.profile.dealer h3 {margin-top:50px !important;}.profile.dealer h3#standard+p, .profile.dealer h3#security+p {margin-bottom:50px;}.profile.dealer p .seal {position:absolute;right:0;display:block;font-size:11px;line-height:120%;text-align:center;color:#999;background-position:0 0; background-repeat:no-repeat; background-color:transparent;width:110px;margin-top:-40px;margin-left:30px;padding-top:110px;} .profile.dealer p .seal.s1 {background-image:url(http://cdn.esyoil.net/img/icons/seals-large-qss.png);} .profile.dealer p .seal.s2 {background-image:url(http://cdn.esyoil.net/img/icons/seals-large-qsg.png);} table.scale th, table.scale td {line-height:120%;width:91px;padding:5px;} table.scale th.question {font-size:12px;font-weight:normal;color:#1a171b;width:305px;}table.scale td {text-align:center;vertical-align:middle;}table.scale th label, table.scale td label {width:auto;margin:0;} .label, table.scale th label {font-weight:normal;} table.scale td label {padding:5px;}table.scale .head th.question span {display:none;}table.scale td label {float:none;margin:0;} .input.inline label {float:left;clear:none;margin-right:10px;}table.scale td label input {float:none;margin:auto;} img {border:0;} .problem img {background:url(http://cdn.esyoil.net/img/icons/operator.png) 0 0 no-repeat transparent;width:5px;height:12px;}.microsite.start #content-main img.campaign {border:1px solid #ddd;}img.stars {background:url(http://cdn.esyoil.net/img/icons/calculator.png) -103px -50px no-repeat transparent !important;width:103px !important;height:17px !important;margin:5px 0 0 -1px !important;} .profile.dealer table .grade img.stars {margin:0 10px -3px 0 !important;} img.stars.s1 {background-position:-85px -50px !important;} img.stars.s2 {background-position:-68px -50px !important;} img.stars.s3 {background-position:-51px -50px !important;} img.stars.s4 {background-position:-34px -50px !important;} img.stars.s5 {background-position:-17px -50px !important;} img.stars.s6 {background-position:0 -50px !important;} a {font-size:100%;outline:0;} #content-main a, #nav-main a, #nav-sub a {text-decoration:none;}#content-main a, #nav-main a, #nav-sub a { transition: border-color 0.5s linear, background-color 0.2s linear; -moz-transition: border-color 0.5s linear, background-color 0.2s linear; -webkit-transition: border-color 0.5s linear, background-color 0.2s linear; -khmtl-transition: border-color 0.5s linear, background-color 0.2s linear; } #content-sub a { transition: background-color 0.2s linear; -moz-transition: background-color 0.2s linear; -webkit-transition: background-color 0.2s linear; -khmtl-transition: background-color 0.2s linear; } #content-main a[href^="http://"], #content-main a[href^="/adlink.php"] {background-image:url(http://cdn.esyoil.net/img/icons/links.png);background-position:0 -102px;background-repeat:no-repeat;padding-left:15px;} #content-main a[onclick] {} #content-main a[href^="http://www.esyoil.com"] {background-image:none;padding-left:2px;}#content-main a[href^="http://"]:hover {background-position:0 -119px;}#content-main h3 a {font-size:100% !important;}#content-main ul a, #content-main ol a {}#content-main a, #site-info a:hover {border:solid #ffc831;border-width:0 0 2px 0;margin:-1px -2px;padding:1px 2px;}#site-info a {text-decoration:none;color:#999;} #content-main a.more {font-style:italic;margin-left:3px;} a.goto-top {display:none;} a.close {position:absolute;right:5px;top:5px;}a:hover {text-decoration:none;} #content-main a:hover {border:0 solid #fff !important;background-color:#ffeca3;margin-bottom:-2px;padding-bottom:2px;} #chart ul.selection li a:hover, #chart-box ul.selection li a:hover {border:1px solid #fff !important;}#site-info .news-feeds a, #site-info .social-networks a {border:0;margin:0;padding:0;}#content-main .features a[rel~="lightbox"] {float:right;clear:right;margin:0 0 20px 20px;} #content-main .contents.features li {position:relative;min-height:120px;} #content-main .contents.features a[rel~="lightbox"] {position:absolute;right:0;top:auto;width:200px;height:100px;}a.tooltip { cursor: help; text-decoration: none; position: relative; border:0 !important; }#content-main a.tooltip {border:0 !important; background:none;} #content-sub label {position:relative;} #content-sub label a.tooltip {position:absolute;right:-8px;top:-2px;} #content-sub #ed-calculator label a.tooltip {border:0 !important;background:none !important;width:auto !important;height:auto !important;padding:0 !important;}a.tooltip span.content { line-height:140%; margin-left: -999em; position: absolute; z-index:100 !important; } a.tooltip:hover span.content { font-size:11px; position: absolute; left: 1em; top: 2em; z-index: 99; margin-left: 0; width: 300px; } a.tooltip:hover img { margin: -10px 0 0 -55px; float: left; position: absolute; } a.tooltip img.icon {position:relative;top:3px;float:none;background:url(http://cdn.esyoil.net/img/icons/links.png) 0 -68px no-repeat transparent !important;width:15px !important;height:17px !important;margin:0;} a.tooltip:hover img.icon {background-position:0 -85px !important;}a.tooltip:hover em { font-size: 1.2em; font-weight: bold; font-style:normal; letter-spacing:1px; display: block; padding: 0.2em 0 0.6em 0; } .tooltip .classic {background: #fff; border: 1px solid #ffc831; padding: 0.8em 1em; } * html a.tooltip:hover { background: transparent; } .dealer-reports #teaser.security {left:280px !important;top:190px !important;width:400px !important;} .dealer-reports #intro.security {top:620px !important;}.popup {position:absolute;left:120px;top:0;z-index:1000;background-color:#fff;padding:10px;top:10px;}* html .popup {border:solid 3px #999}#qs-popup.popup {} #qs-popup.popup #dealer-name {margin-top:0 !important;padding:0;} #qs-popup.popup form fieldset {padding-top:0;padding-bottom:0;} #qs-popup.popup form fieldset.submit {padding-top:20px;padding-bottom:20px;} #qs-popup.popup form table {margin-top:0;}form {} #content-main form {width:725px;}fieldset {clear:both;border:dotted #ddd;border-width:0 0 1px 0;margin:0;padding:20px 0 30px 0;} fieldset.submit {border:0;}legend {float:left;white-space:normal;*margin-left:-7px;} legend em {display:block;font-style:normal;font-weight:bold;line-height:100%;background-color:#ededed;margin-bottom:20px;padding:5px;}fieldset ul.contents {list-style:none outside;margin-bottom:0 !important;padding:0;} fieldset .contents li {border:0 !important;margin:0;padding:5px 0 !important;}label, .label, input, .input, textarea, select, .unit {display:block;float:left;line-height:120%;padding:2px 5px;} label, .label {clear:left;width:250px;margin-right:10px;} label {padding-right:20px;} label[for] {cursor:pointer;} label[for]:hover {color:#000;}label.error {width:auto;margin:5px 0 5px 260px;} .input label.error {margin-left:0;}label.error.checked {display:none !important;}.required-field {display:block;float:right;position:relative;top:-1px;text-indent:-3000px;background:url(http://cdn.esyoil.net/img/icons/error-state.png) 0 -36px no-repeat transparent;width:18px;height:18px;} p .required-field {display:inline-block;float:none;top:2px;}label, .label, .input, .unit {padding-right:0;padding-left:0;}.input {padding-top:0;padding-bottom:0;}.input .unit {display:inline;float:none;} .label label {display:inline;float:none;clear:none;margin:0;padding:0;} .input label {}.input.inline label, label input, .input label input {position:relative;top:1px;display:inline;float:none;}.input.inline label {clear:none;}input.text, textarea, select {border:1px inset #ffc831;background-color:#fff8de;}input.text:focus, textarea:focus, select:focus {background-color:#fff;}input.text, textarea {width:227px;max-width:420px;} .input {min-width:230px;}input {} .input input {}input.text {} input.quantity {width:50px;} input.street-name {width:150px;} input.house-number {width:35px;} input.zipcode {width:45px;} input.locality {width:140px;}input.submit {} input.submit.previous {float:left;margin-right:10px;} input.submit.next {}textarea {overflow:hidden;width:420px;min-height:50px;} #user-comments textarea {width:227px;}select {padding-left:2px;} * html select {padding-right:2px;} *+html select {padding-right:2px;}select.date.day, #content-sub select.date.day, select.date.month, #content-sub select.date.month {width:47px;}#content-sub select.date.day {clear:left;}select.date.month-alpha {width:100px;}select.date.year, #content-sub select.date.year {width:62px;}select.date.month, select.date.year {margin-left:5px;}input[type=text], input[type=password], select, textarea { transition:box-shadow 0.2s ease-out, background-color 0.2s ease-out; -moz-transition:-moz-box-shadow 0.2s ease-out, background-color 0.2s ease-out; -webkit-transition:-webkit-box-shadow 0.2s ease-out, background-color 0.2s ease-out; -khtml-transition:-khtml-box-shadow 0.2s ease-out, background-color 0.2s ease-out; }input[type=text]:focus, input[type=password]:focus, select:focus, textarea:focus { outline:0;box-shadow:0 0 3px 3px #ffc831; -moz-box-shadow:0 0 3px 3px #ffc831; -webkit-box-shadow:0 0 3px 3px #ffc831; -khtml-box-shadow:0 0 3px 3px #ffc831; }form .error-state {display:block;float:left;background:url(http://cdn.esyoil.net/img/icons/error-state.png) 0 0 no-repeat transparent;width:18px;height:18px;margin:0 6px;padding:0;} form .error-state.valid {background-color:#47cb31;} form .error-state.error {background-position:0 -18px;background-color:#bb2234;}form .contents li .error-message {float:left;clear:none;color:#bb2234;} #content-sub form {} #content-sub fieldset {border:0;width:200px;padding:10px 0 0 0;}#content-sub legend {position:absolute;left:-3000px;} #content-sub label, #content-sub input, #content-sub select {font-size:11px;margin-bottom:5px;}#content-sub label {width:90px;} #content-sub .search label {display:none;} #content-sub .search input.text {width:180px;} #content-sub label.date {width:30px;} #content-sub input.text {width:50px;} #content-sub input.submit {margin-left:90px;} #content-sub select {width:90px;padding-top:1px;padding-bottom:1px;}abbr {cursor:help;}.profile #content-main h3 em {font-style:normal;}label .description {font-size:11px;color:#999;} .unit {margin-left:5px;margin-bottom:0;} .error {color:#bb2234;} .footnote {font-size:11px;}#content-main .button, #content-sub .button, .home #nav-main #apps .calculator #app-calculate.submit {cursor:pointer;font-size:13px !important;font-weight:bold;text-align:left; color:#fff;border:1px outset #47cb31 !important; background:url(http://cdn.esyoil.net/img/icons/buttons.png) right -14px no-repeat #47cb31; min-width:110px;width:auto !important;width:110px;margin:0 10px 0 0 !important;padding:6px 30px 6px 10px !important; } .home #nav-main #apps .calculator #app-calculate.submit {font-size:12px !important;background-position:right -19px;width:auto !important;margin:0 !important;padding:2px 0 2px 5px !important;}#content-main .button.previous, #content-sub .button.previous {text-align:right;background-position:0 -14px;padding-right:10px !important;padding-left:30px !important;}#content-main input.button, #content-sub input.button {visibility:visible;} #content-main .button:hover, #content-sub .button:hover {background-position:right -74px;} .home #nav-main #apps .calculator #app-calculate.submit:hover {background-position:right -79px;}#content-main .button.previous:hover, #content-sub .button.previous:hover {background-position:0 -74px;}#content-main .button:active, #content-sub .button:active {border:1px solid #fff !important;}#content-main .current .button, #content-sub .current .button {border:1px solid #fff !important;} #content-main a.button, #content-sub a.button {display:inline-block;text-decoration:none;width:auto !important;padding:;}#content-main a.button:hover {border:1px outset #47cb31 !important;}.error-messages {list-style:none outside;} .error-messages label {position:absolute;left:750px;z-index:1000;border:1px solid #ffc831;background:#ffeca3;width:auto;padding:3px 5px;} .e-dipstick .error-messages label, .tank-protection .error-messages label {left:235px;}#content-main #intro {position:absolute;left:auto;top:auto;z-index:2;width:650px;} #content-main #intro h2, #content-main #intro h3 {margin-top:0;margin-bottom:0 !important;} #content-main #intro p {margin-top:10px;} #content-main #intro p .col {display:block;float:left;width:300px;margin-right:20px;}.home #content-main #intro {left:40px;top:620px;} .home #content-main #intro h2 {width:250px;} .home #content-main #intro p {width:700px;} .home #content-main #intro p .col {display:inline;float:none;width:auto;margin-right:0;} .microsite #content-main #intro {margin-top:-115px;margin-left:40px;} .microsite #content-main #intro h3 {} .microsite #content-main #intro p {}#price-alert {} #price-alert #settings {}#price-alert ul.selection {list-style:none outside;height:30px;margin-left:0;} #price-alert .selection li {display:block;float:left;width:235px;margin:0 0 0 10px;} #price-alert .selection li.first {margin-left:0;} #price-alert .selection li input.button.slim {text-align:left;background-position:100% -15px !important;width:237px !important;max-width:235px !important;margin:0;padding-right:30px !important;} #price-alert .selection li.current input.button.slim {text-shadow:none;background:#ffc831 !important;}#price-alert .options {margin-right:230px;} #price-alert .services {position:relative;} #price-alert .services #conclusion {position:absolute;right:10px;top:10px;background-color:#ffeca3;width:190px;padding:10px;} #price-alert .services #conclusion h3 {margin-top:0;} #price-alert .services #conclusion ul {} #price-alert .services #conclusion ul li {font-size:11px;line-height:140%;margin-bottom:10px;}.tank-protection #content-main {} .tank-protection #content-main ul.contents.links.ads {margin-top:10px;} .tank-protection #content-main .contents.links.ads li {border:1px solid #ddd;background-color:#efefef;margin-bottom:10px;padding:10px;} .tank-protection #content-main .contents.links.ads li h3, .tank-protection #content-main .contents.links.ads li h4 {font-size:14px;margin-top:0;} .tank-protection #content-main .contents.links.ads li a, .tank-protection #content-main .contents.links.ads li a:hover {border:none;} .chart #chart-box {} .chart #chart-box .selection {display:none;} .chart #chart-box .selection li {border:1px solid red !important;} #chart-box .selection li a {background-color:none !important;}