/* Global CSS file to standardize between browsers and with how I like things to start */ /* This should always be the first CSS file in the list */ html, body, form, fieldset, table, table th, table td { margin: 0; padding: 0; } body { font-family: Arial, sans-serif; font-size: 0.8em; } /* match the font size of since these do not inherit */ input { font-size: 0.9em; } select { font-size: 0.95em; } textarea { font-size: 0.95em; font-family: Times New Roman, serif; } h1, h2, h3, h4, h5, h6, p, pre, blockquote, address { margin: 1em 0; padding: 0; } ul, ol, dl { margin: 1em 0.8em; padding: 0; } h1 { font-size: 1.5em; } h2 { font-size: 1.4em; } h3 { font-size: 1.3em; } h4 { font-size: 1.2em; } h5 { font-size: 1.1em; } h6 { font-size: 1.0em; } li, dd, blockquote { margin-left: 1em; } form label { cursor: pointer; } fieldset { border: none; } img { border: 0; } table { border-collapse: collapse; /* center */ margin-left: auto; margin-right: auto; } table th { border: 0; vertical-align: top; text-align: left; } table td { border: 0; vertical-align: top; } acronym { border-bottom: dotted 1px black; } /* end GLOBAL.CSS */ /* general and layout */ body { background: #040d52 url(Images/repeat.gif) repeat-x; font-family: Arial, Helvetica, sans-serif; font-size: 100%; margin: 0; padding: 0; } body form { font-size: 12px; } a, a:visited { text-decoration: none; } a:hover { text-decoration: underline; } /* formatting */ input.Button { margin: 5px; } h3 { margin-top: 0; } /* master page */ #mstr_table { width: 700px; background: url(Images/contentback.gif) repeat-y; } #footer { color: white; text-align: center; background: #040d52 url(Images/footer.gif) no-repeat; font-size: 0.9em; } #footer p { margin: 0; } ul#footerlinks { margin: 0; } ul#footerlinks li { list-style-type: none; display: inline; margin: 0; color: white; letter-spacing: 1px; } ul#footerlinks a, ul#footerlinks a:visited { color: white; } #footer p.footertext { font-style: italic; margin: 6px 0; } /* navigation */ div#AdminNavigation { margin-top: 10px; margin-left: 50px; width: 85px; } div#AdminNavigation table { margin: 0; width: 85px; } div#AdminContent { margin-top: 10px; width: 545px; } .treeNodeParent { height: 15px; margin-left: 1px; /* fix gray covering on left side of image */ padding-top: 4px !important; } .treeNodeParent a /* for URI'd */ { background-image: none !important; } .treeNodeParent span /* for non-URI'd */ { background-image: none !important; } .treeNodeLeaf { background: transparent no-repeat left 8px !important; padding-left: 0px; } .treeNodeLeaf a { background-image: none !important; } .treeNodeHover { } /* Standard table styles */ table.StdGrid { border-bottom: solid 1px #005e20; margin-left: 0; } .StdGrid th, .StdGrid td { padding: 3px 5px; } .StdGrid th { vertical-align: bottom; } .StdGrid .StdGridHeader { font-family: Century Gothic, Arial, Sans-Serif; font-size: 1.2em; } .StdGrid .StdGridHeader th { border-bottom: solid 1px #005e20; } .StdGrid .StdGridCenteredCol { text-align: center; } .StdGrid .StdGridNoWrap { white-space: nowrap; } .StdGrid .StdGridAlt { background-color: #e4e4e4; } .StdGrid .StdGridCommand { font-variant: small-caps; text-align: center; } .StdGrid .StdGridDelete { font-variant: small-caps; text-align: center; color: red; } .StdGrid .StdGridDelete a, .StdGrid .StdGridDelete a:visited { color: red; } .StdGrid .StdGridColors td { margin: 4px; } .StdForm { width: 545px; } .StdForm fieldset { margin-top: 5px; margin-bottom: 10px; } .StdForm fieldset hr { color: #005e20; background-color: #005e20; height: 1px; } .StdForm legend { padding: 0 0 4px 0; font-weight: bold; font-size: 1.1em; color: #005e20; } .StdForm label { line-height: 1.8; text-align: right; vertical-align: top; padding-right: 4px; color: #005e20; width: 110px; /* Width of labels */ } .StdForm fieldset ol { margin: 0; padding: 0; } .StdForm fieldset li { list-style: none; padding: 5px; margin: 0; } .StdForm fieldset ol li span { line-height: 1.8; } .StdForm fieldset fieldset { border: none; margin: 3px 0 0; } .StdForm fieldset fieldset legend { padding: 0 0 5px; font-weight: normal; font-size: 1.0em; } .StdForm fieldset fieldset label { display: block; width: auto; text-align: left; } .StdForm em { font-weight: bold; font-style: normal; color: #f00; } .StdForm fieldset fieldset label { margin-left: 123px; /* Width plus 3 (html space) */ } .StdForm input.Button { margin-left: 15px; margin-right: 15px; } .StdForm input.SmallButton { margin-left: 5px; margin-right: 5px; vertical-align: bottom; } /* login page (and forgot password page) */ .LoginTextBox { margin: -1px 28px 8px 10px; vertical-align: middle; } .LoginCheckBox { text-align: right; } .LoginButton { margin: 10px 4px 0 0; } /* forgot password page */ .PasswordRecoveryInstruction { padding-bottom: 10px; } /* home page */ ul#mainnav { width: 658px; background-image: url(Images/linksbackground.gif); height: 50px; padding: 0 0 0 42px; } ul#mainnav_back { background-image: url(Images/backlinks.gif); width: 658px; height: 25px; padding: 0 0 7px 42px; } ul.mainnavC { background-repeat: no-repeat; list-style-type: none; margin: 0; padding: 0; } ul.mainnavC a { display: block; text-indent: -9999em; } ul.mainnavC li { margin: 0; padding: 0; float: left; text-indent: -9999em; } ul#mainnav li a { height: 50px !important; } ul#mainnav_back { height: 25px; } ul#mainnav_back li a { height: 25px; } /* navigation button widths */ ul.mainnavC li#aboutus { width: 74px; } ul.mainnavC li#products { width: 72px; } ul.mainnavC li#capabilities { width: 88px; } ul.mainnavC li#careers { width: 64px; } ul.mainnavC li#news { width: 51px; } ul.mainnavC li#contactus { width: 89px; } /* front page navigation button images */ ul#mainnav li#aboutus a { background-image: url(Images/aboutus.gif); } ul#mainnav li#products a { background-image: url(Images/products.gif); } ul#mainnav li#capabilities a { background-image: url(Images/capabilities.gif); } ul#mainnav li#careers a { background-image: url(Images/careers.gif); } ul#mainnav li#news a { background-image: url(Images/news.gif); } ul#mainnav li#contactus a { background-image: url(Images/contactus.gif); } /* back page navigation button images */ ul#mainnav_back li#aboutus a { background-image: url(Images/aboutusback.gif); } ul#mainnav_back li#products a { background-image: url(Images/productsback.gif); } ul#mainnav_back li#capabilities a { background-image: url(Images/capabilitiesback.gif); } ul#mainnav_back li#careers a { background-image: url(Images/careersback.gif); } ul#mainnav_back li#news a { background-image: url(Images/newsback.gif); } ul#mainnav_back li#contactus a { background-image: url(Images/contactusback.gif); } #lyt_mstr_pg { background: gray url(Images/color.gif) repeat-y; width: 700px; margin: 0 0 0 0px; } #contentbackground { background: url(Images/contentrepeat.gif) repeat-y; } #body_separator { background: url(Images/body_separator.gif) no-repeat; width: 650px; height: 20px; padding-left: 50px; line-height: 20px; font-size: 0.875em; } #body_separator a { color: white; vertical-align: middle; } #contentholder { background: url(images/gradient.gif) no-repeat; background-position: bottom; width: 650px; overflow: auto; } #contentholder_sub_wrapper { width: 595px; padding: 20px 0 10px 70px; min-height: 435px; } #columnone { padding-left: 42px; padding-right: 17px; width: 409px; } #ournewapproach { background: url(Images/welcome.gif) no-repeat; height: 14px; font-size: 0; width: 401px; text-indent: -9999em; margin: 10px 0 0 8px; } #text { width: 365px; margin: 0 0 0 22px; } #text p { margin: 15px 0; } #aboutuslink { color: #000066; } #columntwo { padding-left: 18px; padding-right: 21px; width: 193px; } #textindent { margin: 16px 0 0 20px; } #newsheader { font-size: 0; text-indent: -9999em; height: 13px; width: 163px; margin: 10px 0 0 0; background-image: url(Images/newsheader.gif); } .date { color: #3b5e82; font-size: 11px; font-weight: bold; margin: 0; } .newstext { margin: 0 10px 10px 0; font-size: 0.9em; } .newstext a { color: black; } .newstitle { font-weight: bold; font-size: 1.0em; } .newscontent { color: black; padding-left: 10px; padding-right: 10px; } /*# Products #*/ .ProductsList { width: 594px; margin-left: 0; margin-right: auto; } .ProductsList table { border: solid 1px #cacacc; margin-bottom: 4px; } .ProductsList table td { padding: 4px; vertical-align: middle; } .ProductsList table td.thumbnail { width: 64px; } .ProductsList table td.genericName { width: 328px; } .ProductsList table td.brandName { width: 170px; text-align: right; font-size: 0.75em; } .ProductDetail { float: left; width: 394px; margin-right: 15px; } .ProductDetail h1 { color: #040D52; margin: 0; } .ProductDetail hr { background-color: #040D52; height: 4px; border-top: solid 4px #040D52; border-bottom: none; border-left: none; border-right: none; margin-left: 0; margin-right: auto; } .ProductDetail table { background: #dcdcdc; border: solid 1px #26223d; width: 394px; margin-left: 0; margin-right: auto; } .ProductDetail table hr { height: 1px; border-top: solid 1px #040D52; } .ProductDetail table th { padding: 2px 4px; font-size: 0.75em; font-weight: normal; color: #040D52; } .ProductDetail table td { padding: 2px 4px; font-weight: bold; color: black; } .ProductDetail table th.centered, .ProductDetail table td.centered { text-align: center; } .ProductDetail table th.right, .ProductDetail table td.right { text-align: right; } .ProductDetail table td.nopadding { padding: 0; } .ProductDetail table td.footer { text-align: center; font-size: 0.75em; padding-bottom: 5px; } div.ProductImages { float: right; width: 186px; } div.ProductImages img { display: block; margin-bottom: 20px; } div.ProductPdfs { clear: left; width: 394px; margin: 5px 0 15px 0; text-align: left; }