/* ------------------------------------------- project: Ontario Mutuals date: 2008/10/13 ------------------------------------------- */ /* Reset ------------------------------------------- */ * {margin: 0; padding: 0; color: #000; font-family: Arial, Helvetica, sans-serif; font-size: 11px; line-height: 1.5em;} a, span, strong {font-size: 1em;} span {color: inherit;} a, a:visited {color: #003768; text-decoration: none;} a:hover {text-decoration: none;} img {border: none;} html {height: 100.01%; background: #57A1D5 url(../images/back.jpg) top repeat-x;} /* basic text elements */ h1 {margin-top: 10px; margin-bottom: 0.2em; color: #003666; font-family: Minion, "Times New Roman", Times, serif; font-size: 1.7em; font-variant: small-caps; font-weight: normal;} h2 {margin: 1em 0 0.8em 0; font-size: 1.5em;} h3 {margin: 1em 0 0.8em 0; font-size: 1.3em;} h4 {margin: 1em 0 0.8em 0; font-size: 1.2em;} p {margin: 1em 0 1em 0;} ul, ol {margin: 1em 0 1em 0;} ul li {margin: 0;} ol li {margin: 0;} /* basic form elements */ fieldset {border: none;} legend {border: none; font-weight: bold;} label {display: block; float: left; clear: left; width: 150px; margin: 5px 0 5px 0;} input {width: 275px; margin: 5px 0 5px 0; padding: 2px; border: 1px solid #000; background: #fff;} input.chk, input.radio {width: auto; border: none;} textarea {width: 275px; height: 50px; margin: 5px 0 5px 0; padding: 2px; border: 1px solid #000; background: #fff;} select {width: 275px; margin: 5px 0 5px 0; padding: 2px; border: 1px solid #000; background: #fff;} button {border: none; background: none; cursor: pointer;} /* layout ------------------------------------------- */ .body {position: relative; width: 908px; margin: 0 auto; padding-bottom: 50px; background: url(../images/bottom-shadow.jpg) center bottom no-repeat;} #header-wrapper {padding-bottom: 25px; background: url(../images/shadow-bottom.png) bottom no-repeat;} #header {position: relative; width: 898px; height: 133px; margin: 0 auto; margin-bottom: 60px; padding: 0 5px 0 5px; background: url(../images/shadow-middle.png) top repeat-y;} #header.home {height: 398px; margin-bottom: 0; } #top {position: absolute; top: 0; z-index: 3; width: 898px; height: 173px; background: url(../images/header1.png) no-repeat;} #top-bottom {position: absolute; bottom: 0; width: 898px; height: 45px; background: url(../images/header2.png) no-repeat;} #logo {display: block; position: absolute; left: 30px; top: 25px; overflow: hidden; width: 195px; height: 90px; text-indent: -10001px;} #utils {position: absolute; top: 20px; left: 340px; margin: 0; padding: 0;} #utils li {float: left; list-style: none; margin: 0 0 0 15px; padding: 0;} #utils a, #utils a:visited {display: block; margin-top: 3px; padding: 0 5px 0 10px; background: url(../images/icons/gray-triangle.gif) 3px center no-repeat; color: #3B75A6; font-size: 0.9em; text-transform: uppercase;} #utils a:hover {background: #DAE6EF url(../images/icons/gray-triangle.gif) 2px center no-repeat;} .search-form input {width: 170px; margin: 0 2px 0 0; padding: 2px; border: 1px solid #A5A5A5; background: #fff url(../images/icons/magnifier.gif) 156px center no-repeat; color: #a5a5a5; font-size: 0.9em; vertical-align: middle;} .search-form button {overflow: hidden; width: 19px; height: 19px; margin: 0; border: none; background: url(../images/buttons/go.jpg) center center no-repeat; text-indent: -200px; vertical-align: middle;} .search-form-large input{width: 250px; margin: 0 2px 0 0; padding: 4px; border: 1px solid #A5A5A5; background: #fff url(../images/icons/magnifier.gif) 236px center no-repeat; color: #333; font-size: 0.9em; vertical-align: middle;} .search-form-large select {width: 170px; margin: 0 2px 0 0; padding: 2px; border: 1px solid #A5A5A5; background:#fff; color: #a5a5a5; font-size: 0.9em; vertical-align: middle;} .search-form-large button {overflow: hidden; width: 19px; height: 19px; margin: 0; border: none; background: url(../images/buttons/go.jpg) center center no-repeat; text-indent: -200px; vertical-align: middle;} #main .search-header{border-bottom:1px solid #D9D9D9;} #main .search-results ul{list-style:none;} #main .search-results ul li {border-bottom:1px solid #D9D9D9;} #main .search-results .title a{font-weight:bold; margin-bottom:0} #main .search-results .ref{font-size:0.9em; margin:0 0 1em; color:#959595;} #news {position: absolute; top: 65px; left: 250px; width: 620px; height: 70px; text-align: right;} #news ul {margin: 5px 0 0 0; color: #8a8a8a; list-style:none;} #news-item li {color:#4c4c4c; position: absolute; right: 0; top: 0; list-style: none; width: 620px; height: 45px; margin: 0; padding: 0 0px 0 0px;} a.news-title, a.news-title:visited {color: #003768; font-weight: bold;} a.news-title:hover {background: #DAE6EF;} .news-pagination {float: right; margin: 0;} .news-pagination div {float: left; list-style: none; margin: 0 2px 0 2px; padding: 0; color: #8a8a8a;} .news-pagination div a, .news-pagination div a:visited {display: block; float: left; overflow: hidden; width: 13px; height: 10px; margin-top: 2px; background-repeat: no-repeat; background-position: left top; text-indent: 10001px;} .news-pagination div a:hover {background-position: left -10px;} #news .prev {background-image: url(../images/icons/prev.gif);} #news .next {background-image: url(../images/icons/next.gif);} #presentation {position: absolute; bottom: -19px; left: 5px; z-index: 2; width: 898px; height: 292px;} #slide-descr {position: absolute; right: 0; bottom: 0; z-index: 2; width: 345px; height: 292px; background: url(../images/header3.png) no-repeat;} #presentation #prev-slide {position: absolute; left: 0; bottom: 105px; z-index: 2; overflow: hidden; width: 51px; height: 59px; background: url(../images/header-prev.png) left top no-repeat; text-indent: -10001px;} #presentation #prev-slide:hover {background-position: left bottom;} #presentation #next-slide {position: absolute; right: 339px; bottom: 105px; z-index: 2; overflow: hidden; width: 51px; height: 59px; background: url(../images/header-next.png) left top no-repeat; text-indent: -10001px;} #presentation #next-slide:hover {background-position: left bottom;} #slideshow {position: absolute; left: 0; bottom: 0; z-index: 1; overflow: hidden; width: 560px; height: 288px;} #slideshow ul {position: absolute; top: 0; left: 0; margin: 0; padding: 0;} #slideshow ul li {float: left; list-style: none; width: 560px; height: 288px; margin: 0; padding: 0;} #mainmenu {width: 909px; height: 63px; margin: 0; padding: 0;} #mainmenu li {float: left; list-style: none; margin: 0; padding: 0;} #mainmenu a, #mainmenu a:visited {display: block; float: left; overflow: hidden; width: 226px; height: 63px; margin: 0; background: url(../images/mainmenu.png) no-repeat; text-indent: -10001px;} #mainmenu a#mm1 {background-position: 0 0;} #mainmenu a#mm1:hover, #mainmenu a#mm1.current, #mainmenu a#mm1.current:visited {background-position: 0 -65px;} #mainmenu a#mm2 {background-position: -226px 0;} #mainmenu a#mm2:hover, #mainmenu a#mm2.current, #mainmenu a#mm2.current:visited {background-position: -226px -65px;} #mainmenu a#mm3 {background-position: -452px 0;} #mainmenu a#mm3:hover, #mainmenu a#mm3.current, #mainmenu a#mm3.current:visited {background-position: -452px -65px;} #mainmenu a#mm4 {width: 231px; background-position: -678px 0;} #mainmenu a#mm4:hover, #mainmenu a#mm4.current, #mainmenu a#mm4.current:visited {background-position: -678px -65px;} #footer {width: 898px; height: 30px; margin: 0 auto; margin-top: 10px; } #copyright {float: left; padding: 15px 0 0 80px; background: url(../images/copyright.gif) no-repeat; color: #ABD0EA;} #credits {float: right; width: 205px; height: 30px;} #credits a {display: block; float: right; overflow: hidden; width: 205px; height: 30px; background: url(../images/credits.gif) right bottom no-repeat; text-indent: -10001px;} #footer-menu {margin: 0 auto; padding-top: 25px; color: #fff; text-align: center; } #footer-menu a, #footer-menu a:visited {margin: 0 10px 0 10px; color: #fff; text-decoration: none;} #footer-menu a:hover {color: #fff; text-decoration: underline;} #page {width: 909px; padding-bottom: 20px; background: url(../images/page-bottom.png) center bottom no-repeat;} #page-inside {min-height: 200px; padding: 10px 5px 30px 5px; background: url(../images/page-back.png) center top repeat-y;} #page h1 {margin-left: 25px;} #main {float: left; width: 630px; margin-left: 25px;} #main p, #main dl, #main ol, #main ul {font-size: 1.2em;} #main p *, #main dl *, #main ol *, #main ul * {font-size: 1em;} #sidebar {float: right; width: 212px; margin-right: 15px;} #sidebar h2 {overflow: hidden; width: 212px; height: 33px; margin: 0; padding: 0; text-indent: -10001px;} #sidebar ul {margin: 0 0 50px 0; padding: 0;} #sidebar ul#menu-products {border-top: 2px solid #C18541;} #sidebar ul#menu-resources {border-top: 2px solid #78A1BC;} /* Resources */ #sidebar ul#menu-locate {border-top: 2px solid #7AB952;} #sidebar ul#menu-why {border-top: 2px solid #B2AB58;} /* Why Mutuals */ #sidebar ul#menu-products {border-top: 2px solid #C18541;} #sidebar ul li {list-style: none; margin: 0; padding: 0;} #sidebar ul a, #sidebar ul a:visited {display: block; height: 23px; padding-left: 15px; border-bottom: 1px solid #E1E1E1; color: #003768; line-height: 23px;} #sidebar ul a:hover {background-color: #EFF6FB;} #sidebar ul li ul {margin-bottom: 0; display:none;} #sidebar ul li.active a,#sidebar ul li.current a{background-color: #E0EDF7;} #sidebar ul li.active ul {display:block;} #sidebar ul li.active ul li a, #sidebar ul li ul li a, #sidebar ul li ul li a:visited {height: 24px; padding-left: 25px; border-bottom: none; background-color: #EFF6FB; background-image:url(../images/icons/navy-triangle.gif); background-position:15px center; background-repeat:no-repeat; color: #003768; line-height: 24px;} #sidebar ul li ul li a:hover, #sidebar ul li ul li.current a, #sidebar ul li ul li.current a.current-visited {background-color: #E0EDF7; background-image:url(../images/icons/navy-triangle.gif); background-position: 15px center; background-repeat: no-repeat;} /* classes and other styles ------------------------------------------- */ .clear {overflow: hidden; clear: both; height: 0;} .secret {display: none;} #main p.subtitle {marign-top: 0; padding: 0; border-bottom: 1px solid #D9D9D9; color: #8E8E8E; font-family: "Times New Roman", Times, serif; font-size: 14px; letter-spacing: 0.05em; line-height: 1.3em;} #main p.subtitle-copy {marign-top: 0; padding: 0 0 5px 0; border-bottom: 1px solid #D9D9D9; color: #8E8E8E; font-family: "Times New Roman", Times, serif; font-size: 17px; line-height: 1.3em;} .lhalf {float: left; width: 304px;} .rhalf {float: right; width: 304px;} #main .res-label {float: left; clear: left; width: 120px; color: #78A1BC; font-weight: bold; font-size: 1em;} #main .why-label {float: left; clear: left; width: 120px; color: #B2AB58; font-weight: bold; font-size: 1em;} #main .prod-label {float: left; clear: left; width: 120px; color: #C18541; font-weight: bold; font-size: 1em;} .labelled {float: left; width: 507px; font-size:1.2em; margin:1em 0; } .labelled ul{margin:0; font-size:1em;} .labelled ul li {list-style: none; padding-left: 7px; background: url(../images/bullet2.gif) left 8px no-repeat; } #main .labelled ul {font-size:1em;} /* buttons */ .button, .button:visited {display: block; overflow: hidden; background-repeat: no-repeat; background-position: left top; text-indent: -10001px;} .button:hover {background-position: left bottom;} .button.learn-more {width: 84px; height: 18px; background-image: url(../images/buttons/learn-more.gif);} .button.view-all-products {width: 116px; height: 18px; background-image: url(../images/buttons/view-all-products.gif);} .button.view-all-resources {width: 126px; height: 18px; background-image: url(../images/buttons/view-all-resources.gif);} .button.view-all-testimonials {width: 136px; height: 18px; background-image: url(../images/buttons/view-all-testimonials.gif);} .button.search-now {width: 103px; height: 28px; background-image: url(../images/buttons/search-now.gif);} /* special paragraphs and headings */ h2#side-products {background: url(../images/headers/side-products.gif);} h2#side-directions {background: url(../images/headers/side-directions.gif);} h2#side-in-this-section {background: url(../images/headers/side-in-this-section.gif);} h2#find-by-postal-code {background: url(../images/headers/find-by-postal-code.gif);} h2#find-by-phone {background: url(../images/headers/find-by-phone.gif);} h2#side-resources {background: url(../images/headers/side-resources.gif);} h1.resources {color: #78A1BC;} h1.locate {color: #7AB952;} h1.why {color: #B2AB58;} h1.products {color: #C18541;} p.box {margin: 0; padding: 10px 15px 10px 15px; border-top: 2px solid #57A2D5; background: #EFF6FB url(../images/box-bottom.jpg) bottom no-repeat;} .resources-hint {color: #78A1BC; font-size: 1.1em;} .products-hint {color: #C18541;} .products-hint strong {color: #C18541;} .resources-hint strong {color: #78A1BC;} .locate-hint {color: #7AB952;} .locate-hint li {list-style: none; padding-left: 12px; background: url(../images/bullet3.gif) left center no-repeat; color: #7AB952;} /* special sections and stuff ------------------------------------------- */ #slide-descr li {position: absolute; right: 0; bottom: 0; list-style: none; width: 300px; height: 230px; margin: 0; padding: 0 15px 0 25px;} #slide-descr li h2 {margin: 0; border-bottom: 3px dotted #859097;} #slide-descr li h2 * {font-family: Minion, "Times New Roman", Times, serif; font-size: 1em; line-height: 1em;} #slide-descr li h2 span.slide-title {color: #464646; font-size: 1.2em; font-variant: small-caps;} #slide-descr li h2 span.number {margin-left: 5px; color: #326088; font-size: 0.9em; font-variant: small-caps;} #slide-descr li h3 {margin-top: 0; color: #326088; font-style: italic; font-size: 1.4em; font-family: Minion, "Times New Roman", Times, serif; line-height: 1.3em;} #slide-descr p {color: #636363; font-size: 1.3em; font-family: Avenir, Verdana, Helvetica, sans-serif;} #slide-descr .button {position: absolute; left: 25px; bottom: 20px;} #cols4-wrapper1 {position: relative; width: 909px; background: url(../images/4cols-middle.jpg) center top repeat-y;} #cols4-wrapper2 {padding-top: 45px; background: url(../images/4cols-top.png) center top no-repeat;} #cols4 {padding-bottom: 21px; background: url(../images/4cols-bottom.jpg) center bottom no-repeat;} .cols4-left, .cols4-right, .cols4-mid {position: relative; float: left; width: 221px; height: 276px; margin: 0 0 0 5px; color: #363636;} .cols4-right {background: url(../images/cols4-content.jpg) bottom no-repeat;} .cols4-mid .button, .cols4-left .button {position: absolute; left: 15px; bottom: 0;} .cols4-right a.button {position:absolute; bottom: 9px; right: 12px;} .colored {position: relative; overflow: hidden; height: 145px; padding: 0 15px 0 15px;} .colored ul {margin-top: 0;} .colored p {line-height: 1.3em;} div#coverage {margin: 10px 15px 10px 15px;} div#coverage li {list-style: none; padding-left: 10px; background: url(../images/bullet1.gif) left 6px no-repeat; color: #363636;} div#testimonials{margin: 10px 15px 10px 15px;} ul#testimonials {margin: 10px 15px 10px 15px;} ul#testimonials li {list-style: none; margin-left: -2px;} ul#testimonials a, ul#testimonials a:visited {padding: 0 2px 0 2px; color: #003768; text-decoration: none;} ul#testimonials a:hover {background: #EEECD2; color: #003356;} .cols4-mid p {margin: 10px 15px 10px 15px; color: #363636;} .cols4-mid p strong {color: #003768;} #colored-products {background: #C18541;} #colored-products ul {height: 25px;} #colored-products ul li {float: left; list-style: none; margin: 0 12px 0 0; padding-top: 10px;} #colored-products ul a, #colored-products ul a:visited {color: #F6D6B2; text-decoration: none;} #colored-products ul a:hover {color: #fff; font-weight: bold; text-decoration: none;} #colored-products ul li.current {background: url(../images/white-triangle.gif) center top no-repeat; } #colored-products ul li.current a, #colored-products ul li.current a:visited {color: #fff; font-weight: bold; text-decoration: none;} #colored-products p {margin-top: 0; color: #fff;} #colored-products p strong {color: #003768;} #colored-products a.read-more {margin-left: -2px; padding: 0 2px 0 2px; color: #003768; font-size: 0.9em; text-decoration: none; text-transform: uppercase;} #colored-products a.read-more:hover {background: #D4AA7A;} #colored-why {padding: 0; background: #C7C069; text-align: center;} #colored-why p {margin: 0; padding-top: 10px; text-align: center;} #colored-why p a {display:block; height:115px; width:193px; margin:0px auto; background-repeat:no-repeat; border:2px solid #ffffff;} #colored-res {background: #78A1BC;} #colored-res ul {margin:0; padding-top: 6px;} #colored-res ul li {list-style: none; margin-left: -2px;} #colored-res ul a, #colored-res ul a:visited {padding: 0 2px 0 2px; color: #D1DFE8;} #colored-res ul a:hover {background: #A1BDD0; color: #DFE9EF;} #colored-locate {position: relative; background: #5E8446 url(../images/cols4-form.jpg) top no-repeat;} #colored-locate legend {display: none;} #colored-locate p {position: absolute; top: 105px; left: 15px; width: 200px; margin: 0; color: #BAD6A9;} #colored-locate p a, #colored-locate p a:visited {color: #fff; text-decoration: none;} #colored-locate p a:hover {text-decoration: underline;} #colored-locate input {position: absolute; top: 42px; width: 35px; padding: 3px 2px 3px 2px; border: 1px solid #787878; font-size: 1.3em;} #colored-locate input#postal-code2 {left: 60px;} #colored-locate button {position: absolute; right: 12px; top: 46px;} #cols4 h2 {display: none;} #members {position: relative; width: 909px; height: 118px; background: url(../images/members-box.png) no-repeat;} #members h2 {position: relative; left: 5px; top: 5px; width: 290px; margin: 0 auto; padding-top: 10px; color: #485065; font-size: 1.2em; text-align: center; text-transform: uppercase;} #members #slider {position: relative; left: 1px; overflow: hidden; width: 899px; height: 60px; margin: 0 auto;} #members #slider #sensor {position: absolute; left: 0; top: 0; z-index: 5; width: 899px; height: 60px;} #members #slider ul {position: absolute; left: 0; top: 0; z-index: 1; width: 7500px; height: 60px; margin: 0; padding: 0;} #members #slider li {float: left; list-style: none; width: 120px; height: 60px; margin: 0; padding:0 10px; text-align: center;} #members #slider li a {display: block; float: left; width: 120px; height: 60px; background-position: right top;} #members #slider li a:hover {background-position: left bottom;} #members #slider li a span{display:none;} #map {height: 350px; margin: 20px 0 20px 0;} #locate-map {height: 440px; margin: 20px 0 20px 0;} #map p {margin: 0;} .gray-box {position: relative; margin: 20px 0 20px 0; padding: 1px 10px 1px 10px; background: #F1F1F1 url(../images/corners/se.jpg) right bottom no-repeat;} .gray-box .ne {position: absolute; right: 0; top: 0; width: 10px; height: 10px; background: url(../images/corners/ne.jpg) no-repeat;} .gray-box ul li {list-style: none; margin: 10px 0 10px 10px; padding-left: 10px; background: url(../images/bullet2.gif) left 8px no-repeat; font-size: 1em;} #main .vcard .org {color: #56A1D5; font-weight: bold; } #main .vcard dl dt {float: left; clear: left; width: 70px; color: #959595; font-size: 0.8em; line-height: 20px; text-transform: uppercase;} #main .vcard dl dd {float: left; width: 200px; line-height: 20px; } #main .vcard dl dd a, #main .vcard dl dd a:visited {color: #56A1D5;} #main .vcard dl dd a:hover {color: #003768;} #main ul, ol {margin:1em 20px; } #main ul.lhalf{margin:1em 0;} #main ul.rhalf{margin:1em 0;} #main ul.res-sections li {list-style: none; margin: 0; border-top: 2px solid #78A1BC;} #main ul.res-sections li a, ul.res-sections li a:visited {display: block; height: 61px; padding: 5px 10px 5px 10px; background: #fff url(../images/section-gradient.jpg) left bottom repeat-x; color: #363636; font-size: 0.75em; line-height: 1.5em;} #main ul.res-sections li.last a, ul.res-sections li.last a:visited {background-image: url(../images/section-last.jpg); background-repeat: no-repeat;} #main ul.res-sections li a span {color: #001F41; font-size: 1.7em; font-family: Minion, "Times New Roman", Times, serif; line-height: 1.5em;} #main ul.res-sections li a img {float: left; margin: -5px 10px -5px -10px;} /*#main ul.res-sections li a img {float: left; margin: -5px 10px -5px -10px; border:1px solid #dddddd; border-top:none; border-bottom:none;}*/ #main ul.res-sections li a:hover {background: #78A1BC; color: #fff;} #main ul.res-sections li.last a:hover {background: #78A1BC url(../images/section-last-over.jpg) center bottom no-repeat;} /*#main ul.res-sections li.last a img{border-bottom:1px solid #dddddd;} */ #main ul.res-sections li a:hover span {color: #fff;} ul#sitemap {} ul#sitemap li {list-style: none; } ul#sitemap li p {margin: 0; padding-left: 13px; border-bottom: 1px solid #ECECEC; background: url(../images/icons/gray-triangle.gif) left center no-repeat;} ul#sitemap li a.top-link {float: right; margin-top: 2px; padding-left: 10px; background: url(../images/icons/gray-triangle-up.gif) left center no-repeat; font-size: 0.8em;} ul#sitemap a:hover {text-decoration: underline;} #sitemap ul{ border-top: 1px solid #ECECEC; padding-top:1em; margin-top:0; } #sitemap ul li {list-style-image: url(../images/icons/gray-triangle.gif); list-style-position: outside; margin-left: 25px; border-bottom: none;} #sitemap ul li ul {margin-top: 0; margin-bottom: 0; border-top: none;} #sitemap ul li ul li {margin-left: 15px; font-size: 1em;} ul#sitemap ul li p{background:none; border:none;} .blue-box {position: relative; height: 177px; margin-bottom: 20px; background: #78A1BC url(../images/corners/blue-se.jpg) right bottom no-repeat;} .blue-box .ne {position: absolute; top: 0; right: 0; width: 10px; height: 10px; background: url(../images/corners/blue-ne.jpg);} .blue-box img {float: left; margin: 0 15px 0 0;} .blue-box p {color: #fff; margin: 0; padding: 15px;} .blue-box p strong {color: #fff;} #code-finder {position: relative; height: 110px; margin: 0 0 50px 0; border-top: 2px solid #7AB952; background: url(../images/code-finder-back.jpg) no-repeat;} #code-finder input {position: absolute; left: 10px; top: 15px; width: 35px; padding: 3px 2px 3px 2px; border: 1px solid #787878; font-size: 1.3em;} #code-finder input#postal-code2 {left: 55px;} #code-finder button {position: absolute; left: 102px; top: 17px;} #code-finder p {position: absolute; left: 10px; top: 60px; color: #A2CBE8;} #code-finder p a, #code-finder p a:visited {color: #fff;} #code-finder p a:hover {text-decoration: underline;} #phone-finder {height: 65px; margin: 0 0 50px 0; padding: 70px 10px 15px 10px; border-top: 2px solid #7AB952; background: url(../images/phone-finder-back.jpg) no-repeat; color: #A2CBE8; line-height: 1.3em;} .green-box {position: relative; overflow: visible; height: 177px; margin-top: 20px; margin-bottom: 20px; background: #B2AB58 url(../images/corners/why-se.jpg) right bottom no-repeat;} .green-box .ne {position: absolute; top: 0; right: 0; width: 10px; height: 10px; background: url(../images/corners/why-ne.jpg);} .green-box img {float: left; margin: 0px 15px 0 0;} #main .green-box p {position: absolute; left: 340px; top: 35px; width: 260px; color: #fff; margin: 0; font-size: 1.5em; font-family: Minion, "Times New Roman", Times, serif; font-style: italic;} #main .green-box p span {color: #fff; font-size: 1.8em; font-style: italic; font-family: Minion, "Times New Roman", Times, serif; line-height: 0.5em;} #main ul.prod-sections li {list-style: none; margin: 0 0 20px 0;} #main ul.prod-sections li a, ul.prod-sections li a:visited {display: block; height: 204px; padding: 0 10px 5px 10px; background: #fff url(../images/section-last.jpg) left bottom repeat-x; color: #363636; font-size: 0.75em; line-height: 1.5em;} #main ul.prod-sections li a span {color: #001F41; font-size: 1.7em; font-family: Minion, "Times New Roman", Times, serif; line-height: 1.5em;} #main ul.prod-sections li a img {display: block; margin: 0 -10px 0 -10px; border-bottom: 2px solid #C18541; } #main ul.prod-sections li a:hover {background: #C18541 url(../images/section-over-products.jpg) bottom no-repeat; color: #fff;} #main ul.prod-sections li a:hover span {color: #fff;} .brown-box {position: relative; height: 177px; margin-bottom: -10px; background: #C18541 url(../images/corners/brown-se.jpg) right bottom no-repeat;} .brown-box .ne {position: absolute; top: 0; right: 0; width: 10px; height: 10px; background: url(../images/corners/brown-ne.jpg);} .brown-box img {float: left; margin: 0 15px 0 0;} .brown-box p {color: #fff; margin: 0; padding: 15px;} .brown-box p strong {color: #fff;} #sidebar #resources-list-heading{background: url(../images/headers/side-resources.gif);} #sidebar #resources-list {border-top: 2px solid #C18541; background: url(../images/resource-list-back.jpg) no-repeat bottom; padding:0 0 10px;} #sidebar #resources-list li{background-color:#004F94; background-image: url(../images/resource-list-back.jpg); background-repeat:no-repeat; background-position:0 -70px;} #sidebar #resources-list li.dl1{background-position:0 0;} #sidebar #resources-list li.dl2{background-position:0 -25px;} #sidebar #resources-list li.dl3{background-position:0 -50px;} #sidebar #resources-list a, #resources-list a:visited {border-top: 1px solid #24669F; border-bottom: 1px solid #002A60; color: #fff;} #sidebar #resources-list a:hover {background: #30455E;} /* mediabox ------------------------------------------- */ .overlay{position:absolute; top:0px; width:100%; height:100%; background-color:#68ABD8; display:block; z-index:1000; } #mediabox{width:492px; height:327px; position:absolute; margin:-220px 0 0 -246px; left:50%; z-index:10000;} #mediabox .top{background:url(../images/lightbox_top.png) no-repeat; display:block; height:17px;} #mediabox .top .close{background:url(../images/close.png) no-repeat; display:block; width:30px; height:30px; z-index:1; position:absolute; right:0px; margin:-5px; } #mediabox .top .close span{display:none;} #mediabox #mediawindow{height:289px; background:transparent url(../images/lightbox_mid.png) repeat-y scroll 0 0;} #mediabox #mediawindow iframe{width:476px; height:289px; overflow:hidden; margin:0px 8px;} #mediabox .bottom{background:url(../images/lightbox_base.png) no-repeat; display:block; height:17px;} #videoList {list-style:none; margin:0; padding:0;} #videoList li {padding:10px 0px; margin:0; border-bottom:1px solid #D9D9D9;} #videoList p {float:left; width:193px;} #videoList p .title{display:block; font-weight:bold; padding-bottom:5px;} #videoList p.videothumb {margin: 0; padding-top: 15px; } #videoList p.videothumb a {display:block; height:115px; width:193px; margin:0px auto; background-repeat:no-repeat;} #videoList p.videoinfo {width:250px; padding:0 15px; color:#363636;font-size:1em} #videoList p.fileinfo {font-size:0.8em; float:right; width:100px; text-align:right} #videoList p.fileinfo .light{ color:#959595;} #videoList p.fileinfo .filesize{border-bottom:1px solid #D9D9D9; display:block; padding:0 0 8px; margin-bottom:8px;} #videoList p.fileinfo span.filetype {color:#000000; padding:3px 0 3px 25px;} #videoList p.fileinfo span.filetype.flv {background:url(../images/filetype/flash.gif) no-repeat;} #videoList p.fileinfo span.filetype.mov {background:url(../images/filetype/quicktime.gif) no-repeat;} #videoList p.fileinfo span.filetype.avi {background:url(../images/filetype/wmp.gif) no-repeat;} #main .locate-nav-green{background:#7ab952 url(../images/header_round.jpg) right no-repeat; display:block; padding:8px 10px; color:#ffffff; font-size:1.2em;} #main .locate-nav-green strong{color:#ffffff;} #main .locate-nav-green a{color:#c2dfb0; margin-right:14px;} #main .locate-nav-green a strong{color:#ffffff;} #main .people-list .nav-cue a{color:#b4b3b3} #main .people-list .top{float:right;} #main .people-list ul {list-style:none;} #main .people-list li {margin:0px 0 0px; padding:20px 0 20px; border-bottom:1px solid #d9d9d9} #main .people-list .photo{display:block; width:120px; height:60px; float:left; overflow:hidden; margin-right:10px;} #main .people-list .adr {display:block; float:left; width:160px; } #main .people-list .contact {display:block; float:right; width:290px;} #main .people-list .type { font-size:0.7em; color:#959595; display:block; height:2em; line-height:2.5em; width:65px; text-transform:uppercase; float:left;} #main .people-list a {color:#7ab952;} #main .people-list a.more-details {font-size:0.7em;} #main .people-list.mapped .type{ width:55px; } #main .people-list.mapped li {border:none; background:#f1f1f1; padding:5px; margin:0 0 5px;} #main .people-list.mapped .adr {float:none; margin:0 0 20px;} #main .people-list.mapped .map{height:250px; width:310px; float:right; margin:5px;} #main .people-list.contact div{font-size:1em;} #main .people-list.contact .organization-name{color:#56A1D5; font-weight:bold;} #main .people-list.contact .type{ width:60px; } #main .people-list.contact li {border:none; background:#f1f1f1; padding:5px; margin:0 0 5px;} #main .people-list.contact .adr {float:none; margin:0 0 20px; font-size:1.2em;} #news_events ul{list-style:none; margin:0; padding:0;} #news_events ul li p{border-bottom:1px solid #ECECEC; position:relative;} #news_events span.date{font-size:0.7em; color:#959595; position:absolute; left:0px; top:2px;} #news_events a.news-title{margin-left:120px;} #news_events a.top-link {float: right; margin-top: 2px; padding-left: 10px; background: url(../images/icons/gray-triangle-up.gif) left center no-repeat; font-size: 0.8em;} #news_events .details{margin-left:120px; color:#363636;} #news_events .event-date{margin-left:120px; color:#363636; padding:10px 0; font-weight:bold;} #slideshow .corner{border:none; bottom:-6px; display:block; left:-5px; position:absolute; z-index:1000000;} /* sIFR ------------------------------------------- */ /* These are standard sIFR styles... do not modify */ .sIFR-flash {visibility: visible !important; margin: 0;} .sIFR-replaced {visibility: visible !important;} span.sIFR-alternate {position: absolute; left: 0; top: 0; width: 0; height: 0; display: block; overflow: hidden;} /* Hide Adblock Object tab: the text should show up just fine, not poorly with a tab laid over it. */ .sIFR-flash + div[adblocktab=true] {display: none !important;} /* These "decoy" styles are used to hide the browser text before it is replaced... the negative-letter spacing in this case is used to make the browser text metrics match up with the sIFR text metrics since the sIFR text in this example is so much narrower... your own settings may vary... any weird sizing issues you may run into are usually fixed by tweaking these decoy styles */ .sIFR-hasFlash h1.sifr {visibility: hidden;}