/* ========================================================================= */ /* FONTS */ /* ========================================================================= */ /* = Titillium ====================================== */ @font-face { font-family: 'TitilliumText14LRegular'; src: url('../fonts/Titillium/TitilliumText1.eot'); src: local('TitilliumText14L Regular'), local('TitilliumText14L-Bold'), url('../fonts/Titillium/TitilliumText1.woff') format('woff'), url('../fonts/Titillium/TitilliumText1.otf') format('opentype'), url('../fonts/Titillium/TitilliumText1.svg#TitilliumText14L-Bold') format('svg'), url('TitilliumText1.ttf') format('truetype'); } @font-face { font-family: 'TitilliumText14L250wt'; src: url('../fonts/Titillium/TitilliumText250wt.eot'); src: local('TitilliumText14L 250 wt'), local('TitilliumText14L-250wt'), url('../fonts/Titillium/TitilliumText250wt.woff') format('woff'), url('../fonts/Titillium/TitilliumText250wt.otf') format('opentype'), url('../fonts/Titillium/TitilliumText250wt.svg#TitilliumText14L-250wt') format('svg'), url('TitilliumText250wt.ttf') format('truetype'); } @font-face { font-family: 'TitilliumText14L400wt'; src: url('../fonts/Titillium/TitilliumText400wt.eot'); src: local('TitilliumText14L 400 wt'), local('TitilliumText14L-400wt'), url('../fonts/Titillium/TitilliumText400wt.woff') format('woff'), url('../fonts/Titillium/TitilliumText400wt.otf') format('opentype'), url('../fonts/Titillium/TitilliumText400wt.svg#TitilliumText14L-400wt') format('svg'), url('TitilliumText400wt.ttf') format('truetype'); } @font-face { font-family: 'TitilliumText14L600wt'; src: url('../fonts/Titillium/TitilliumText600wt.eot'); src: local('TitilliumText14L 600 wt'), local('TitilliumText14L-600wt'), url('../fonts/Titillium/TitilliumText600wt.woff') format('woff'), url('../fonts/Titillium/TitilliumText600wt.otf') format('opentype'), url('../fonts/Titillium/TitilliumText600wt.svg#TitilliumText14L-600wt') format('svg'), url('TitilliumText600wt.ttf') format('truetype'); } @font-face { font-family: 'TitilliumText14L800wt'; src: url('../fonts/Titillium/TitilliumText800wt.eot'); src: local('TitilliumText14L 800 wt'), local('TitilliumText14L-800wt'), url('../fonts/Titillium/TitilliumText800wt.woff') format('woff'), url('../fonts/Titillium/TitilliumText800wt.otf') format('opentype'), url('../fonts/Titillium/TitilliumText800wt.svg#TitilliumText14L-800wt') format('svg'), url('TitilliumText800wt.ttf') format('truetype'); } @font-face { font-family: 'TitilliumText14L999wt'; src: url('../fonts/Titillium/TitilliumText999wt.eot'); src: local('TitilliumText14L 999 wt'), local('TitilliumText14L-999wt'), url('../fonts/Titillium/TitilliumText999wt.woff') format('woff'), url('../fonts/Titillium/TitilliumText999wt.otf') format('opentype'), url('../fonts/Titillium/TitilliumText999wt.svg#TitilliumText14L-999wt') format('svg'), url('TitilliumText999wt.ttf') format('truetype'); } @font-face { font-family: 'TitilliumTitle01Thin'; src: url('../fonts/Titillium/Titillium_title03.eot'); src: local('TitilliumTitle01 Thin'), local('TitilliumTitle01-Thin'), url('../fonts/Titillium/Titillium_title03.woff') format('woff'), url('../fonts/Titillium/Titillium_title03.otf') format('opentype'), url('../fonts/Titillium/Titillium_title03.svg#TitilliumTitle01-Thin') format('svg'), url('Titillium_title03.ttf') format('truetype'); } /* ========================================================================= */ /* UNIVERSAL STYLES */ /* ========================================================================= */ * { margin: 0; padding: 0; } html, body { font: normal 12px/150% Tahoma, Verdana, Helvetica, Arial, sans-serif; color: #676C6F; background: #1C84A8; } /* ========================================================================= */ /* ELEMENT & LAYOUT STYLES */ /* ========================================================================= */ h1 { margin: 20px 0 10px 0; /*font: normal 24px/130% 'TitilliumText14L400wt', Tahoma, Verdana, Helvetica, Arial, sans-serif;*/ font: normal 24px/130% Tahoma, Verdana, Helvetica, Arial, sans-serif; color: #1C84A8; } h1 strong { margin: 10px 0 20px 0; font: normal 14px/100% Tahoma, Verdana, Helvetica, Arial, sans-serif; } h1 em { margin: 0 0 20px 0; font: normal 14px/100% Tahoma, Verdana, Helvetica, Arial, sans-serif; display: block; color: #888; } h2 { margin: 10px 0 10px 0; font: normal 20px/150% Tahoma, Verdana, Helvetica, Arial, sans-serif; color: #1C84A8; } h2 em { margin: 10px 0 20px 0; font: normal 12px/100% Tahoma, Verdana, Helvetica, Arial, sans-serif; color: #888; } h3 { margin: 0 0 10px 0; font: bold 14px/120% Tahoma, Verdana, Helvetica, Arial, sans-serif; color: #1C84A8; } h3 span { margin: 0 0 10px 0; font-size: 10px; color: #888; } h3 em { margin: 0 0 10px 0; font-size: 13px; font-style: normal; color: #888; } h4 { font-size: 12px; margin: 10px 0 0 0; } h5 { color: #333; margin: 20px 20px 10px 20px; font: bold 12px/130% Tahoma, Verdana, Helvetica, Arial, sans-serif; } p { margin: 0 0 10px 0; } ul { margin: 20px; } ol { margin: 20px 20px 20px 25px; } a { text-decoration: none; color: #1C84A8;} a:hover { color: #97C84E;} a:focus { border: none; outline: none; } a img {border: none; } blockquote { margin: 0; font-size: 14px; font-style: italic; color: #bbb; line-height: 140%; } cite { margin: 0 0 20px 0; font-style: normal; font-size: 11px; font-weight: bold; text-align: right; display: block; color: #bbb; } hr { border: none; display: block; margin: 20px 0; height: 1px; background: #ddd; *padding: 1px 0 0 0; } td { vertical-align: top; } h1.logo { float: left; margin: 20px 0 0 0; } h1.logo a { display: block; text-indent: -9000px; background: url(../images/logo.gif) no-repeat 0 0; width: 147px; height: 52px; } .clear { clear: both; } #wrapper { background: #fff; margin-top: 5px; width: 100%; overflow: hidden; } #wrapper-inner { width: 960px; margin: 0 auto; } #contact { position: absolute; top: 0; } #contact a { background: #1C84A8; color: #fff; } #banner { clear: both; margin: 40px 0 20px 0; } #banner h3 { margin: 0 0 10px 0; color: #6C6C6C; /*font: normal 30px 'TitilliumText14L800wt', Tahoma, Verdana, Helvetica, Arial, sans-serif;*/ font: bold 30px Tahoma, Verdana, Helvetica, Arial, sans-serif; } #banner .slide1 h3 { color: #fff; text-shadow: none; } #banner .slide3 h3 { color: #fff; text-shadow: none; } #banner p { color: #1C84A8; margin: 10px 0 0 0; font: bold 14px/150% Tahoma, Verdana, Helvetica, Arial, sans-serif; } #banner .slide1 p { color: #fff; text-shadow: none; } #banner .slide3 p { color: #fff; text-shadow: none; } #banner a.learnmore { color: #555; margin: 10px 0 0 0; font: bold 12px/150% Tahoma, Verdana, Helvetica, Arial, sans-serif; text-transform: uppercase; display: inline-block; margin-top: 10px; } #banner a.learnmore:hover { color: #1C84A8; } #banner .slide1 a.learnmore { color: #91C334; text-shadow: none; } #banner .slide1 a.learnmore:hover { color: #fff; } #banner .slide3 a.learnmore { color: #fff; text-shadow: none; } #banner .slide3 a.learnmore:hover { color: #8dc6fb; } #slideshow { background: url(../images/bg_banner.gif) no-repeat 100% 0; height: 200px; text-shadow: 0 1px 0 #fff; padding: 0; overflow: hidden; } .slide1 { background: url(../images/bg_banner-1.jpg) no-repeat 100% 0; padding: 30px 450px 0 30px; height: 170px; *margin: 0; *width: 480px; } .slide2 { background: url(../images/bg_banner-2.jpg) no-repeat 100% 0; padding: 30px 450px 0 30px; height: 170px; *margin: 0; *width: 480px; } .slide3 { background: url(../images/bg_banner-3.jpg) no-repeat 100% 0; padding: 30px 450px 0 30px; height: 170px; *margin: 0; *width: 480px; } #banner-nav ul { margin: 0; list-style: none; overflow: hidden; width: 960px; } #banner-nav ul li { float: left; } #banner-nav ul li a { height: 47px; display: block; line-height: 50px; width: 320px; border-right: 1px solid #067495; border-left: 1px solid #06A3D1; width: 318px; text-align: center; font: bold 14px/47px Tahoma, Verdana, Helvetica, Arial, sans-serif; color: #fff; text-decoration: none; } #banner-nav ul li a { background: url(../images/bg_banner-nav.png) no-repeat 50% 0; } #banner-nav ul li.active a, #banner-nav ul li a:hover { background: url(../images/bg_banner-nav.png) no-repeat 50% -103px; color: #fff; } #banner-nav ul li.first a { background: url(../images/bg_banner-nav.png) no-repeat 0 0; border: none; border-right: 1px solid #067495; width: 319px; } #banner-nav ul li.first.active a, #banner-nav ul li.first a:hover { background: url(../images/bg_banner-nav.png) no-repeat 0 -103px; } #banner-nav ul li.last a { background: url(../images/bg_banner-nav.png) no-repeat 100% 0; border: none; border-left: 1px solid #06A3D1; width: 319px; } #banner-nav ul li.last.active a, #banner-nav ul li.last a:hover { background: url(../images/bg_banner-nav.png) no-repeat 100% -103px; } #banner-nav ul li.active a span, #banner-nav ul li a:hover span { background: url(../images/bg_banner-nav-hover.gif) no-repeat 50% 0; display: block; } #contentarea { margin: 20px 0 40px 0; width: 960px; float: left; } #content-intro { float: left; width: 455px; background: #EAF0F4 url(../images/bg_intro-top.gif) no-repeat 0 0; } #content-intro .inner { background: url(../images/bg_intro-bottom.gif) no-repeat 0 100%; padding: 20px; } #content-intro h1 { line-height: 110%; margin: 0 0 10px 0; } #content-intro h1 strong { display: block; margin: 0 0 10px 0; } /* == BUTTONS == */ a.button { color: #fff; display: inline-block; } a.button span { padding: 0 0 0 10px; margin: 0 10px 0 0; background: url(../images/btn_big-green.png) no-repeat 0 0; display: inline-block; } a.button:hover { text-decoration: none; background: url(../images/btn_big-green.png) no-repeat 100% -300px; } a.button:hover span { background: url(../images/btn_big-green.png) no-repeat 0 -200px; } a.button.med span { font: bold 13px/43px Tahoma, Verdana, Helvetica, Arial, sans-serif; } a.button.big span { font: bold 16px/50px Tahoma, Verdana, Helvetica, Arial, sans-serif; } a.button.green { background: url(../images/btn_big-green.png) no-repeat 100% -100px; } a.button.green span { background: url(../images/btn_big-green.png) no-repeat 0 0; } a.button.green:hover { background: url(../images/btn_big-green.png) no-repeat 100% -300px; } a.button.green:hover span { background: url(../images/btn_big-green.png) no-repeat 0 -200px; } a.button.blue { background: url(../images/btn_med-blue.png) no-repeat 100% -50px; } a.button.blue span { background: url(../images/btn_med-blue.png) no-repeat 0 0; } a.button.blue:hover { background: url(../images/btn_med-blue.png) no-repeat 100% -150px; } a.button.blue:hover span { background: url(../images/btn_med-blue.png) no-repeat 0 -100px; } a.button.orange { background: url(../images/btn_med-orange.png) no-repeat 100% -50px; } a.button.orange span { background: url(../images/btn_med-orange.png) no-repeat 0 0; } a.button.orange:hover { background: url(../images/btn_med-orange.png) no-repeat 100% -150px; } a.button.orange:hover span { background: url(../images/btn_med-orange.png) no-repeat 0 -100px; } #content-main { width: 650px; float: left; } #feature { background: url(../images/bg_feature.jpg) no-repeat 0 0; width:655px; height: 159px; margin: 20px 0; } #feature h1 { background: url(../images/icon_info.png) no-repeat 0 0; color: #fff; text-shadow: 0 1px 0 #000; margin: 10px 20px 0 20px; /*font: normal 22px/120% 'TitilliumText14L800wt', Tahoma, Verdana, Helvetica, Arial, sans-serif;*/ font: bold 22px/120% Tahoma, Verdana, Helvetica, Arial, sans-serif; padding: 5px 0 20px 45px; } #feature.pdf h1 { background: url(../images/icon_pdf.png) no-repeat 0 2px; padding: 0 0 20px 45px; } #feature.webinar h1 { background: url(../images/icon_wmv.png) no-repeat 0 2px; padding: 0 0 20px 45px; } #feature h5 { font: normal 11px/130% Tahoma, Verdana, Helvetica, Arial, sans-serif; color: #fff; text-shadow: 0 1px 0 #000; margin-top: 10px; } #feature #frame { background: url(../images/bg_feature-frame.gif) no-repeat 0 0; padding: 10px 0 0 0; height: 159px; } #content-main-side { width: 200px; float: left; margin: 20px 0; } #content-main-side img { margin: 0 0 20px 0; width: 190px; padding: 4px; background: #fff; border: 1px solid #ddd; -moz-border-radius: 2px; -webkit-border-radius: 2px; border-radius: 2px; } #content-main-side ul#subnav { margin: 0; padding: 0; list-style: none; border-top: 1px solid #ddd; } #content-main-side ul#subnav li { padding: 5px 0; border-bottom: 1px solid #ddd; } #content-main-side ul#subnav li a { padding: 5px 10px; display: block; color: #929292; font: bold 12px/20px Tahoma, Verdana, Helvetica, Arial, sans-serif; } #content-main-side ul#subnav li a:hover, #content-main-side ul#subnav li.current_page_item a { background: #f4f4f4; color: #1C84A8; } #content-main-side h3 { border-bottom: 1px solid #ddd; } #tagcloud a { display: inline-block; margin: 0 15px 0 0; text-transform: capitalize; } #content { width: 400px; float: right; margin: 0 0 40px 0; } #content blockquote { margin: 20px 0; font-size: 12px; padding: 20px; background: #fafafa; border: 1px solid #ddd; font-style: normal; color: #0083A9; } #content blockquote blockquote { margin: 20px 0; padding: 20px 0; border-right: none; border-left: none; } #content.landing { padding-top: 20px; } h1.tagtitle { text-transform: capitalize; } p.tags { font-size: 10px; border: 1px solid #ddd; border-right: none; border-left: none; padding: 5px 0; } img.alignright { float: right; margin: 0 0 20px 20px; } img.alignleft { float: left; margin: 0 20px 20px 0; } #sitemap { margin: 0; list-style: none; } #sitemap li a { font-weight: bold; display: block; border-bottom: 1px solid #ddd; padding: 2px 5px; } #sitemap li a:hover { background: #f6f6f6; color: #1C84A8; } #sitemap li ul { margin: 0 0 0 10px; list-style: none; } #sitemap li ul li a { font-weight: normal; display: block; border-bottom: 1px solid #ddd; } #sitemap li ul li ul li a { font-size: 10px; display: block; border-bottom: none; } #comments ul { list-style: none; margin: 20px 0; } #comments ul li { border-bottom: 1px solid #ddd; margin: 0 0 20px 0; } #comments ul li span { font-size: 10px; display: block; margin: 0 0 10px 0; } #comments ul li span strong { font-size: 12px; } #content-sub { float: right; width: 260px; margin: 20px 0 0 0; font-size: 11px; line-height: 17px; } .content-box1 { float: right; width: 220px; } .content-box2 { float: left; width: 220px; } .article { border-bottom: 1px solid #ddd; margin-bottom: 20px; overflow: hidden; } .article.img-right img { float: right; margin: 0 0 20px 20px; } .postnav { overflow: hidden; padding: 5px 0 0 0; } .postnav .left { float: left; } .postnav .right { float: right; } .highlight { background: #EAF0F4 url(../images/bg_highlight.gif) no-repeat 0 0; margin: 0 0 20px 0; padding: 1px 0 0 0; } .highlight h3 { margin: 20px 20px 10px 20px; } .highlight h3.report { background: url(../images/bg_report-title.png) no-repeat 100% 100%; margin: -8px 0 10px 20px; line-height: 44px; padding-top: 10px; *position: relative; *padding-top: 25px; *margin-top: -25px; } .highlight h4 { margin: 0 20px 10px 20px; } .highlight p { margin: 0 20px 10px 20px; } .highlight a.button { margin: 10px 0 20px 20px; } .highlight a.button span { width: 190px; text-align: center; padding-right: 10px; } .highlight hr { background: #B4CBDA; margin: 20px; } .highlight-bottom { background: url(../images/bg_highlight.gif) no-repeat -380px 100%; height: 5px; padding: 1px 0 0 0; margin: 0; *margin-top: 0;} #footer { clear: both; background: url(../images/bg_footer.gif) repeat-x 0 0; padding: 20px 0; } #footer-inner { margin: 0 auto; width: 960px; color: #B5D9E4; font-size: 11px; overflow: hidden; } #footer-inner a { color: #B5D9E4; } #footer-inner a:hover { color: #fff; } p.copyright { float: left; } p.address { float: right; } #twitter { background: #f6f6f6; border: 1px solid #eeeeee; padding: 0 20px 20px 20px; margin: 20px 0; } #twitter ul { list-style: none; margin: 0; } #twitter ul li { border-bottom: 1px solid #ddd; padding: 10px 0; overflow: hidden; } a.tweet-time { float: right; font-size: 10px; color: #aaa; } p.profileLink a { font-size: 10px; color: #aaa; } .resources ul { margin: 0 0 20px 0; border-bottom: 1px solid #ddd; list-style: none; padding-bottom: 20px; } .resources ul li { padding: 3px 0 3px 15px; background: url(../images/icon_document.gif) no-repeat 0 7px; } #index #content-sub { float: right; width: 480px; margin: 20px 0 0 0; } #jquery-overlay { position: absolute; top: 0; left: 0; z-index: 90; width: 100%; height: 500px; } #jquery-lightbox { position: absolute; top: 0; left: 0; width: 100%; z-index: 100; text-align: center; line-height: 0; } #jquery-lightbox a img { border: none; } #lightbox-container-image-box { position: relative; background-color: #fff; width: 250px; height: 250px; margin: 0 auto; } #lightbox-container-image { padding: 10px; } #lightbox-loading { position: absolute; top: 40%; left: 0; height: 25%; width: 100%; text-align: center; line-height: 0; } #lightbox-nav { position: absolute; top: 0; left: 0; height: 100%; width: 100%; z-index: 10; } #lightbox-container-image-box > #lightbox-nav { left: 0; } #lightbox-nav a { outline: none; } a#lightbox-nav-btnPrev, a#lightbox-nav-btnNext { width: 49%; height: 100%; zoom: 1; display: block; } a#lightbox-nav-btnPrev { left: 0; float: left; } a#lightbox-nav-btnPrev span { display: none; } a:hover#lightbox-nav-btnPrev span { display: block; width: 100px; line-height: 25px; text-align: center; float: left; margin: 20px 0 0 0; background: #fff; } a#lightbox-nav-btnNext { right: 0; float: right; } a#lightbox-nav-btnNext span { display: none; } a:hover#lightbox-nav-btnNext span { display: block; width: 100px; line-height: 25px; text-align: center; float: right; margin: 20px 0 0 0; background: #fff; } #lightbox-container-image-data-box { background-color: #fff; margin: 0 auto; line-height: 1.4em; overflow: auto; width: 100%; padding: 0 10px; } #lightbox-container-image-data { padding: 0; } #lightbox-container-image-data #lightbox-image-details { width: 70%; float: left; text-align: left; } #lightbox-image-details-caption { } #lightbox-image-details-currentNumber { display: block; clear: left; padding-bottom: 1em; font-size: 10px; } #lightbox-secNav-btnClose { width: 66px; float: right; padding-bottom: .7em; text-transform: uppercase; font-size: 10px; text-align: right; } #stripe { background: url(../images/bg_stripe.gif) no-repeat 0 0; margin: 0 0 20px 0; _height: 55px; } /*.counter-wrap { height:18px; overflow:hidden; } .counter-number { height:198px; width:12px; position:relative; background-image:url(../images/ticker-numbers.gif); float:left; }*/ .counter-title { display: inline-block; zoom: 1; *display: inline; vertical-align: middle; font-size: 12px; color: #fff; padding: 0 20px; _float: left; _height: 55px; _padding: 18px 0 20px 20px; width: 460px; } .counter-wrapper { background: url(../images/bg_ticker.gif) repeat-x 0 -100px; display: inline-block; zoom: 1; *display: inline; margin: 0; padding: 0; vertical-align: middle; *position: relative; top: -1px; _float: left; _width: 300px; _top: 0; } .counter-left { padding-left: 62px; background: url(../images/bg_ticker.gif) no-repeat 0 0; } .counter-right { height: 54px; padding-top: 1px; padding-right: 7px; background: url(../images/bg_ticker.gif) no-repeat 100% 100%; } .counter-wrap { margin-top: 6px; height: 41px; overflow:hidden !important; *position: relative; *margin-top: 7px; } .counter-number { height:492px; width:18px; position:relative; background-image:url(../images/ticker-numbers.gif); float:left; } .counter-link { display: inline-block; zoom: 1; *display: inline; vertical-align: middle; padding: 18px 20px 0 20px; width: 110px; text-align: right; float: right; } .counter-link a { font-size: 13px; color: #fff; } .counter-link a:hover { color: #E9F3D6; } .sharethis-container { border-top: 1px solid #DDDDDD; border-bottom: 1px solid #DDDDDD; margin: 20px 0; padding: 10px 0; } .aligncenter { text-align: center; margin: 0 auto 20px auto; } .alignleft { float: left; margin: 0 20px 20px 0; } .alignright { float: right; margin: 0 0 20px 20px; } /* ========================================================================= */ /* NAV STYLES */ /* ========================================================================= */ #nav { margin: 0; padding: 20px 0; clear: both; list-style: none; font-size: 13px; } #nav li { float: left; display: block; position: relative; z-index:500; margin: 0 16px; } #nav li a { display: inline-block; line-height: 28px; color: #676C6F; text-decoration: none; padding: 0 10px 0 0; } #nav li a span { display: inline-block; line-height: 28px; padding: 0 0 2px 10px; margin: 0; } #nav li a:hover { background: url(../images/bg_nav.gif) 100% -50px; color: #fff; } #nav li a:hover span { background: url(../images/bg_nav.gif) 0 0; } #nav li.hover a { background: url(../images/bg_nav.gif) 100% -50px; color: #fff; } #nav li.hover a span { background: url(../images/bg_nav.gif) 0 0; } #nav li a.parent:hover { background: url(../images/bg_nav.gif) 100% -150px; color: #fff; } #nav li a.parent:hover span { background: url(../images/bg_nav.gif) 0 -100px; } #nav li.hover a.parent { background: url(../images/bg_nav.gif) 100% -150px; color: #fff; } #nav li.hover a.parent span { background: url(../images/bg_nav.gif) 0 -100px; } #nav li ul { position: absolute; z-index: 501; left: 0; display: none; margin: 0; *margin: 30px 0 0 0; padding: 0 0 5px 0; list-style: none; background: url(../images/bg_nav.gif) no-repeat 0 100%; } #nav li ul li { width: 200px; background: #1C84A8; margin: 0; padding: 0 0; } #nav li ul li.nav-drop-top { height: 5px; background: url(../images/bg_nav.gif) no-repeat 0 -200px; padding: 0; } #nav li ul a { display: block; padding: 3px 5px; font-size: 11px; margin: 0 10px; color: #fff; background: #1C84A8; border-bottom: 1px solid #2d95b9; _background-image: none !important; } #nav li ul a:hover { background: #2d95b9; } /* fix ie6 small issue *html #nav ul { margin:0 0 0 -2px; }*/ #nav-contact { position: absolute; width: 960px; top: 0; margin: 0; *margin: 0 0 0 -930px; list-style: none; z-index:600;} #nav-contact li { float: right; display: block; position: relative; } #nav-contact li a { display: inline-block; line-height: 28px; text-decoration: none; padding: 0 10px 0 0; background: url(../images/bg_nav.gif) 100% -50px; color: #fff; font-size: 11px; } #nav-contact li a span { display: inline-block; line-height: 28px; padding: 0 0 2px 10px; margin: 0; background: url(../images/bg_nav.gif) 0 0; } #nav-contact li a span img { vertical-align: middle; padding: 0 0 3px 2px; } #nav-contact li.hover a { background: url(../images/bg_nav.gif) 100% -150px; color: #fff; } #nav-contact li.hover a span { background: url(../images/bg_nav.gif) 0 -100px; } #nav-contact li ul { position: absolute; z-index: 600; right: 0; width: 200px; display: none; margin: 0; *margin: 30px 0 0 0; padding: 0 0 5px 0; list-style: none; background: url(../images/bg_nav.gif) no-repeat 0 100%; } #nav-contact li ul li { width: 200px; background: #1C84A8; margin: 0; padding: 0 0; } #nav-contact li ul li.nav-drop-top { height: 5px; background: url(../images/bg_nav.gif) no-repeat 0 -225px; padding: 0; } #nav-contact li ul a { display: block; padding: 3px 5px; font-size: 11px; margin: 0 10px; color: #fff; background: #1C84A8; border-bottom: 1px solid #2d95b9; _background-image: none !important; } #nav-contact li ul a:hover { background: #2d95b9; } /* ========================================================================= */ /* FORM STYLES */ /* ========================================================================= */ form ul { margin: 0; padding: 0; } form li { list-style: none; padding: 5px 0; position: relative; } form li ul { margin: 0; *margin: 0 !important; *padding: 0 !important; *position: static !important; } form li ul li { margin: 0; *padding: 0 !important; *position: static !important; *margin: 0 !important; } label.description { font-weight: bold; position: absolute; top: 12px; left: 5px; color: #518a9b; font: normal 11px/100% Tahoma, Verdana, Helvetica, Arial, sans-serif; } label.choice { padding-left: 5px; } label.error { color: #b00; display: block;} input.text { width: 300px; border: 1px solid #b0c9d8; padding: 5px; color: #518a9b; font: normal 11px/100% Tahoma, Verdana, Helvetica, Arial, sans-serif; } input.error { border: 1px solid #b00; } input.checkbox { } input.radio { } input.submit { display: inline-block; width: 220px; height: 43px; line-height: 43px; text-align: center; border: none; background: url(../images/btn_download.gif) no-repeat 50% 0; font: bold 12px/43px Tahoma, Verdana, Helvetica, Arial, sans-serif; color: #fff; margin: 10px 0; } input.submit:hover { background: url(../images/btn_download.gif) no-repeat 50% -100px; *background: url(../images/btn_download.gif) no-repeat 50% 0; } span.choice { display: inline-block; width: 180px; vertical-align: top; padding-left: 5px; } textarea { width: 300px; border: 1px solid #b0c9d8; padding: 5px; color: #518a9b; height: 100px; font: normal 11px/16px Tahoma, Verdana, Helvetica, Arial, sans-serif; } select { width: 300px; padding: 0 5px; } option { padding: 0 5px; } .reportbox form { padding: 20px; margin-bottom: 0; } .reportbox form input.text { width: 200px } #comments form li { border: none; padding: 0; } #contactform span.choice { width: 275px; } #salesforce textarea { width: 200px; } /* ========================================================================= */ /* MISC STYLES */ /* ========================================================================= */ .aligncenter { text-align: center; } .alignleft { float: left; margin: 0 20px 20px 0; } .alignright { float: right; margin: 0 0 20px 20px; }