/* http://meyerweb.com/eric/tools/css/reset/ v2.0 | 20110126 License: none (public domain) */ html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul,li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video { margin: 0; padding: 0; border: 0; font-size: 100%; font: inherit; vertical-align: baseline; } html, body {overflow-x: hidden;} /* HTML5 display-role reset for older browsers */ article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {display: block;} ol, ul {list-style: none;} blockquote, q {quotes: none;} blockquote:before, blockquote:after, q:before, q:after {content: ''; content: none;} table {border-collapse: collapse; border-spacing: 0;} a {text-decoration: none; outline: none;} .clr {clear: both;} body {margin: 0; padding: 0; background: #f2f1f0 url(../images/test-map.png) top center repeat-x; font-family: 'Futura W01 Book'; line-height: 1; } p sup, h2 sup {font-size: 10px; position: relative; top: -4px;} h2 sup {top: -9px;} h2 sub {text-transform: lowercase;} strong {font-family: 'Futura W01 Heavy';} #wrapper {width: 960px; margin: 0 auto 15px; -moz-box-shadow: 0 5px 10px #ccc; -webkit-box-shadow: 0 5px 10px #ccc; box-shadow: 0 5px 10px #ccc; behavior: url(PIE.htc); position: relative; min-height: 746px;} .hidden {overflow-y: hidden;} /* ::TOP BAR:: */ #top-bar { background: url(../images/top-bar-slice.png) repeat-x; height: 29px; position: relative; z-index: 98; } #top-bar .holder {width: 960px; margin: 0 auto; position: relative;} #top-bar .holder img {position: absolute; z-index: 99;} #top-bar .holder .right-gradient {right: 0;} #top-bar .holder ul {width: 540px; position: absolute; right: 0; text-transform: uppercase; z-index: 99;} /* wasc350px; increase to allow for customer access link; was 475 and increased to add NetSupply 2.0 */ .top-bar-nav a, #footer ul li a {color: #3a6f8f; font-family:'FuturaW01-HeavyOblique'; border-left: 1px solid #3a6f8f; display: block; float: left; font-size: 9px; height: 10px; letter-spacing: 1px; margin-top: 8px; padding: 0 7px; } .top-bar-nav a.first, #footer ul li a.first {border: none;} /* ::HEADER:: */ #header {width: 100%; position: relative; margin-bottom: -24px; height: 136px;} #header.sub-level { margin-bottom: 0; } #header .transparent {width: 100%; height: 100%; position: absolute; z-index:1; opacity: .7;} #header .logo {position: relative; z-index:2; width: 217px; margin: 0 auto; display: block; padding-top: 20px;} /* ::BREADCRUMBS:: */ #breadcrumbs {position: absolute; z-index: 2; font-size: 10px; text-transform: uppercase; height: 20px; padding-bottom: 2px; left:0; bottom: 0;} #breadcrumbs li {float: left; line-height: 20px; background: url(../images/breadcrumb-sub-slice.png) repeat-x; margin-left: 9px; } #breadcrumbs li:first-child { background: url(../images/breadcrumb-slice.gif) repeat-x; margin-left: 23px; } #breadcrumbs li a { font-family:'Futura W01 Medium'; letter-spacing: 1px; display: block; background: url(../images/breadcrumb-dark-light.png) no-repeat left center, url(../images/breadcrumb-sub-right.png) no-repeat right center; margin-left: -9px; padding:0 20px; margin-right: -5px; color: #999999; -pie-background: url(images/breadcrumb-dark-light.png) no-repeat left center, url(images/breadcrumb-sub-right.png) no-repeat right center; behavior: url(PIE.htc); } #breadcrumbs li:first-child a {background: url(../images/breadcrumb-dark.png) no-repeat left center; margin-left: -23px; padding-left: 30px; color: #fff;} #breadcrumbs li a.duncan-macleod { background: url(../images/breadcrumb-dark.png) no-repeat left center, url(../images/breadcrumb-right.png) no-repeat right center;} /* video styling */ .video-container {height: 574px; width: 960px; margin-top: 21px; position: relative; display: none; background-color: #fff;} .video-container video {height: 540px; left: 960px; position: absolute; top: 0; left: 0;} .video-container .map {background: url(../images/videos/map-bg.jpg) no-repeat top left; position: absolute; top: 0; left: 0; height: 574px; width: 960px; display: none;} .video-container .popup {position: absolute; top: 112px; left: 118px; width: 710px; height: 275px; background: url(../images/videos/popup-bg.png) no-repeat top left; display: none; padding: 21px 0 0 32px;} .video-container .popup .timer {position: absolute; left: 530px; top: 13px;} .video-container .popup .resume-btn {position: absolute; left: 565px; top: 13px;} .video-container .popup .promos {margin: 25px 17px 0 0; float: left;} .video-container .videos {display: none; height: 574px; position: absolute; top: 0; left: 0;} #flowplayer {display: none;} /*#content-header-top { background: url(../images/top-level-holder.png) top left no-repeat; width: 1030px; height: 330px; position: relative; /*top: -21px;*//* }*/ /*#content-header-top { background: url(../images/LandingPageGraphic.jpg) top left no-repeat; width: 960px; height: 330px; position: relative; /*top: -21px;*//* }*/ /*////This is the image that will be replaced by marketing S.R. - 10/16/17;*/ /*#content-header-top.top-markets {background: url(../images/headers/markets-top-level.png) -1px top no-repeat; width: 1030px; height: 330px; position: relative;}*/ #content-header-top.top-markets {background: url(../images/headers/markets-top-level.png) -1px top no-repeat; width: 960px; height: 330px; position: relative;} #content-header-top.top-categories {background: url(../images/headers/products-top-level.png) -1px top no-repeat; width: 960px; height: 330px; position: relative;} /*#content-header-top.top-categories {background: url(../images/headers/products-top-level.png) -1px top no-repeat; width: 1030px; height: 330px; position: relative;}*/ /*#content-header-top.top-about-network {background: url(../images/headers/aboutNetwork-top-level.png) -1px top no-repeat; width: 1030px; height: 330px; position: relative;}*/ #content-header-top.top-about-network {background: url(../images/AboutPageImage.png) -1px top no-repeat; width: 980px; height: 410px; position: relative;} /*////This is the image that will be replaced by marketing S.R. - 10/16/17/*/ /* #content-header-top.top-suppliers {background: url(../images/headers/suppliers-top-level.png) -1px top no-repeat; width: 1030px; height: 330px; position: relative;}*/ /*////Changes Requested by Marketing S.R. - 10/16/17;*/ #content-header-top.top-suppliers {background: url(../images/headers/suppliers-top-level.png) -1px top no-repeat; width: 960px; height: 330px; position: relative;} /* #content-header-top.top-systems {background: url(../images/headers/systems-top-level.png) -1px top no-repeat; width: 1030px; height: 330px; position: relative;}*/ /*////Changes Requested by Marketing S.R. - 10/16/17;*/ #content-header-top.top-systems {background: url(../images/headers/systems-top-level.png) -1px top no-repeat; width: 960px; height: 330px; position: relative;} /* #content-header-top.top-success {background: url(../images/headers/successStories-top-level.png) -1px top no-repeat; width: 1030px; height: 330px; position: relative;}*/ /*////Changes Requested by Marketing S.R. - 10/16/17;*/ #content-header-top.top-success {background: url(../images/headers/successStories-top-level.png) -1px top no-repeat; width: 960px; height: 330px; position: relative;} #content-header-top h1 { position: absolute; bottom: 21px; left: 250px;} #content-header-sub {height: 253px; width: 960px; background: #a7a7a7; position: relative;} #content-header-members {height: 355px; width: 960px; background: url(../images/members-bg.png) repeat top left; position: relative;} #parallax {position: relative; margin-top: 21px; width: 960px; overflow: hidden; height: 355px;} #parallax-control {width: 581px; height: 40px; position: absolute; background: url(../images/members/members-thumb-bg.jpg) repeat-x center left; top: 332px; left: 230px; z-index: 100;} .mouse-position {position: absolute; top: 0; left: 239px; width: 98px; height: 34px; border: 3px solid #f4aa00;} #parallax-instructions {position: absolute; top: 115px; left: 355px; display: none;} .video-controller {position: absolute; bottom: -3px; left: 0; width: 960px; display:block} .video-controller .button {float: left; display: inline-block;} #video-instructions {position: absolute; left: 354px; bottom: 420px; z-index: 99;} *+html #content-header-members {height: 393px;} *+html #parallax-control {top: 330px;} /* homeys styling */ .board-members img {position: absolute; top: 0; left: 0;} .board-members a img {z-index: 10000; display: block;} .description .front {background: url(../images/member-front-bg.png) no-repeat top left; width: 294px; height: 137px; margin-left: 36px; position: relative;} .description .front img {margin: 25px 0 0 15px;} .description .front .btn img {margin: 0;} .description .back {background: url(../images/member-back-bg.png) no-repeat top left; width: 294px; height: 137px; margin-left: 36px; position: relative;} .description .back h2 {font-size: 20px; font-family:'FuturaW01-HeavyOblique'; color: #fff; padding: 15px 0 8px 20px; text-transform: uppercase;} .description .back p {font-size: 10px; font-family: 'Futura W01 Book'; color: #fff; line-height: 14px; width: 265px; padding-left: 20px;} .description .btn {position: absolute; top: 10px; left: 222px;} .description .left-arrow {position: absolute; left: -36px; top: 55px;} .description .right-arrow {position: absolute; right: 2px; top: 55px;} /* front homeys */ #front-homey-1 {position: absolute; top: 160px; left: 160px; cursor: pointer;} #front-homey-1 .description {position: absolute; top: 35px; left: -90px;} #front-homey-2 {position: absolute; top: 160px; left: 760px; cursor: pointer;} #front-homey-2 .description {position: absolute; top: 35px; left: -170px;} #front-homey-3 {position: absolute; top: 180px; left: 1210px; cursor: pointer;} #front-homey-3 .description {position: absolute; top: 35px; left: -170px;} #front-homey-4 {position: absolute; top: 195px; left: 1560px; cursor: pointer;} #front-homey-4 .description {position: absolute; top: 35px; left: -170px;} #front-homey-5 {position: absolute; top: 200px; left: 2015px; cursor: pointer;} #front-homey-5 .description {position: absolute; top: 35px; left: -170px;} #front-homey-6 {position: absolute; top: 200px; left: 2350px; cursor: pointer;} #front-homey-6 .description {position: absolute; top: 35px; left: -170px;} #front-homey-7 {position: absolute; top: 135px; left: 2710px; cursor: pointer;} #front-homey-7 .description {position: absolute; top: 35px; left: -170px;} #front-homey-8 {position: absolute; top: 150px; left: 3115px; cursor: pointer;} #front-homey-8 .description {position: absolute; top: 35px; left: -170px;} #front-homey-9 {position: absolute; top: 160px; left: 3545px; cursor: pointer;} #front-homey-9 .description {position: absolute; top: 35px; left: -170px;} #front-homey-10 {position: absolute; top: 160px; left: 3885px; cursor: pointer;} #front-homey-10 .description {position: absolute; top: 35px; left: -170px;} #front-homey-11 {position: absolute; top: 160px; left: 4215px; cursor: pointer;} #front-homey-11 .description {position: absolute; top: 35px; left: -170px;} #front-homey-12 {position: absolute; top: 160px; left: 4785px; cursor: pointer;} #front-homey-12 .description {position: absolute; top: 35px; left: -170px;} #front-homey-13 {position: absolute; top: 150px; left: 5085px; cursor: pointer;} #front-homey-13 .description {position: absolute; top: 35px; left: -170px;} #front-homey-14 {position: absolute; top: 190px; left: 5480px; cursor: pointer;} #front-homey-14 .description {position: absolute; top: 35px; left: -215px;} /* back homeys */ .back-homey-1 {position: absolute; top: 155px; left: 435px; cursor: pointer;} .back-homey-1 .description {position: absolute; top: 35px; left: -40px;} .back-homey-2 {position: absolute; top: 160px; left: 635px; cursor: pointer;} .back-homey-2 .description {position: absolute; top: 35px; left: -100px;} .back-homey-3 {position: absolute; top: 160px; left: 1070px; cursor: pointer;} .back-homey-3 .description {position: absolute; top: 35px; left: -170px;} .back-homey-4 {position: absolute; top: 180px; left: 1582px; cursor: pointer;} .back-homey-4 .description {position: absolute; top: 35px; left: -170px;} .back-homey-5 {position: absolute; top: 150px; left: 2040px; cursor: pointer;} .back-homey-5 .description {position: absolute; top: 35px; left: -170px;} .back-homey-6 {position: absolute; top: 200px; left: 2385px; cursor: pointer;} .back-homey-6 .description {position: absolute; top: 35px; left: -170px;} .back-homey-7 {position: absolute; top: 140px; left: 2875px; cursor: pointer;} .back-homey-7 .description {position: absolute; top: 35px; left: -170px;} .back-homey-8 {position: absolute; top: 130px; left: 3265px; cursor: pointer;} .back-homey-8 .description {position: absolute; top: 35px; left: -170px;} .back-homey-9 {position: absolute; top: 160px; left: 3715px; cursor: pointer;} .back-homey-9 .description {position: absolute; top: 35px; left: -170px;} .back-homey-10 {position: absolute; top: 140px; left: 3885px; cursor: pointer;} .back-homey-10 .description {position: absolute; top: 35px; left: -170px;} .back-homey-11 {position: absolute; top: 140px; left: 4265px; cursor: pointer;} .back-homey-11 .description {position: absolute; top: 35px; left: -170px;} .back-homey-12 {position: absolute; top: 160px; left: 5040px; cursor: pointer;} .back-homey-12 .description {position: absolute; top: 35px; left: -285px;} .back-homey-13 {position: absolute; top: 115px; left: 5315px; cursor: pointer;} .back-homey-13 .description {position: absolute; top: 35px; left: -300px;} .back-homey-14 {position: absolute; top: 145px; left: 5750px; cursor: pointer;} .back-homey-14 .description {position: absolute; top: 35px; left: -300px;} .back-homey-15 {position: absolute; top: 155px; left: 6180px; cursor: pointer;} .back-homey-15 .description {position: absolute; top: 35px; left: -300px;} #content-container {position: relative; /*top: -73px;*/ margin-top: -23px; background-color: white;} /*background-color: #f2f1f0;*/ /*background: #f2f1f0 url(../images/arrow-content-bottom-bg.png) bottom left no-repeat; min-height: 641px;*/ #content-container #left-nav {background: url(../images/leftnavbarrep.png) top left no-repeat; width: 230px; min-height: 537px; float: left; position: relative; top: -50px; z-index:2;} /*#content-container #left-nav {background: url(../images/Leftnavbar2.png) top left no-repeat; width: 230px; min-height: 537px; float: left; position: relative; top: -50px; z-index:2;}*/ /*#content-container #left-nav {background: url(../images/blank.jpg) top left no-repeat; width: 230px; min-height: 537px; float: left; position: relative; top: -50px;}*/ /*////////Changes being requested by Marketing S.R. - 10/16/17*/ #content-container #left-nav.sub-level {z-index: 2; top: -23px;} #content-container #left-nav ul {padding-top: 13px;} #content-container #left-nav ul li {border-top: 1px solid #dddddd; padding: 5px 0 5px 30px;} #content-container #left-nav ul li a {text-indent: -10000px; display: block;} #content-container #left-nav ul li a.nav-about {background: url(../images/nav-about-network.png) left center no-repeat;} #content-container #left-nav ul li a.nav-members {background: url(../images/nav-our-members.png) left center no-repeat;} #content-container #left-nav ul li a.nav-markets {background: url(../images/nav-markets.png) left center no-repeat;} #content-container #left-nav ul li a.nav-categories {background: url(../images/nav-product-categories.png) left center no-repeat;} #content-container #left-nav ul li a.nav-suppliers {background: url(../images/nav-suppliers.png) left center no-repeat;} #content-container #left-nav ul li a.nav-systems {background: url(../images/nav-systems.png) left center no-repeat;} #content-container #left-nav ul li a.nav-stories {background: url(../images/nav-success-stories.png) left center no-repeat;} #content-container #left-nav ul li:first-child {border-top: none;} /*#content-container #left-nav ul li.active { background: url(../images/nav-active-arrow.gif) left 4px no-repeat; }*/ #content-container #left-nav ul li.active { background: url(../images/nav-active-arrow2.png) left 4px no-repeat; } #content-container.sub-level #left-nav ul li.active { background: none; } #content-container #left-nav ul li ul {display: none; padding-top: 5px;} #content-container #left-nav ul li.active ul {display: block;} #content-container #left-nav ul li ul li {border: none; overflow: auto; padding-left: 15px;} /*#content-container #left-nav ul li ul li.active-sub { background: url(../images/sub-nav-arrow.gif) left 1px no-repeat; margin-left: -30px; padding-left: 45px; }*/ #content-container #left-nav ul li ul li.active-sub { background: url(../images/sub-nav-arrownew.gif) left 1px no-repeat; margin-left: -30px; padding-left: 45px; } #content-container #left-nav ul li ul li a {text-indent: 0; font-family:'Futura W01 Medium'; font-size: 13px; color: #828282; text-transform: uppercase; letter-spacing: 1px;} /*Changed fontsize on above line from 10px to 13px S.R. 10/20/17*/ #content-container #left-nav ul li ul li:hover {background-color: #e7e7e7; margin-left: -30px; padding-left: 45px;} #content-container #left-nav ul li ul li.active-sub:hover{background-color: transparent;} #content-container .content {float: left; width: 730px; background-color: #fff; min-height: 517px; padding-bottom: 20px; position: relative; z-index: 4; } #content-container .content.success-stories {min-height: 518px;} #content-container .content h1 {position: absolute; left: 0; top: -30px; z-index: 1;} #content-container .content #copy { padding: 20px 20px 0 20px; min-height: 100px; width: 540px;} #content-container .content #copy.categories {min-height: 700px;} #content-container .content #copy.sub-level {padding: 40px 20px 0 20px; min-height: 0;} #content-container .content #copy h2, #content-container .content #copy.sub-level.privacy h3 {color: #3a6f8f; font-family:'FuturaW01-HeavyOblique'; line-height: 26px; font-size: 22px; text-transform: uppercase; letter-spacing: 1.5px;} #content-container .content #copy h3 {text-transform: none; font-size: 14px; letter-spacing: 0;} #content-container .content #copy.sub-level.privacy a { color: #44687d; text-decoration: underline; font-family:'FuturaW01-HeavyOblique'; font-size: 13px;} #content-container .content #copy p {margin: 7px 0; color: #666; font-family: 'Futura W01 Book'; font-size: 16px; line-height: 22px;}/*Enlarge Font per Marketing S.R 10/30/17*/ /*Changed font size on the abovve line from 13px to 16px S.R. 10/20/17*/ #content-container .content #copy a.body-link {color: #44687d; font-family:'FuturaW01-HeavyOblique'; font-size: 16px; text-decoration: underline;}/*Enlarge Font per Marketing S.R 10/30/17*/ #content-container .content #copy.sub-level.privacy ul li {line-height: 15px;} #content-container .content #copy h5 {font-family:'FuturaW01-HeavyOblique'; color: #3A6F8F; text-transform: uppercase; line-height: 22px; margin-bottom: -7px; letter-spacing: 1.5px;} /* ::RIGHT SIDEBAR:: Blue is the default */ #right-sidebar {background: url(../images/blue-arrow.png) bottom left no-repeat; width: 149px; height: auto; float: right; position: relative; top: -15px; margin-left: 20px; overflow: hidden;} #right-sidebar.blue .bottom {background: url(../images/right-sidebar-bottom-slice-blue.gif) bottom left no-repeat #44687d; margin-bottom: 119px; /*height: 122px;*/} #right-sidebar.green {background: url(../images/green-arrow.png) bottom left no-repeat; } #right-sidebar.green .bottom {background: url(../images/right-sidebar-bottom-slice-green.gif) bottom left no-repeat #899639; margin-bottom: 12px; padding-bottom: 12px; height: 182px;} #right-sidebar h3 {color:white;/*color: #91bad2*/; text-transform: uppercase; text-align: center; letter-spacing: 1px; background: #44687d; height: /* set to auto 12/01/17 S.R. 28px*/ 60px; padding: 10px 26px 10px; font-size: 14px; line-height: 14px;} #right-sidebar.green h3 {color:white /*color: #cde055*/; background: #899639; } #right-sidebar .middle {background: url(../images/right-sidebar-middle-holder.gif) top left no-repeat;/* height: 108px; */} #right-sidebar .middle img { display: block; } #right-sidebar p {font-family:'FuturaW01-MediumCondObl'; color: #fff; font-size: 16px; line-height: 20px; padding: 10px;} #right-sidebar p.list {font-family: 'Futura W01 Book'; font-size: 13px; line-height: 15px;} #right-sidebar ul {padding-left: 25px; margin-bottom: 20px;} #right-sidebar ul li {font-family:'FuturaW01-MediumCondObl'; color: #fff; color: #fff; font-size: 16px; list-style: disc; margin: 5px 0;background-repeat:no-repeat;} #right-sidebar a, .bucket a {background: url(../images/right-sidebar-arrow.png) right center no-repeat; color: #91bad2; font-family:'FuturaW01-HeavyOblique'; text-transform: uppercase; letter-spacing: 1px; font-size: 12px; padding: 0 10px; } #right-sidebar.green a {color: #cde055;} /*Adding tooltip hover for 50th anniversary S.R. 12/4/17*/ #right-sidebar .tooltip{ position: relative;display: inline-block;} #right-sidebar .tooltiptext {visibility: hidden;width: 120px;background-color: red;color: black;ext-align: center;border-radius: 6px;padding: 5px 0;/* Position the tooltip */position: absolute;z-index: 10;top: -5px;right: 105%;} #right-sidebar .tooltip:hover{visibility: visible;} #right-sidebar .tooltip:hover, tooltiptext{visibility: visible;} #content-container .content-arrow-bottom {margin-top: -162px; margin-bottom: -2px; position: relative; z-index:3;} .privacy, .cre {margin-bottom: 20px; padding-left: 20px;} .cre {margin-top: 10px;} .privacy li, .cre li {font-family: 'Futura W01 Book'; list-style: none; color: #666666; font-size: 16px; line-height: 22px!important;background-image:url(../images/arrow.gif);background-repeat:no-repeat;padding-left: 10px;} h5.pullquote {font-size: 12px; letter-spacing: 1.5px; margin: 23px 0 0 0 !important; padding-left: 6px;} p.pullquote {font-family:'FuturaW01-HeavyOblique' !important; font-size: 12px !important; letter-spacing: .5px; margin: 0 !important; padding: 5px 10px !important; text-transform: uppercase; line-height: 16px !important;} /*.buckets { padding-left: 8px; clear: right; position: absolute; bottom: 45px; right: 20px; z-index: 6;}*/ .buckets { padding-left: 265px; clear: right; position: relative; bottom: 10px; right: 20px; z-index: 6;} .bucket { background: url(../images/new-bucket.png) top left no-repeat; width: 199px; height: 60px; float: left; margin-left: 12px; padding: 135px 10px 0 10px; box-shadow: 5px 5px #d6d6d6; -moz-box-shadow: 5px 5px #d6d6d6; -webkit-box-shadow: 5px 5px #d6d6d6; cursor: pointer; behavior: url(PIE.htc);} .bucket.suppliers {background: url(../images/buckets/suppliers-bucket.png) top left no-repeat;} .bucket.organization {background: url(../images/buckets/organization-bucket.png) top left no-repeat;} .bucket.news {background: url(../images/buckets/news-bucket.png) top left no-repeat;} .bucket.analytics {background: url(../images/buckets/analytics-bucket.png) top left no-repeat;} .bucket a { background: url(../images/orange-arrow.gif) right center no-repeat; color: #44687d; padding: 0 15px 0 0; } .bucket p { color: #44687d; font-size: 11px; line-height: 13px; } /* ::FOOTER:: */ /*#footer { background: url(../images/footer-bg.png) bottom left no-repeat; width: 960px; height:70px; /*position: relative; bottom: 126px; }*/ /*#footer { background: url(../images/50thfooter.png) bottom left no-repeat; width: 960px; height:70px; /*position: relative; bottom: 126px; }*/ #footer { background: url(../images/footer-bg.png) bottom left no-repeat; width: 960px; height:70px; /*position: relative; bottom: 126px;*/ } #footer .footer-nav { width: 485px; margin: 0 auto; padding-top: 15px;} #footer p {text-align: center; color: #3a6f8f; font-family:'FuturaW01-HeavyOblique'; font-size: 9px; margin-top: 5px; text-transform: uppercase; letter-spacing: 1px;} #footer ul li {text-transform: uppercase; float: left;} #footer ul li a {float: none;} #flowplayer {cursor: pointer;} .gfc-resultsHeader {text-align: center;} .green-filter {margin: 10px 0;} .green-filter #green {display: inline;} .green-icon {padding-top: 0 !important;} a.green {color: #4d8f48 !important;} /*CSS for the tooltip hover action 50th Anniversary- S.R. 12/15/17*/ .tooltip {position: relative;display: inline-block;height: auto; float: right; position: relative; top: -15px; margin-left: 10px;margin-bottom: -215px;} .tooltip .tooltiptext {visibility: hidden;width: 820px;height:430px;;background-image:url(../images/test-mapnew.png); background-repeat: repeat; color: #666666;text-align: left;border-radius: 25px;padding: 5px 0px 0px 0px;/* Position the tooltip */border: 5px solid #4f758b;-moz-box-shadow: 0 5px 10px #ccc; -webkit-box-shadow: 0 5px 10px #ccc; box-shadow: 0px 0px 80px #000; behavior: url(PIE.htc);position: absolute;z-index: 1;top: -200px;right: 40%;line-height:120%;} .tooltip:hover .tooltiptext {visibility: visible;}