/* ///////////////////////////////////// ONE NETWORK V8.0 N Duckworth 04.11.2008 Last Updated: 05.13.2010 ///////////////////////////////////// */ /* PALETTE */ /* ONE Red - #900 Shimmer - #dfe3b7 Light Shimmer - #ecf3d6 Teal (Blue/Green) original - #007e99 New Blue - #1687C3 Green - #a0c134 Drop menu green: #AAC74C */ /* HTML DEFAULTS */ /* CSS Resets */ html, body, div, ul, ol, li, dl, dt, dd, form, blockquote, cite, h1, h2, h3, h4, p, address, table, th, td { margin: 0; padding: 0; } table { border-collapse: collapse; border-spacing: 0; } caption, th { text-align: left; } fieldset, img { border: 0; } img { display: block; } dt, address, caption, cite, code, dfn, em, i, strong, b, th, var { font-style: normal; font-weight: normal; } /* h1, h2, h3, h4, h5, p, ul { margin: 0 20px; padding: 20px 0; } Margin and padding for commonly use block text. */ /* SET BASIC STYLES */ /* html, body { font-size: 100.01%; } body { color: #444; font-family: Calibri, Arial, Helvetica, sans-serif; background: #FFF; } */ /* url(../webgfx/bg/bg_page.png) */ /* New Smaller, Darker Font */ html, body { font-size: 90%; } body { color: #222; font-family: Arial, Helvetica, Verdana, sans-serif; line-height: 1.5; background: #FFF; } /* LAYOUT -----------------------------*/ #wrap1, #wrap2 { width: 950px; margin: 0 auto; overflow-y: hidden; } #wrap-brand-row { width: 950px; } #brand { float: left; width: 200px; } #nav-g2-outer { float: right; width: 600px; margin-top: 10px; } /* Original width without Social Media Links 400px. */ #nav-g2-inner { width: 600px; } /* Original width without Social Media Links 400px. */ #nav-g2 { float: right; } #nav-g2 .social-media-link a { color: #0099CC; border-bottom: 1px solid #0099CC; } #nav-g2 .social-media-link a:hover { background: #e5f5fa; } /* CUT: Makes top nav G2 look cluttered. #nav-g2 #li a { background: url(../webgfx/ico/ico-linkedin-16-color.png) 0 100% no-repeat; } #nav-g2 #fb a { background: url(../webgfx/ico/ico-facebook-16-color.png) 0 100% no-repeat; } #nav-g2 #tw a { background: url(../webgfx/ico/ico-twitter-16-color.png) 0 100% no-repeat; } */ #nav-container { width: 100%; } #col1 { width: 230px; float: left; background: transparent; } #col2 { width: 710px; float: left; margin-left: 10px; } * html #col1, * html #col2 { display: inline; } /* Move to nav3.css!!! #nav-container { width: 100%; float: left; margin-top: 10px; margin-bottom: 10px; } #nav-g1 { width: 710px; float: left; list-style: none; padding-top: 5px; padding-bottom: 5px; margin-right: 10px; background: #900; color: #FFF; } #nav-g1 li { display: inline; margin-left: 10px; } #nav-g2 { width: 230px; float: left; padding-top: 5px; padding-bottom: 5px; margin-left: 0px; list-style: none; background: #9E9E9E; color: #333; } #nav-g2 li { display: inline; margin-left: 10px; } */ div.wrap { clear: both; overflow: hidden; } .col-left-50 { width: 40%; float: left; display: inline; } .col-left-50 ul { margin-left: 2em; } .col-right-50 { width: 40%; float: right; display: inline; } .col-right-50 ul { margin-left: 2em; } /* Home Page REMOVE FROM MAIN CSS FILE? #explore ul { list-style: none; padding-top: 10px; padding-bottom: 10px; } #explore li { font-size: .85em; background: url(../webgfx/bg/bg_line-dots-gray.png) bottom left repeat-x; } #explore a { display: block; padding: 4px; } #explore a:hover { background: #ecf3d6; } #explore a, #nav-g1 a, #nav-g2 a, #nav-g3 a { font-size: .8em; color: #900; text-decoration: none; text-transform: uppercase; } #explore h3 { font-size: .8em; margin: 0; padding: 15px; padding-top: 10px; padding-left: 48px; color: #069; background: url(../webgfx/bg/bg_explore-hdr2.png) top left no-repeat; margin-top: 10px; margin-left: -10px; } */ /* Home Page */ .col-left-50 { width: 49%; float: left; display: inline; background: #FFF; margin-bottom: 2em; } .col-left-50 ul { margin-left: 2em; } .col-right-50 { width: 49%; float: right; display: inline; padding-bottom: 100px; background: #FFF url(../webgfx/bg/bg_content-home.jpg) bottom right no-repeat; margin-bottom: 0; } .col-right-50 ul { margin-left: 2em; } .ico-solutions { font-size: 1.2em; font-weight: bold; text-decoration: none; padding-left: 26px; background: url(../webgfx/ico/ico_solutions.gif) no-repeat; margin-right: 2em; } .ico-technology { font-size: 1.2em; font-weight: bold; text-decoration: none; padding-left: 26px; background: url(../webgfx/ico/ico_technology.gif) no-repeat; margin-right: 2em; } .ico-company { font-size: 1.2em; font-weight: bold; text-decoration: none; padding: 4px; padding-left: 26px; background: url(../webgfx/ico/ico_company.gif) 0 50% no-repeat; margin-right: 2em; } a.ico-solutions, a.ico-technology, a.ico-company { text-decoration: none; border: none; } a.ico-solutions:hover, a.ico-technology:hover, a.ico-company:hover { color: #a0c134; border: none; } h3#news span { display: block; min-height: 24px; padding-left: 38px; background: url(../webgfx/bg/bg_hdr-news.png) 0 50% no-repeat; } h3#events span { display: block; min-height: 24px; padding-left: 38px; background: url(../webgfx/bg/bg_hdr-events.png) 0 50% no-repeat; } .home .col1-section { height: 500px; background: url(../webgfx/bg/bg_col1-one.png) no-repeat top right; overflow: visible; } .business-intelligence .col1-section { height: 500px; background: url(../webgfx/bg/bg_col1-business-intelligence.jpg) no-repeat top right; overflow: visible; } .solutions .col1-section { height: 500px; background: url(../webgfx/bg/bg_col1-solutions.jpg) no-repeat top right; overflow: visible; } .industries .col1-section { height: 500px; background: url(../webgfx/bg/bg_col1-industries.jpg) no-repeat top right; overflow: visible; } .technology .col1-section { height: 500px; background: url(../webgfx/bg/bg_col1-technology.jpg) no-repeat top right; overflow: visible; } .newsevents .col1-section { height: 500px; background: url(../webgfx/bg/bg_col1-newsevents.jpg) no-repeat top right; overflow: visible; } .customers .col1-section { height: 500px; background: url(../webgfx/bg/bg_col1-customers.jpg) no-repeat top right; overflow: visible; } .resources .col1-section { height: 500px; background: url(../webgfx/bg/bg_col1-resources.jpg) no-repeat top right; overflow: visible; } .company .col1-section { height: 500px; background: url(../webgfx/bg/bg_col1-company.jpg) no-repeat top right; overflow: visible; } /* Links */ a { color: #900; text-decoration: none; border-bottom: 1px dotted #900; } a:hover { color: #000; text-decoration: none !important; border-bottom: 1px solid #900; } a.external { padding-right: 20px; background: transparent url(../webgfx/ico/ico_external.gif) no-repeat top right; } #col2 a { color: #900; text-decoration: none; border-bottom: 1px dotted #900; } #col2 a:hover { color: #000; text-decoration: none !important; background: #deeaee; border-bottom: 1px solid #900; } p:hover, li:hover, dd:hover { color: #AAA; } p:hover a, li:hover a, dd:hover a { color: #600; } /* Don't hover form LI or Ps */ form li:hover { color: #444; } /* Explore */ #explore h3 { font-size: .8em; margin: 0; padding: 15px; padding-top: 10px; padding-left: 48px; color: #069; background: url(../webgfx/bg/bg_explore-hdr2.png) top left no-repeat; margin-top: 10px; margin-left: -10px; } #explore ul { list-style: none; padding-top: 10px; padding-bottom: 10px; } #explore li { font-size: .9em; background: url(../assets/webgfx/bg/bg_line-dots-gray.png) bottom left repeat-x; } #explore li li { font-size: .95em; } #explore a { display: block; padding: 4px; } #explore a:hover { background: #CCE5EA; } /* Subnav */ #subnav { background: #F3F3F3; margin: 8px; padding-top: 4px; padding-bottom: 4px; } #subnav h3 { color: #900; text-transform: uppercase; } #subnav ul { list-style: none; line-height: 1.2; margin: 1em; margin-top: 0; } #subnav ul a { font-size: .9em; font-weight: bold; border: none; } #subnav ul ul { padding: 0; border: none; margin: 0; margin-left: 1em; } #subnav ul ul a { font-size: .9em; font-weight: normal; } /* Was too small at: font-size: .8em */ #subnav li { padding: 0px; margin: 0; border-top: 2px solid #900; padding-top: 2px; margin-top: 10px; } #subnav li li { padding: 0; border: none; margin: 0; border-top: 1px dotted #900; padding-top: 2px; padding-bottom: 2px; margin-top: 4px; } #subnav a { color: #900; } #subnav a:hover { background: #DDD; } #subnav .section { text-transform: uppercase; border-bottom: 2px solid #900; } #subnav .section a { border: none; } #subnav .active { color: #FFF; padding-left: 4px; padding-right: 4px; background: #900; cursor: text; } /* dynamically set class in nav-sub-solutions-nested.php */ #subnav .inactive { display: none; } /* dynamically set class in nav-sub-solutions-nested.php */ /* Related Resources */ #related { font-size: .9em; background: #FFF; margin: 8px; display: none; } #related h3 { color: #007e99; text-transform: uppercase; padding: 10px; margin: 0; background: url(../webgfx/bg/bg_h3-related.gif) no-repeat; } #related ul { margin: 1em; list-style: none; padding-bottom: 2em; } #related li { padding-top: 4px; padding-bottom: 4px; } #related a { color: #900; text-transform: uppercase; } /* Media Contact (Press Releases, News, Events, Articles) */ .media-contact { float: right; width: 240px; margin-top: 12px; margin-left: 12px; border-left: 1px dotted #ccc; padding-left: 6px; padding-top: 12px; background: #fafafa; } .media-contact h3 { font-size: 12px; color: #222; } .media-contact p { font-size: 12px; color: #555; } * html #pma img { margin-right: -10px; } /* Georg Sortun: img is too wide has 10px padding on each side, either narrow image or make it look narrower with negative margins. */ .home #pma { } .home #pma-gfx { } .solutions #pma { } .solutions #pma-gfx { } /* #pma-gfx { width: 710px; height: 350px; } - OLD without the cbb class */ #act { width: 94%; list-style: none; margin: 10px; margin-left: 30px; } #act ul { } #act li { display: block; float: left; width: 140px; padding: 0px; background: #FFF; margin-right: 20px; } #act li#act-1 a { padding: 6px; padding-left: 40px; background: url(../webgfx/bg/bg_act-1.gif) 5% 50% no-repeat; } #act li#act-2 a { padding: 6px; padding-left: 40px; background: url(../webgfx/bg/bg_act-2.gif) 5% 50% no-repeat; } #act li#act-3 a { padding: 6px; padding-left: 40px; background: url(../webgfx/bg/bg_act-3.gif) 5% 50% no-repeat; } #act li#act-4 a { padding: 6px; padding-left: 40px; background: url(../webgfx/bg/bg_act-4.gif) 5% 50% no-repeat; } #act li a { display: block; font-weight: bold; text-decoration: none; line-height: 1; border: none; } #act li a span { display: block; font-size: .7em; font-weight: normal; } .ico-solutions, .ico-company, .ico-technology { text-decoration: none; border: none; } #content { clear: both; margin-top: 6px; overflow: hidden; } /* Table Data */ table th { text-align: left; background: #EEE; border-top: 2px solid #CCC; border-bottom: 2px solid #CCC; } /* TYPOGRAPHY -------------------------------------------------------------------*/ h1 { font-size: 1.6em; color: #000; text-shadow: #BFBFBF 1px 1px 4px; margin: 14px; margin-top: 0; padding-top: 4px; padding-bottom: 4px; background: url(../webgfx/bg/bg_line-dots-green.png) bottom left repeat-x; } /* Teal: #007e99; */ * html h1 { background: none; border-bottom: 1px solid #000; } /* h1 span { display: block; padding: 10px; background: url(assets/webgfx/bg/bg_hdr-right.jpg) top right no-repeat; } */ .home #content h1 { text-shadow: #CFCFCF 1px 1px 4px; } /* Lighten the shadow on the in page links on Home. */ h2 { font-size: 1.2em; color: #000; padding-bottom: 4px; background: url(../webgfx/bg/bg_line-dots-green.png) bottom left repeat-x; margin: 14px; margin-top: 28px; margin-bottom: 3px; } * html h2 { background: none; border-bottom: 1px solid #000; } /* IE 6 messes up tiled background. */ h3 { font-size: 1em; color: #000; margin: 14px; margin-top: 28px; margin-bottom: 0; } h4 { font-size: .9em; color: #000; margin: 14px; margin-top: 28px; margin-bottom: 0; } h5 { font-size: .9em; margin: 14px; margin-top: 28px; margin-bottom: 0; } p.intro { font-size: 1.2em; color: #198bb7; margin: 14px; margin-bottom: 1em; } p { font-size: 1em; margin: 14px; margin-top: 7px; margin-bottom: 1em; } #content ul, #content ol { margin: 14px; } /* Lists */ ul, ol { font-size: 1em; } /* Blockquotes */ #content blockquote, #content cite { display: block; font-size: 14px; color: #000; padding: 0; margin-left: 60px; margin-right: 60px; } #content blockquote { padding-top: 7px; border-top: 1px dotted #000; margin-top: 2em; } #content cite { font-size: 12px; font-weight: bold; text-transform: uppercase; padding-bottom: 7px; border-bottom: 1px dotted #000; margin-top: 10px; margin-bottom: 2em; } /* #content .wrapBlockquote { margin-top: 1em; margin-bottom: 1em; } */ p strong, li strong, p b, li b, blockquote strong, blockquote b { font-weight: bold; } blockquote strong { font-size: 120%; } blockquote b { font-size: 120%; } p em, li em, p em, li em, blockquote em, blockquote em { font-weight: bold; } /* Third Party Publication Extracts */ div.extract { width: 540px; padding: 10px; background: #fafafa url(../webgfx/bg/bg_extract.gif) top right no-repeat; border: 1px solid #f3f3f3; border-right: 2px solid #f3f3f3; border-bottom: 2px solid #f3f3f3; margin: 20px 40px 20px 40px; } .extract h2.title { font-size: 1.4em; color: #222; border: none !important; margin-top: 0px } .extract h2.source { font-size: .8em; text-transform: uppercase; color: #222; border-top: 1px solid #444; margin-top: 0; } .extract h2, .extract h3, .extract h4 { color: #444; } .extract p.source { font-size: 12px; font-style: italic; padding-top: 10px; border-top: 1px solid #CCC; margin-top: 20px; } .extract p.source strong { font-weight: bold; font-style: italic; } /* MESSAGES ---------------------------------------------------------------*/ .confirm { color: #009; } .error { color: #900; } /* LISTS -----------------------------*/ #featuredSolutions h3 { margin-bottom: 14px; } #featuredSolutions ul { list-style: none; margin-left: 0; margin-top: 14px; margin-bottom: 14px; } #featuredSolutions li { width: 43%; float: left; font-size: .8em; background: url(../webgfx/bg/bg_bullet-star-red3.png) 0px 0px no-repeat; padding-left: 16px; padding-bottom: 1px; margin-left: 0; } /* #featuredSolutions li { background: url(../webgfx/bg/bg_bullet-star-red2.png) 0 1px no-repeat; padding-left: 16px; } */ /* Home Page Lists in Tabs */ .wrapper ul { list-style: none; } .wrapper li { background: url(../webgfx/bg/bg_bullet-star-red3.png) 0 1px no-repeat; padding-left: 16px; padding-bottom: 1px; margin-bottom: 6px; } #content ul { } #content li { margin-bottom: 14px; } #content ul.plain { list-style: none; } #content ul.plain li h3 { font-size: 1.2em; padding: 0; margin: 0; } #content ul.plain li { font-size: .9em; padding: 0; margin: 0; margin-bottom: 14px; } ul.check li { color: #000; line-height: 1.2; margin-bottom: .25em; padding-left: 24px; list-style: none; background: url(../webgfx/ico/ico_bullet-check2.jpg) 0 50% no-repeat; } .customers dl { float: left; width: 100%; margin-top: 10px; } .customers dt { font-weight: bold; color: #1687C3; border-top: 1px dotted #CCC; display: none; } .customers dl dd.img { float: left; width: 160px; margin-top: 10px; margin-left: 14px; border: none; } .customers dl dd { margin-left: 180px; border-bottom: 1px dotted #CCC; margin-bottom: 20px; } .customers dl dd p a.casestudy { padding: 2px; padding-left: 24px; background: transparent url(../webgfx/ico/ico_casestudy.gif) 0 50% no-repeat; border: none !important; } .customers dl dd p a.casestudy:hover { background: url(../webgfx/ico/ico_casestudy.gif) 0 50% no-repeat !important; } .customers dl dd p a.pressrelease { padding: 2px; padding-left: 24px; background: transparent url(../webgfx/ico/ico_pressrelease.gif) 0 50% no-repeat; border: none !important; } .customers dl dd p a.pressrelease:hover { background: url(../webgfx/ico/ico_pressrelease.gif) 0 50% no-repeat !important; } p.top { font-size: .8em; text-align: right; } p.top a { padding-left: 20px; background: url(../webgfx/ico/ico_link-top.gif) 0% 50% no-repeat !important; text-decoration: none; border: none !important; } p.top a:hover { background: transparent url(../webgfx/ico/ico_link-top.gif) 0% 50% no-repeat !important; } /* Company Bios */ .wrap-bio { clear: both; padding-bottom: 28px; border-bottom: 1px dotted #DADADA; margin: 14px; margin-top: 0; margin-right: 0; margin-left: 7px; overflow: hidden; } #greg-brady { margin-top: 28px; } .pic-bio { float: left; width: 170px; height: 170px; } .text-bio { float: left; width: 480px; } .text-bio h3 { margin-top: 6px; } /* dl.customerList { float: left; width: 100%; } dl.customerList dt { float: left; width: 200px; height: 150px; background: #EEE; font-weight: bold; text-transform: uppercase; clear: left; padding-left: 0; margin-top: 24px; margin-left: 0; } dl.customerList dt h1 { padding-left: 0 !important; margin-left: 0 !important; } dl.customerList dd { margin-left: 220px; margin-top: 20px; border-top: 1px dotted #CCC; } dl.customerList dd p { margin-left: 0; } */ /* Call to Action */ .c2a { width: 214px; padding-top: 7px; background: #900 url(../webgfx/bg/bg_actions-top.jpg) top left no-repeat; margin-left: 8px; } .c2a ul { padding: 7px; padding-left: 10px; padding-bottom: 54px; background: transparent url(../webgfx/bg/bg_actions-bot.jpg) bottom left no-repeat; margin: 0; list-style: none; } .c2a ul li { height: 32px; margin-bottom: 3px; } .c2a ul li a { display: block; height: 30px; text-decoration: none; border: none; line-height: 30px; padding-left: 34px; } .c2a ul li#resources a { vertical-align: middle; color: #FFF; background: url(../webgfx/bg/bg_icon-download.gif) 2% 50% no-repeat; } .c2a ul li#demo a { vertical-align: middle; color: #FFF; background: url(../webgfx/bg/bg_icon-demo.gif) 2% 50% no-repeat; } .c2a ul li#question a { vertical-align: middle; color: #FFF; background: url(../webgfx/bg/bg_icon-questions.gif) 2% 50% no-repeat; } .c2a ul li#resources a:hover { background: #880000 url(../webgfx/bg/bg_icon-download.gif) 2% 50% no-repeat; color: #FFF; } .c2a ul li#demo a:hover { background: #880000 url(../webgfx/bg/bg_icon-demo.gif) 2% 50% no-repeat; color: #FFF; } .c2a ul li#question a:hover { background: #880000 url(../webgfx/bg/bg_icon-questions.gif) 2% 50% no-repeat; color: #FFF; } /* Site Map */ .sitemap ul { margin: 14px; margin-left: 4em; } .sitemap { text-transform: uppercase; font-weight: bold; } .sitemap ul li { list-style: none; } .sitemap ul li li { color: #900; text-transform: none; } .sitemap ul li li li { font-weight: normal; color: #777; text-transform: none; } /* GRAPHICS AND MEDIA (Video) -----------------------------*/ img.gfxLeft { float: left; margin: 2px 14px 4px 0px; } div.action { padding-top: 4px; border-top: 2px solid #900; } .media { margin-left: 14px; } /* FORMS and BUTTONS ------------------------------*/ .btn { font-weight: bold; color: #FFF; padding: 4px; background: #900; border: 1px solid #900; border-radius: 6px; -webkit-border-radius: 6px; -moz-border-radius: 6px; } /* FOOTER AND TRIGGER -----------------------------*/ /* Trigger */ /* Not implemented in v8.0 */ #btnSolutions { margin: 0; padding: 0; padding: 8px; background: #DDD; } #btnSolutions a { color: #900 !important; } #containerSolutions { padding-bottom: 20px; overflow: hidden; } /* Information-Rich Footer */ #siteinfo { float: left; width: 100%; clear: left; height: auto; padding-bottom: 100px; background: #f7f7f7 url(../webgfx/bg/bg_siteinfo.jpg) bottom right no-repeat; margin-top: 0px; margin-bottom: 20px; zoom: 1; } #siteinfo #siteinfoHdr h1 { font-family: arial, verdana, sans-serif; font-weight: bold; font-size: 14px; color: #777; text-transform: uppercase; padding-top: 10px; margin: 10px; margin-bottom: 20px; } #footerCol1, #footerCol2, #footerCol3, #footerCol4 { float: left; clear: left; display: inline; width: 23%; margin-left: 12px; } #siteinfo h1, #siteinfo h2, #siteinfo p, #siteinfo ul { font-size: 12px; color: #666; font-weight: normal; margin: 0; padding: 0; } #siteinfo h1 { color: #666; margin-bottom: 12px; background: none; } #siteinfo h1 a { font-weight: bold; text-transform: uppercase; text-decoration: none; color: #900; } #siteinfo h1 a:hover { } #siteinfo h2 { margin-bottom: 12px; } #siteinfo h2 a { color: #666; text-decoration: underline; } #siteinfo ul { list-style: none; margin: 0; padding: 0; } #siteinfo li { margin: 0; padding: 0; margin-bottom: 10px; } #siteinfo li a { color: #900; } #siteinfo li li { margin-left: 1em; color: #AAA; } #siteinfo li li a { color: #900; } #siteinfo a { color: #AAA; text-decoration: none; } #siteinfo a:hover { color: #900; } /* Three Column Layout for Footer */ #siteinfo #col-1, #siteinfo #col-2, #siteinfo #col-3 { float: left; width: 28%; margin-right: 40px; border-top: 4px solid #DDD; margin-top: 10px; } #siteinfo #col-1 { margin-left: 20px; } #siteinfo #col-1 h1, #siteinfo #col-2 h1, #siteinfo #col-3 h1 { font-size: .9em; text-transform: uppercase; font-weight: bold; color: #222; text-shadow: #FFFFFF 2px 2px 0px; margin-top: 4px; } #siteinfo #legal { margin-left: 0; } /* Social Media Links in Footer */ #siteinfo #social-media-links img { display: inline; margin-right: 10px; } #siteinfo #social-media-links a { display: block; text-decoration: none; border: none; } #siteinfo #social-media-links a:hover { background: #E6E6E6; } ul#nav-g3 { margin-top: 10px; } ul#nav-g3 li { margin-top: 4px; } h1#supply-chain-scm-solution { clear: both; text-align: right; color: #444; font-size: 36px; font-weight: bold; letter-spacing: -1px; text-shadow: #8A8A8A 1px 1px 4px; margin-left: 120px; padding-top: 0; margin-top: 0; margin-right: 40px; } h1#supply-chain-scm-solution span { display: block; font-size: 20px; font-weight: normal; text-align: right; } /* THIRD PARTY ELEMENTS -----------------------------*/ /* AddThis Social Bookmark Link */ #wrap-sbookmark { height: 80px; padding-top: 21px; background: url(../webgfx/bg/bg_wrap-sbookmark.jpg) top left no-repeat; margin-top: 28px; margin-bottom: 28px; overflow: hidden; } #sbookmark { width: 128x; float: right; overflow: hidden; } #sbookmark a { text-decoration: none; background: transparent; border: none; } #sbookmark a:hover { text-decoration: none; border: none; background: none; } /* UTILITIES -----------------------------*/ .clearer { height: 1px !important; line-height: 1px !important; margin: 0; padding: 0; clear: both; overflow: hidden; } #wrap1, #wrap2, #col1, #col2, #content, #siteinfo { overflow: visible; } /* New Semantically Named Auto Clearing, Handcrafted CSS, Dan Cederholm. */ /* Add class "group" to any element that needs to clear floats. Note that IE6 and IE7 need their own clear method (hasLayout triggers) as they don't understand the :before and :after pseudo selectors. IE8 understands :before and :after so it will use the .group:after method. */ .group:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; } /* Semantic Clearer modern browsers including IE8 */ * html .group { height: 1%; } /* IE6 Semantic Auto Clearer */ *:first-child+html .group { min-height: 1px; } /* IE7 Semantic Auto Clearer */ /* IE FIXES ************************************************************************/ /* Fixes broken repeating bg img in IE6 behind headers */ * html h1, * html h2 { background: none !important; border-bottom: 1px solid #000; }