/* Project: Limeheating.ca */ /* Main ----------------------------------*/ body { font-family:Arial, Helvetica, sans-serif; font-size: 12px; line-height:18px; color:#666; background:url(../images/bg-footer.png) bottom left repeat-x #fff; text-align:center; } p { font-size:14px; padding-bottom:12px; color:#454545; line-height:20px; } a { text-decoration:none; color:#FFA102;} hr { border:none; background:url(../images/bg-divider.png) repeat-x left top; height:1px; margin:12px 0 26px 0; } /* Change to desired width :) */ .wrapper { margin:0 auto; padding:0 10px; width:940px; text-align:left; clear:both } .text-hide { text-indent:-9999; display:block; } .text-hide span { display:none; } .hide { display:none !important; } .left-column { float:left; } .right-column { float:right; } .without-border { border:none !important; } /* Generic positioning ----------------------------------*/ .clear { clear:both;} .clear-left { clear:left;} .clear-right { clear:right;} .float-left { float:left;} .float-right { float:right;} img.float-right { float:right; margin-left:20px;} .clear-all { clear:both; line-height:0; height:0;} /* Page layout Styles ----------------------------------*/ /* Page Header Styles ----------------------------------*/ #header { border-bottom:3px solid #E6E6E6; overflow:hidden; height:112px; background:#FBFBFB; } body.main #header { background:#FBFBFB; } #header h2.logo, #header h1 { margin-top:15px; } #header h2.logo, #header h1, #header #page-nav { float:left; } #header #meta-nav { float:right; } #header #meta-nav h3 span, #header #meta-nav h2 span { display:block; text-align:center; color:#979797; } #header #meta-nav h3 .contact-number, #header #meta-nav h2 .contact-number { color: #065A66; font-size:24px; font-weight:bold; line-height:24px; background:url(../images/contact-icons.png) left -126px no-repeat; padding-left:30px; margin-top:4px; padding-top:2px; } #header #meta-nav h3 .heading-title, #header #meta-nav h2 .heading-title { text-transform:uppercase; font-size:12px; line-height:16px; } #header #social-nav { overflow:hidden; margin-bottom:10px; } #header #social-nav a { float:left; margin-left:11px; } #header #social-nav a:focus, #header #social-nav a:active { background-position:-49px left !important; } /* Page Navigation Styles ----------------------------------*/ #page-nav { color:#366572; font-size:16px; line-height:28px; font-weight:bold; margin-top:50px; margin-left:30px; height:62px; } #page-nav a { color:#366572; text-decoration:none; padding:0 16px; float:left; } #page-nav a:focus, #page-nav a:active, #page-nav a:hover { color:#85BC00; } #page-nav a.active { height:62px; background:url(../images/page-nav-arrow-hover.png) bottom center no-repeat; color:#85BC00; } /* Page Banner Styles ----------------------------------*/ #banner { background: url(../images/page-banner-bg.png) repeat-x #78B300; height:422px; overflow:hidden; } #banner .wrapper { padding:0; } #banner #slider-id { height:422px !important; } #banner #slider-id-wrapper { height:422px; width:940px !important; position:relative; overflow:hidden; } #banner .coda-slider-wrapper { padding:0 !important; } #banner .coda-slider-wrapper .coda-slider { background:none !important; } #banner .coda-slider-wrapper .coda-slider .panel .panel-wrapper { padding:0 !important; } #banner #slider-id-wrapper .coda-nav-left, #banner #slider-id-wrapper .coda-nav-right { display:none; } #banner #slider-id-wrapper #slider-id { width:940px !important; margin:0 !important; } #banner #slider-id-wrapper .arrows .coda-slider { margin:0 !important; } #banner #slider-id-wrapper .coda-slider .panel-container .panel { width:940px !important; position:relative; margin:0 !important; } #banner #slider-id-wrapper .coda-nav ul { position:absolute; bottom:0; left:0; z-index:999; width:450px; height:116px;} #banner #slider-id-wrapper .coda-nav ul li a { display:block; width:122px; height:116px; text-indent:-999px !important; padding:0 !important; margin:0 !important; } #banner .banner-content { width:428px; padding:20px 0px; padding-right:60px; margin-right:0 !important; float:left; } #banner .banner-content h2 { font-size:44px; line-height:48px; color:#fff; font-weight:bold; margin:20px 0; } #banner .banner-content h2 span{ font-weight:normal; display:block; } #banner .banner-content p { color:#E9FFA8; font-size:16px; line-height:22px; } #banner .banner-img { float:right; position:relative; width:452px; height:422px; } #banner .banner-img.tab-1 { background:url(../images/banner-img-1.jpg) top left no-repeat; } #banner .banner-img.tab-2 { background:url(../images/banner-img-2.jpg) top left no-repeat; } #banner .banner-img.tab-3 { background:url(../images/banner-img-3.jpg) top left no-repeat; } #banner .banner-img.tab-4 { background:url(../images/banner-img-4.jpg) top left no-repeat; } #banner .banner-img .banner-more-info { position:absolute; bottom:0; left:0; height:86px; width:190px; padding:15px 20px; } #banner .banner-img .banner-more-info strong { font-size:16px; color:#464646; line-height:22px; font-weight:bold; } #banner #slider-id-wrapper .coda-nav a { background:url(../images/banner-nav.png) top left no-repeat;} #banner #slider-id-wrapper .coda-nav .tab1 a{ background-position:top left !important; } #banner #slider-id-wrapper .coda-nav .tab1 a.current { background-position:bottom left !important; } #banner #slider-id-wrapper .coda-nav .tab2 a{ background-position:-122px top!important;} #banner #slider-id-wrapper .coda-nav .tab2 a.current { background-position:-122px bottom!important; } #banner #slider-id-wrapper .coda-nav .tab3 a{ background-position:-244px top !important; } #banner #slider-id-wrapper .coda-nav .tab3 a.current { background-position:-244px bottom !important; } #banner #slider-id-wrapper .coda-nav .tab4 a{ background-position:-366px top !important; } #banner #slider-id-wrapper .coda-nav .tab4 a.current { background-position:-366px bottom !important; } body.sub #banner { background: url(../images/sub-page-banner-bg.png) repeat-x #78B300; height:236px; overflow:hidden; position:relative; } body.sub #banner .wrapper { background:#065A66; height:236px; overflow:hidden; padding:0; width:960px; } body.sub #banner #banner-nav { float:right; width:708px; } body.sub #banner #banner-nav img, body.sub #banner #banner-nav a { float:left; width:118px; height:118px;} body.sub #banner #banner-nav a { display:block; background-color:#0BACC3 !important; } body.sub #banner h1 { float:left; } body.sub #banner h1 { float:left; font-size:34px; line-height:38px; color:#fff; padding-left:30px; position:absolute; bottom:35px; font-weight:normal; } body.sub #banner .banner-resources { background:url(../images/banner-resources.jpg) no-repeat left top;} body.sub #banner .banner-testimonials { background:url(../images/banner-testimonials.jpg) no-repeat left top;} body.sub #banner .map { width:708px; background-color:#999999; height:236px; float:right;} body.sub #banner #banner-nav a.btn-fm {background:url(../images/banner-link-fm.png) center center no-repeat; } body.sub #banner #banner-nav a.btn-fi {background:url(../images/banner-link-fi.png) center center no-repeat; } body.sub #banner #banner-nav a.btn-adc {background:url(../images/banner-link-adc.png) center center no-repeat; } body.sub #banner #banner-nav a.btn-hwt {background:url(../images/banner-link-hwt.png) center center no-repeat; } body.sub #banner #banner-nav a.btn-gf {background:url(../images/banner-link-gf.png) center center no-repeat; } body.sub #banner #banner-nav a.btn-bs {background:url(../images/banner-link-bs.png) center center no-repeat; } body.sub #banner #banner-nav a.btn-furnaces {background:url(../images/banner-link-furnaces.png) center center no-repeat; } body.sub #banner #banner-nav a.btn-hw-tank {background:url(../images/banner-link-hw-tank.png) center center no-repeat; } body.sub #banner #banner-nav a.btn-thermostat {background:url(../images/banner-link-thermostat.png) center center no-repeat; } body.sub #banner #banner-nav a.btn-boilers {background:url(../images/banner-link-boilers.png) center center no-repeat; } body.sub #banner #banner-nav a.btn-fireplace {background:url(../images/banner-link-fireplace.png) center center no-repeat; } body.sub #banner #banner-nav a.btn-tankless {background:url(../images/banner-link-tankless.png) center center no-repeat; } body.sub #banner #banner-nav a:hover { background-color:#A0CE02 !important; } body.sub #banner #banner-nav a:focus, body.sub #banner #banner-nav a:active { background-color:#79B400 !important; } body.sub #banner #banner-nav a span { display:block; text-align:center; height:118px; top:0; width:118px; height:118px; text-indent:-9999px; overflow:hidden; } /* Page Content Styles ----------------------------------*/ body.main #content { background:#FBFBFB; } body.sub #content a { color:#0BACC3;} body.sub #content a:hover { color:#FFA102; text-decoration:underline;} body.main #content .cols { float:left; width:260px; margin-right:20px; padding:20px; height:450px; } body.main #content .cols+.cols+.cols { margin-right:0px; } body.sub #content .cols-350 { width:350px; float:left;} body.main #content h3 { color:#3C3C3C; font-size:20px; line-height:26px; text-align:center; } body.main #content h3 span { font-weight:normal; color:#878787; } body.main #content .rating-section { text-align:center; } body.main #content blockquote { font-style:italic; font-size:13px; text-align:center; margin-top:5px; margin-bottom:10px; } body.main #content .cols p, body.main #content blockquote { color:#3C3C3C; text-align:center; } body.main #content .blockquote-box { color:#4A5932; background:url(../images/home-block-qoute-box.png) top left no-repeat; font-size:12px; line-height:14px; padding:10px 17px 10px 10px; height:76px; text-align:center; } body.main #content .cols.quality { background:url(../images/quality-promotion.png) bottom center no-repeat; } body.main #content .service-list { margin-top:30px; } body.main #content .service-list li { margin-bottom:6px; } body.main #content .service-list a { color:#282828; font-size:16px; font-weight:bold; text-align:center; line-height:41px; } body.main #content .service-list a:focus, body.main #content .service-list a:active, body.main #content .service-list a:hover { color:#87A421; } body.main #content .services { position:relative; } body.main #content .services img { margin-left:-7px; margin-top:12px; } body.main #content .get-in-touch-box { background:#599900 url(../images/get-in-tough-box-bg.png) top center repeat-x; position:absolute; bottom:0; text-align:center; padding:10px 20px; margin-left:-12px; } body.main #content .get-in-touch-box h4 { font-size:21px; line-height:24px; color:#fff; } body.main #content .get-in-touch-box h4 span { font-size:16px; font-weight:normal; display:block; } body.main #content .get-in-touch-box .corner-left, body.main #content .get-in-touch-box .corner-right { display:none; } body.main #content .get-in-touch-box .corner-left { background:#fff url(../images/get-in-tough-box-corners.png) top left no-repeat; width:10px; height:30px; position:absolute; display:block; top:0; left:0;} body.main #content .get-in-touch-box .corner-right { background:#fff url(../images/get-in-tough-box-corners.png) -10px top no-repeat; width:10px; height:30px; position:absolute; display:block; top:0; right:0; } body.main #content .get-in-touch-box .arrow-bottom { background:url(../images/get-in-tough-box-corners.png) right top no-repeat; width:22px; height:14px; position:absolute; bottom:0; margin-bottom:-14px; clear:both; left:130px; } body.sub #content { background:url(../images/sub-page-content-bg.png) left top repeat-y #FBFBFB !important; } body.sub #content .wrapper{ background:url(../images/sub-page-content-bg.png) -447px top repeat-y #FBFBFB !important; } body.sub #content .wide, body.sub #content.wide { background-image:none; background:#fefefe !important;} body.sub #content .alt, body.sub #content.alt { background-image:none; background:#fbfbfb !important;} body.sub #content .wide { padding:20px 0;} body.sub #address { background:#fbfbfb; padding:18px 0 12px 0; font-size:16px; color:#3c3c3c; min-height:50px;} body.sub #address .address { background:url(../images/icn-location.png) no-repeat left 4px; padding-left:22px; float:left; font-size:14px;} body.sub #address .address strong{ font-weight:bold; font-size:16px; line-height:22px;} body.sub #address .phone { float:left; font-weight:bold; background:url(../images/icn-phone.png) no-repeat left top; padding-left:24px; margin-left:64px; } body.sub #address .email { float:left; background:url(../images/icn-email.png) no-repeat left top; padding-left:26px; margin-left:60px;} body.sub #address .email a { color:#008ea2;} body.sub #content .service-nav { background:#F4F4F4; float:left; width:252px; margin-left:-10px; padding-top:0px; } body.sub #content .service-nav li { background:url(../images/service-nav-sep.gif) bottom left repeat-x; float:left; width:100%; padding:0; } body.sub #content .service-nav a { font-size:16px; color:#065A66 !important; padding:12px 30px; display:block; line-height:20px; float:left; margin-bottom:2px; width:192px; margin-right:-5px; font-weight:bold; } body.sub #content .service-nav a:hover { color:#0BACC3 !important; text-decoration:none; } body.sub #content .service-nav a:focus, body.sub #content .service-nav a.active, body.sub #content .service-nav a:active { background:url(../images/service-nav-bg-active.png) top left repeat-y #FBFBFB; color:#0BACC3 !important; } body.sub #content img.prd-left { margin-right:44px;} body.sub #content img.prd-right { margin-left:54px;} body.sub #content .contact-form { font-size:14px; padding:25px 0;} body.sub #content .contact-form .col { clear:both;} body.sub #content .contact-form .col1, body.sub #content .contact-form .col2 { float:left;} body.sub #content .contact-form .col1 { margin-right:20px;} body.sub #content .contact-form label{ font-weight:bold;} body.sub #content .contact-form .content { margin-top:6px; margin-bottom:20px;} body.sub #content .contact-form input[type=text]{ border:solid 1px #c5c5c5; background:#fbfbfb url(../images/bg-ipbox.png) repeat-x left top; padding:6px 4px; width:300px;} body.sub #content .contact-form .mandatory { font-size:11px; margin-top:4px;} body.sub #content .contact-form input[type=submit] { background:url(../images/btn-send-message.png) no-repeat left top; width:222px; height:47px; border:none; cursor:pointer;} body.sub #content .contact-form input[type=submit]:hover { background-position:left -47px;} body.sub #content .contact-form input[type=submit]:active { background-position:left -94px;} body.sub #content .contact-form textarea, body.sub #content .contact-form select { width:630px; border:solid 1px #c5c5c5; background:#fbfbfb url(../images/bg-ipbox.png) repeat-x left top; padding:6px 4px; font:normal 12px Arial, Helvetica, sans-serif;} body.sub #content .contact-form select optgroup { font-style:normal; font-family:Arial, Helvetica, sans-serif;} body.sub #content .contact-form select optgroup option { font-size:12px;} body.sub #content .articles { padding:25px; float:left; width:658px; margin-right:-10px; } body.sub #content .articles p a { text-decoration:underline; color:#0BACC3;} body.sub #content .articles p a:hover { color:#FFA102;} body.sub #content h2 { color:#3C3C3C; font-size:32px; line-height:38px; padding-top:5px; padding-bottom:10px; font-weight:normal; } body.sub #content p { color:#7A7A7A; font-size:14px; line-height:20px; padding-top:5px; padding-bottom:10px; } body.sub #content h3 { color:#7BB500; font-size:24px; line-height:28px; padding-top:5px; padding-bottom:10px; font-weight:normal; } body.sub #content ul { padding:10px 0; } body.sub #content ul li { font-size:14px; color:#7A7A7A; background:url(../images/square-bullet-img.png) 10px 7px no-repeat; padding:0 25px; padding-bottom:8px; } body.sub #content .get-in-touch-box { background:url(../images/get-in-tough-box-bg.png) top left repeat-x; position:relative; float:left; margin-top:0px; width:100%; } body.sub #content .get-in-touch-box.products {margin-bottom:-20px; margin-top:20px;} body.sub #content .get-in-touch-box h5 { color:#fff; font-size:16px; line-height:22px; float:left; padding:20px 15px 15px 26px;} body.sub #content .get-in-touch-box h5 span { font-weight:normal; display:block; } body.sub #content .get-in-touch-box a.btn-get-in-touch-sub { float:right; margin:20px 20px 16px 20px; font-size:18px; text-transform:uppercase; color:#444141;} body.sub #content .get-in-touch-box a.btn-get-in-touch-sub:hover { text-decoration:none;} body.sub #content .get-in-touch-box .corner-right { background:#fbfbfb url(../images/get-in-tough-box-corners.png) -10px top no-repeat; width:10px; height:60px; position:absolute; display:block; top:0; right:0; } body.sub #content .get-in-touch-box .corner-left { background:#f4f4f4 url(../images/get-in-tough-box-corners.png) top left no-repeat; width:10px; height:60px; position:absolute; display:block; top:0; } body.sub #content .get-in-touch-box .arrow-bottom { background:url(../images/get-in-tough-box-corners.png) right top no-repeat; width:22px; height:14px; position:absolute; bottom:0; right:75px; margin-bottom:-14px; clear:both; } body.sub #content .services-lead-box { background:#ffffff url(../images/shadow-resource-box.png) no-repeat center bottom; padding:18px 24px; margin-top:18px; } body.sub #content .services-lead-box h6 { font-size:16px; float:left; margin-top:6px;} body.sub #content .services-lead-box a.btn-blue-medium { float:right; color:#fff;} body.sub #content .services-lead-box a.btn-blue-medium:hover { text-decoration:none;} body.sub #content .testimonial { clear:both; padding-bottom:32px; } body.sub #content .testimonial .message{ width:680px; padding:16px 20px; background-color:#fff5c0; border:solid 1px #fca81b; float:left; margin-right:24px; font-style:italic; color:#4A5932; font-size:15px; line-height:20px; color:#222222; font-family:Georgia, "Times New Roman", Times, serif; } body.sub #content .testimonial .message .arrow { width:14px; height:22px; position:absolute; background:url(../images/arrow-testimonail.png) no-repeat left top; margin-left:700px;} body.sub #content .testimonial .name { font-weight:bold; font-size:14px; margin-top:12px; float:left; color:#202020; } body.sub #content .testimonial .name span { font-weight:normal; display:block; font-size:12px; color:#666;} body.sub #content .testimonial .name span.product { padding-top:14px; font-size:11px; color:#999999; } body.sub #content .video-player { border:solid 1px #666; border-bottom:none; width:302px; height:423px; float:right; margin-left:24px;} /* Page Button Styles ----------------------------------*/ a.btn { background-position:top left; display:block; } a.btn:focus, a.btn:hover { /*background-position:bottom left;*/ } a.btn-live-chat { background:url(../images/btn-live-chat.png) top left no-repeat; height:39px; width:118px; } a.btn-services { background:url(../images/btn-services.png) top left no-repeat; height:41px; width:257px; } a.btn-services:focus, a.btn-services:hover { background-position:left -82px !important; } a.btn-services:active { background-position:left !important; } a.btn-get-in-touch { background:url(../images/btn-get-in-touch-with-us.png) top left no-repeat; height:48px; width:217px; margin-left:15px; margin-top:10px; margin-bottom:10px; } a.btn-get-in-touch:focus, a.btn-get-in-touch:active { background-position:-48px left !important; } a.btn-get-in-touch:hover { background-position:bottom left !important; } a.btn-get-in-touch-sub { background:url(../images/btn-get-in-touch-sub.png) top left no-repeat; height:48px; width:267px; margin-left:15px; margin-top:10px; margin-bottom:10px; text-align:center; line-height:44px; } a.btn-get-in-touch-sub:focus, a.btn-get-in-touch-sub:hover { background-position:left -48px !important; } a.btn-get-in-touch-sub:active { background-position:left bottom !important; } a.btn-blue-medium { width:182px; height:34px; background:url(../images/btn-blue-medium.png) top left no-repeat; margin-left:15px; text-align:center; line-height:32px; color:#fff; text-transform:uppercase;} a.btn-blue-medium:focus, a.btn-blue-medium:hover {background-position:left -34px !important;} a.btn-blue-medium:active {background-position:left -68px !important;} a.btn-more-info { width:132px; height:34px; background:url(../images/btn-more-info.png) top left no-repeat; margin-top:10px; text-align:center; line-height:32px; color:#fff; text-transform:uppercase;} a.btn-more-info:focus, a.btn-more-info:hover {background-position:left -34px !important;} a.btn-more-info:active {background-position:left bottom !important;} a.btn-facebook, a.btn-twitter { background:url(../images/social-icons.png) top left no-repeat; width:18px; height:18px; margin-top:10px; } a.btn-facebook { background-position:-25px top; } a.btn-twitter { background-position:top left; } a.btn-facebook:active { background-position:-18px bottom; } a.btn-twitter:active { background-position:left -18px; } a.btn-facebook:hover { background-position:-25px bottom; } a.btn-twitter:hover { background-position:left bottom; } /* Page Prodcut Styles ----------------------------------*/ /* Page Footer Styles ----------------------------------*/ #footer { background:#282828; padding:30px 0; overflow:hidden; clear:both; } #footer .contact-info, #footer .get-in-info { float:left; padding-bottom:20px; } #footer .contact-info { border-right:1px solid #3C3C3C; width:636px; } #footer .contact-info address { float:left; font-style:normal; margin-right:40px; color:#6E6E6E; font-size:12px; } #footer .contact-info address img { margin-bottom:20px; } #footer .get-in-info { border-left:1px solid #3C3C3C; margin-left:-1px; width:280px; padding-left:20px; } #footer h5 { border-bottom:1px solid #3C3C3C; color:#908F8F; font-size:20px; line-height:24px; padding-bottom:10px; font-weight:normal; margin-bottom:10px; } #footer .get-in-info h5 { border-left:1px solid #282828; margin-left:-21px; } #footer .get-in-info .email-info, #footer .get-in-info .contacts { color:#FFFFFF; font-size:22px; line-height:26px; background:url(../images/contact-icons.png) top left no-repeat; padding-left:27px; margin-top:20px; } #footer .get-in-info .authorities { color:#FFFFFF; font-size:22px; line-height:26px; padding-left:27px; margin-top:20px; } #footer .get-in-info .authorities .bbb { /*height: 38px;*/ } #footer .get-in-info .authorities .fortis { border-radius: 5px 5px 5px 5px; margin-bottom: 12px; width: 107px; /*height: 25px;*/ } #footer .get-in-info .authorities .snap { border-radius: 5px 5px 5px 5px; margin-bottom: 12px; height: 25px; display:none; } #footer .get-in-info .email-info .cufon-canvas, #footer .get-in-info .contacts .cufon-canvas {margin-top:0px !important;} #footer .get-in-info .email-info { background-position:left -64px; } #footer .get-in-info .email-info a { text-decoration:none; color:#fff;} #footer .get-in-info .email-info a:hover { text-decoration:underline;} #footer .copyright-section { clear:both; padding-top:20px; border-top:1px solid #3C3C3C; font-family:Arial, Helvetica, sans-serif; color:#6E6E6E; font-size:12px; } #footer .copyright-section b { color:#97C901; } #footer .copyrights { float:left; } #footer .designed-by { float:right; } #footer .designed-by b { font-weight:normal; } #footer #footer-nav .cols{ float:left; margin-right:30px; } #footer #footer-nav a { display:block; color:#97C901; font-size:11px; line-height:16px; } #footer #footer-nav a:hover { text-decoration:underline; } #footer #footer-nav h6 { padding-bottom:5px; } #footer #footer-nav h6 a { font-size:16px; line-height:26px; font-weight:normal; color:#fff; } /* Form Styles ----------------------------------*/ input.text-box, select.cbo-box, textarea.ta-box { border:1px solid #C6C6C4; padding:4px; width:235px; font-family:Georgia, "Times New Roman", Times, serif; font-size:14px; } select.cbo-box { width:245px; } textarea.ta-box { resize: none; } /* Form Styles - Error Handling ----------------------------------*/ #form-enquiry div.error { color:white; position:relative; max-width:200px; margin-top:0; background-color:#ff8a00; padding:4px; font:normal 12px Arial, Helvetica, sans-serif; } #form-enquiry input.error, #form-enquiry select.error, #form-enquiry textarea.error { border:2px solid #ff8a00 !important; background:#fff4c0 !important; } /* Floating Navigation ----------------------------------*/ #floating-nav { background-color:#098799; position:fixed; width:100%; z-index:9999; } #floating-nav .links { font-size:12px; line-height:40px;} #floating-nav .links a { text-decoration:none; color:#ffffff; padding:13px 8px 13px 8px; font-weight:bold;} #floating-nav .links a:hover { background-color:#065e6a; color:#ffffff;} #floating-nav .links a:active, #floating-nav .links a:focus { background-color:#e6e7e7; color:#065a66;} #floating-nav .links a.top { background:url(../images/icn-lime-prd-nav.png) no-repeat left top; width:35px; height:40px; display:block; float:left; padding:0; margin-right:12px;} #floating-nav .links a.top:hover { background-position:left -40px !important;}