html {height: 100%; margin-bottom: 1px; } body { margin: auto; background: #e8f2f1; text-align: center; }
a { text-decoration: none; color: #006cb6; }
a:hover { text-decoration: underline; }
hr {border: none; border-top: 1px solid #333;}
/** MAIN CONTAINER STYLES **/
#container { position: relative; width: 770px; top: 0px; margin: 0 auto; padding: 0px; text-align: center; }
#container div { position: absolute; text-align: left; }
/** HEADER STYLES **/
#header { width: 750px; height: 77px; top: 0px; left: 0px; border-right: 10px solid #fff; border-bottom: 10px solid #fff; border-left: 10px solid #fff; background: #fff url(/img/hdr_bg.gif) no-repeat top left; }
#header div { position: relative; float: left; }
#logo { width: 240px; padding: 11px 20px; }
#topnav { width: 470px; }
#topnav ul { margin: 54px 0px 0px -40px; }
#topnav ul li { display: inline; list-style-type: none; padding: 0px 10px; border-left: 1px solid #8397af; }
#topnav ul li img { margin-bottom: 4px; }
#topnav ul li a { font-size: 9px; color: #fff; font-family: arial, sans-serif; letter-spacing: 1px; position: relative; bottom: 6px; }
#topnav ul li a:hover { color: #f3b430; text-decoration: none; }
/** PAGE BODY STYLES **/
#page_body { width: 770px; top: 87px; left: 0px; background: #fff url(/img/page_body_bg.gif) repeat-y top left; }
#page_body div { position: relative; top: 0px; left: 0px; }
.overview_page { background-image: url(/img/page_body_overview_bg.gif) !important; }
/** OVERVIEW PAGE STYLES **/
#overview { width: 365px; float: left; background: #f3f6f6 url(/img/overview_bg.gif) no-repeat top left; border-right: 10px solid #fff; border-left: 10px solid #fff; font: normal 11px Arial, Helvetica, sans-serif; line-height: 12px; color: #333; }
#overview div { padding: 20px 25px 0px 25px; }
#overview h2 { margin: 0px; font: bold 13px Arial, Helvetica, sans-serif; line-height: 15px; color: #333; }
#overview h3 { margin: 0px 0px -1px 0px; font: italic normal 11px Arial, Helvetica, sans-serif; line-height: 15px; color: #006cb6; }
#overview ul { margin: 0px 0px 0px -40px; }
#overview ul li { list-style-type: none; padding: 5px 0px; font: normal 11px Arial, Helvetica, sans-serif; line-height: 12px; color: #333; }
#overview_content { float: left; width: 355px; border-right: 30px solid #fff; font: normal 12px Arial, Helvetica, sans-serif; line-height: 15px; color: #333; }
#overview_content img { margin: 0px 0px 10px 0px; }
#overview_content h2 { margin: 0px 0px 12px 0px; font: bold 10px Arial, Helvetica, sans-serif; line-height: 15px; color: #333; }
#overview_content h3 { margin: 0px 0px 14px 0px; font: normal 18px Arial, Helvetica, sans-serif; line-height: 18px; color: #333; }
#overview_content ul.related { margin: 0px 0px 0px -40px; }
#overview_content ul.related li { list-style-type: none; font: normal 11px Arial, Helvetica, sans-serif; line-height: 15px; }
/** LEFTNAV STYLES **/
#leftnav { width: 140px; float: left; background: #f3f6f6 url(/img/leftnav_bg.gif) no-repeat top left; border-right: 10px solid #fff; border-left: 10px solid #fff; font: normal 11px Arial, Helvetica, sans-serif; line-height: 18px; color: #333; }
#leftnav h2 { margin: 12px 15px 0px 20px; font: normal 11px Arial, Helvetica, sans-serif; line-height: 18px; color: #333; }
#leftnav ul { margin: 1px 0px 0px -20px; width:90px; }
#leftnav ul li { list-style-image: url(/img/leftnav_bullet.gif); padding: 2px 0px 8px 0px; font: normal 11px Arial, Helvetica, sans-serif; line-height: 12px; color: #333; }
#leftnav ul li a { color: #006cb6; }
#leftnav ul li.on { list-style-image: url(/img/leftnav_bullet_on.gif); }
#leftnav ul li.on a { color: #61a3d0; }
/** SECOND-TIER PAGE STYLES **/
#middle_col { float: left; width: 400px; border-right: 10px solid #fff; font: normal 12px Arial, Helvetica, sans-serif; color: #333; }
#page_hdr { width: 379px; height: 86px; margin: 0px 0px 15px 0px; padding: 7px 9px 12px 12px; background: transparent url(/img/page_hdr_bg.gif) no-repeat top left; font: normal 12px Arial, Helvetica, sans-serif; line-height: 14px; color: #333; }
#page_hdr h2 { margin: 0px 0px 5px 0px; font: bold 11px Arial, Helvetica, sans-serif; line-height: 14px; color: #333; }
.sup { font-size:0.7em; position:relative; top:-0.2em; left:0; }
sup { font-size:0.7em; position:relative; top:-0.2em; left:0; }
#page_content { padding: 0px 5px 0px 0px; }
#right_col { float: left; width: 190px; border-right: 10px solid #fff; font: normal 11px Arial, Helvetica, sans-serif; line-height: 13px; color: #333; }
#right_col h3 { margin: 14px 0px 7px 0px; font: bold 12px Arial, Helvetica, sans-serif; line-height: 14px; color: #333; }
#right_col ul.related { margin: 0px 0px 0px -40px; }
#right_col ul.related li { list-style-type: none; font: normal 11px Arial, Helvetica, sans-serif; line-height: 15px; }
.footnote { font-size:0.8em; position:relative; top:-0.45em; left:0; }
/** NEWS PAGE STYLES **/
ul.news { margin: 1px 0px 0px -20px; width:290px; }
ul.news li { list-style-image: url(/img/leftnav_bullet.gif); padding: 2px 0px 6px 0px; font: normal 12px Arial, Helvetica, sans-serif; line-height: 12px; color: #333; }
ul.news li a { color: #006cb6; }
ul.news li.on { list-style-image: url(/img/leftnav_bullet_on.gif); }
ul.news li.on a { color: #61a3d0; }
/** PRESS KIT STYLES **/
.press_kit ul { padding-left: 10px; }
.press_kit ul li { list-style-type: none; }
/** FORM STYLES **/
form { margin: 0px; }
label.formlabel { width: 125px; float: left; margin: 2px 0px; }
input.formfield { width: 150px; margin: 2px 10px; border: 1px solid #ccc; padding: 2px; }
input.formButton { width: 100px; margin: 10px 0px 10px 160px; background: #ccc; font-weight: bold; }
.errorMsg { color: red; font-weight: bold; }
/** FOOTER STYLES **/
#footer { width: 780px; float: left; background-color: #e8f2f1; font: normal 10px Arial, Helvetica, sans-serif; color: #717375; }
.ftr_hm { padding: 15px 0px; }
.ftr { padding: 35px 0px; background: #e8f2f1 url(/img/ftr_bg.gif) no-repeat top left; }
.ftr_overview { padding: 35px 0px; background: #e8f2f1 url(/img/ftr_overview_bg.gif) no-repeat top left; }
/** HOME PAGE STYLES **/
#hm_body { width: 770px; top: 87px; left: 0px; background-color: transparent; }
#hm_body div { position: relative; float: left; }
#hm_flash { width: 370px; height: 288px; margin: 0px 10px 0px 0px; border-left: 10px solid #fff; }
#hm_right { width: 370px; height: 288px; margin: 0px; border-right: 10px solid #fff; }
#hm_right div { width: 200px; height: 99px; padding: 20px 150px 20px 20px; border: none !important; font: normal 10px Arial, Helvetica, sans-serif; line-height: 13px; color: #333; }
#hm_right h3 { margin: 0px; font: bold 13px Arial, Helvetica, sans-serif; line-height: 13px; color: #006cb6; }
#hm_right br { line-height: 9px; }
#hm_right .top { margin: 0px 0px 10px 0px; background: transparent url(/img/hm_right_top_bg.jpg) no-repeat top left; }
#hm_right .bottom { margin: 0px; background: transparent url(/img/hm_right_bottom_bg.jpg) no-repeat top left; }
#hm_links { width: 740px; padding: 0px 15px 10px 15px; background-color: #fff; overflow: hidden;}
#hm_links div { font: normal 11px Arial, Helvetica, sans-serif; line-height: 16px; color: #333; }
#hm_links h3 { margin: 0px; font: normal 16px Arial, Helvetica, sans-serif; line-height: 21px; color: #fdb824; }
#hm_links ul { padding: 0;}
#hm_links ul li { list-style-type: none; font: normal 11px Arial, Helvetica, sans-serif; line-height: 16px; color: #333; }
#solutions { width: 745px; font: normal 11px Arial, Helvetica, sans-serif; line-height: 16px; color: #333; }
#solutions .h1n1_image { padding-right: 7px; width: 362px;}
#solutions .h1n1_image img { border: 0 none; }
#solutions #news { width: 169px; padding: 0px 0px 0px 7px; border-left: 1px solid #e2e3e3; }
#solutions #news h3 { margin: 5px 0; }
#news ul li { padding: 1px 0px; }
#testimonials { width: 186px; padding: 0px; position: relative; left: 10px; margin-top: 10px; }
#testimonials img { margin: 5px 0px 0px 0px; float: left; }
#testimonials a { padding-top: 3px; }
#hm_body #hm_links #infection_link { text-align: right; width: 340px; padding-top: 25px; }
.temp_link {text-align: right; color: #729ea7; font-size: 13px; font-style: italic;}
#solutions #h1n1_video { float: left; width: 105px; }
#solutions #h1n1_video img { border: 0 none; }
#home_talk_wrapper { width: 369px; }
#home_talk_wrapper #talk_header { margin-bottom: 6px; }
#home_talk_wrapper h1 { color: #afcfcc; font-weight: normal; font-size: 25px;}
#home_talk_wrapper #home_articles { float: left; width: 260px; }
#home_talk_wrapper #home_articles ul { margin: 0; padding-left: 16px; }
#home_talk_wrapper #home_articles ul li { list-style-type: disc; margin-bottom: 8px; color: #AFCFCC; }
#home_talk_wrapper #home_articles a { color: #afcfcc; font-size: 12px; font-style: italic; }
/** SIFR STYLES **/
/* 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; }
/* 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 #hm_links h3 { visibility: hidden; }
.sIFR-hasFlash #overview h2 { visibility: hidden; }
.sIFR-hasFlash #overview h3 { visibility: hidden; }
.sIFR-hasFlash #t2_leftnav h2 { visibility: hidden; }