/* -------------------------------------------------------------- reset.css * Resets default browser CSS. -------------------------------------------------------------- */ html, body, div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, code, del, dfn, em, img, q, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td { margin: 0; padding: 0; border: 0; font-weight: inherit; font-style: inherit; font-size: 100%; font-family: inherit; vertical-align: baseline; } a, a:active {outline: none;} body { line-height: 1.5; } /* Tables still need 'cellspacing="0"' in the markup. */ table { border-collapse: separate; border-spacing: 0; } caption, th, td { text-align: left; font-weight: normal; } table, td, th { vertical-align: middle; } /* Remove possible quote marks (") from ,
. */ blockquote:before, blockquote:after, q:before, q:after { content: ""; } blockquote, q { quotes: "" ""; } /* Remove annoying border on linked images. */ a img { border: 0; } /* -------------------------------------------------------------- typography.css * Sets up some sensible default typography. -------------------------------------------------------------- */ /* Default font settings. The font-size percentage is of 16px. (0.75 * 16px = 12px) */ body { font-size: 75%; color: #222; background: #d6daeb url(assets/body-bg.gif) repeat-x top; font-family: Verdana, "Helvetica Neue", Arial, Helvetica, sans-serif; } /* Headings -------------------------------------------------------------- */ h1,h2,h3,h4,h5,h6 { font-weight: normal; color: #3e8fb9; font-family: Arial, Helvetica, sans-serif; clear: both;} h1 { font-size: 2.3em; line-height: 1.2; margin-bottom: 0.5em; margin-top: 0.8em; letter-spacing: -0.02em; color: #074A6F;} h2 { font-size: 1.7em; margin:20px 0 3px 0; color: #638A9F; line-height:1;} /*h2 { font-size: 1.7em; margin-bottom: 0.5em; color: #638A9F;}*/ h3 { font-size: 1.4em; line-height: 1; margin-top: 0.5em; margin-bottom: 1em; color: #666; font-weight: bold;} h4 { font-size: 1.2em; line-height: 1.25; margin-bottom: 6px; } h5 { font-size: 1em; font-weight: bold; margin-bottom: 1.5em; } h6 { font-size: 1.2em; font-weight: bold; color:#000; line-height:1.2; margin-bottom:5px;} h1 span {color: #333;} h1 img, h2 img, h3 img, h4 img, h5 img, h6 img { margin: 0; } .navigation {font-family: "Lucida Sans Unicode", "Trebuchet MS", Arial;} /* Text elements -------------------------------------------------------------- */ p { margin: 0 0 9px 0; } p.intro {font-weight: bold;} img.left { float: left; margin: 0em 1.5em 1.5em 0; padding: 0; } img.right { float: right; margin: 0em 0 1.5em 1.5em; } img.photo {border: 1px solid #ccc; padding: 2px;} a:focus, a:hover, a:visited:hover {text-decoration: underline; } a, a:visited { color: #0066cc; text-decoration: none;} blockquote { margin: 1.5em; color: #666; font-style: italic; } strong { font-weight: bold; } em,dfn { font-style: italic; } dfn { font-weight: bold; } sup, sub { line-height: 0; } abbr, acronym { border-bottom: 1px dotted #666; } address { margin: 0 0 1.5em; font-style: italic; } del { color:#666; } pre { margin: 1.5em 0; white-space: pre; } pre,code,tt { font: 1em 'andale mono', 'lucida console', monospace; line-height: 1.5; } /* Lists -------------------------------------------------------------- */ ul { list-style-type: disc; list-style-position: outside; margin-left: 25px; margin-bottom: 1.5em;} ol { list-style-type: decimal; list-style-position: outside; margin-left: 25px; margin-bottom: 1.5em;} ol li {margin-bottom:6px;} ul.navigation, .footer ul {list-style-type: none; margin: 0;} /* Tables -------------------------------------------------------------- */ table { margin-bottom: 1.4em; width:100%; } th { font-weight: bold; } thead th { background: #c3d9ff; } th,td,caption { padding: 4px 10px 4px 5px; vertical-align: top;} tr.even td { background: #e5ecf9; } tfoot { font-style: italic; } caption { background: #eee; } /* Misc classes -------------------------------------------------------------- */ .small { font-size: .8em; margin-bottom: 1.875em; line-height: 1.875em; } .large { font-size: 1.2em; line-height: 2.5em; margin-bottom: 1.25em; } .hide { display: none; } .quiet { color: #666; } .loud { color: #000; } .highlight { background:#ff0; } .added { background:#060; color: #fff; } .removed { background:#900; color: #fff; } .rounded2 {-moz-border-radius: 2px; -webkit-border-radius: 2px;} .rounded4 {-moz-border-radius: 4px; -webkit-border-radius: 4px;} .rounded6 {-moz-border-radius: 6px; -webkit-border-radius: 6px;} .rounded8 {-moz-border-radius: 8px; -webkit-border-radius: 8px;} .rounded10 {-moz-border-radius: 10px; -webkit-border-radius: 10px;} .rounded12 {-moz-border-radius: 12px; -webkit-border-radius: 12px;} .rounded14 {-moz-border-radius: 14px; -webkit-border-radius: 14px;} .rounded16 {-moz-border-radius: 16px; -webkit-border-radius: 16px;} .rounded18 {-moz-border-radius: 18px; -webkit-border-radius: 18px;} .rounded20 {-moz-border-radius: 20px; -webkit-border-radius: 20px;} /* -------------------------------------------------------------- BLUEPRINT CSS * Filename: grid.css * Version: 0.7.1 (2008-02-25) YYYY-MM-DD * Website: http://code.google.com/p/blueprintcss/ Generated by: * Blueprint CSS Grid Generator (2008-12-03) [http://kematzy.com/blueprint-generator/] Based on work by: * Olav Bjorkoy [bjorkoy.com] * Nathan Borror [playgroundblues.com] * Jeff Croft [jeffcroft.com] * Christian Metts [mintchaos.com] * Khoi Vinh [subtraction.com] == STRUCTURE: ======================== * Page width: 910 px * Number of columns: 23 * Column width: 30 px * Margin width: 10 px ====================================== By default, the grid is 910px wide, with 23 columns spanning 30px, and a 10px margin between columns. If you need fewer or more columns, use this formula to calculate the new total width: Total width = (number_of_columns * column_width) - margin_width Read more about using a grid here: * subtraction.com/archives/2007/0318_oh_yeeaahh.php -------------------------------------------------------------- */ /* A container should group all your columns. */ .wrapper { width: 994px; min-width: 900px; max-width: 1600px; margin: 0 auto; border-top: 1px solid #ebedf0; border-left: 1px solid #d9dee9; border-right: 1px solid #d9dee9; border-bottom: 1px solid #d9dee9; position: relative; } /* Use this class on any div.span / container to see the grid. */ /* .showgrid { background: url(assets/grid.png); } */ /* Body margin for a sensible default look. */ body { margin: 25px 0; } /* Columns -------------------------------------------------------------- */ .pageContent {background: #fff; overflow: hidden; clear: both;} .two-col-left .primary {float: right; width: 65%; padding-right: 38px;} .two-col-left .secondary {float: right; width: 28%; margin-right: 31px; padding-top: 1em;} .two-col-right .primary {float: left; width: 60%; margin-left: 3%; display: inline;} .two-col-right .secondary {float: left; width: 30%; margin-left: 4%; display: inline;} .three-col-lr .wrap {float: left; width: 76%;} .three-col-lr .primary {float: right; width: 71.5%;} .three-col-lr .secondary {float: left; width: 26%; margin-right: 0.5%;} .three-col-lr .tertiary {float: left; width: 20%; margin-left: 1.8%; padding: 0 1%;} .three-col-rr .primary {float: left; width: 63%;} .three-col-rr .secondary {float: left; width: 17%; margin-left: 1.5%;} .three-col-rr .tertiary {float: left; width: 16%; margin-left: 1.5%;} .three-col-ll .primary {float: right; width: 63%;} .three-col-ll .secondary {float: right; width: 17%; margin-right: 1.5%;} .three-col-ll .tertiary {float: right; width: 16%; margin-right: 1.3%; padding: 0 0.5%;} .primary, .secondary, .tertiary {margin-bottom: 25px; background: #fff;} /* Misc classes and elements -------------------------------------------------------------- */ /* Use a .box to create a padded box inside a column. */ .box { padding: 1.5em; margin-bottom: 1.5em; background: #E5ECF9; } /* Use this to create a horizontal ruler across a column. */ hr { background: #ddd; color: #ddd; clear: both; float: none; width: 100%; height: .1em; margin: 0 0 1.45em; border: none; } hr.space { background: #fff; color: #fff; } /* Clearing floats without extra markup Based on How To Clear Floats Without Structural Markup by PiE [http://www.positioniseverything.net/easyclearing.html] */ .clearfix:after, .container:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; } .clearfix, .container {display: inline-block;} * html .clearfix, * html .container {height: 1%;} .clearfix, .container {display: block;} /* Regular clearing apply to column that should drop below previous ones. */ .clear { clear:both; } /* -------------------------------------------------------------- Custom Styles -------------------------------------------------------------- */ .glow {background: url(assets/glow.png) repeat-y center;} .bottom-glow {width: 1034px; background: url(assets/wrapper-bottom-glow.png) no-repeat center bottom; padding-bottom: 20px; margin: 0 auto;} .branding {background: #fff;} .logo {float: left; margin-left: 29px; margin-top: 16px;} /* ------------ navigation ---------------*/ /* -- main tabs -- */ ul.level1nav {float: left; margin-left: 75px; margin-top: 26px;} ul.level1nav li {float: left; display: inline; font-size: 1.2em; font-weight: bold; position: relative;} ul.level1nav li a, ul.level1nav li a:visited {color: #3366ff; display: block; padding: 0; margin-right: 1px; text-decoration: none; width: 160px; height: 54px; text-indent: -9999px; border-bottom: 1px solid #fff;} ul.level1nav li.section1 a {background: url(assets/tab-risks.gif) no-repeat left center;} ul.level1nav li.section2 a {background: url(assets/tab-solutions.gif) no-repeat left center;} ul.level1nav li.section3 a {background: url(assets/tab-technology.gif) no-repeat left center;} ul.level1nav li.section4 a {background: url(assets/tab-howto.gif) no-repeat left center;} /* -- main tabs link on state -- */ .section1 ul.level1nav li.section1 a, .section1 ul.level1nav li.section1 a:visited, .section2 ul.level1nav li.section2 a, .section2 ul.level1nav li.section2 a:visited, .section3 ul.level1nav li.section3 a, .section3 ul.level1nav li.section3 a:visited, .section4 ul.level1nav li.section4 a, .section4 ul.level1nav li.section4 a:visited {background-position: left bottom;} .section1 ul.level1nav li.section1 a, .section1 ul.level1nav li.section1 a:visited {border-color: #e8cd8c;} .section2 ul.level1nav li.section2 a, .section2 ul.level1nav li.section2 a:visited {border-color: #EAE19D;} .section3 ul.level1nav li.section3 a, .section3 ul.level1nav li.section3 a:visited {border-color: #A8DDA4;} .section4 ul.level1nav li.section4 a, .section4 ul.level1nav li.section4 a:visited {border-color: #89C1E2;} .section1 ul.level1nav {border-bottom: 10px solid #e8cd8c;} .section2 ul.level1nav {border-bottom: 10px solid #EAE19D;} .section3 ul.level1nav {border-bottom: 10px solid #A8DDA4;} .section4 ul.level1nav {border-bottom: 10px solid #89C1E2;} /* -- main tabs hover state -- */ ul.level1nav li a:hover, ul.level1nav li a:visited:hover, ul.level1nav li a:focus {text-decoration: underline; background-position: left top;} /* -- banners -- */ .banner {width: 643px; padding: 1.5em 0 0 0; color: #fff; font-family: "Trebuchet MS";} .banner .title {font-size: 2.4em; font-weight: bold; padding: 0 30px;} .banner .subtitle {font-size: 1.6em; font-weight: normal; margin-bottom: 0.5em; padding: 0 30px;} .section1 .banner {background: #e8cd8c url(assets/banner-bg-risks.gif) no-repeat left bottom;} /* -- guide -- */ /* Currently not being used. .guide ul {background: #DFAD37; overflow: hidden; width: 643px; margin: 0;} .guide li {display: inline; float: left; height: 54px;} .guide li a {display: block; height: 54px; text-indent: -9999px;} .guide li.cellphones a {background: url(assets/banner-button-cellphones.gif) no-repeat left top; width: 159px;} .guide li.wellbeing a {background: url(assets/banner-button-wellbeing.gif) no-repeat right top; width: 159px;} .guide li.inthehome a {background: url(assets/banner-button-home.gif) no-repeat right top; width: 161px;} .guide li.buildings a {background: url(assets/banner-button-buildings.gif) no-repeat right top; width: 164px;} .guide li a:hover {background-position: left bottom;} .more-facts {padding-left: 10px;}*/ /* -- level2nav -- */ ul.level2nav { background: transparent; /* padding-left: 16px; */ margin-top: 2em; } ul.level2nav li span, ul.level2nav li a, ul.level2nav li a:visited { display: block; color: #0066cc; text-decoration: none; font-size: 1em; margin-left: 30px; padding-left: 5px; padding-top: 0.2em; padding-bottom: 0.2em; } ul.level2nav li h2 {margin: 0; margin-top: 1em; text-transform: uppercase; font-size: 1.4em; font-family: Arial; padding-left: 5px; color: #000; line-height:1.85ex;} ul.level2nav li h2 span, ul.level2nav li h2 a, ul.level2nav li h2 a:visited {color: #000; padding-left: 0px;} ul.level2nav li a:hover, ul.level2nav li a:focus {text-decoration: underline; background: #F2FFE1;} ul.level2nav li ul.level3nav li a:focus {text-decoration: underline; background: #F2FFE1; color: #0066cc;} /* h2.risks {background: url(assets/icon-risks.gif) no-repeat left center;} h2.resources {background: url(assets/icon-info.gif) no-repeat left center;} h2.solutions {background: url(assets/icon-solutions.gif) no-repeat left center;} h2.howto {background: url(assets/icon-guide.gif) no-repeat left center;} */ /* -- level3nav -- */ ul.level3nav {display: none; list-style: square; margin-left: 50px; color: #8cb0db;} ul.level3nav li {background: #fff; margin-left: 0;} ul.level3nav li a, ul.level3nav li a:visited {font-weight: normal; border: none; padding: 0.2em 0 0.2em 0; margin-left: 0;} ul.level3nav li a:hover {background: #F2FFE1;} ul.sitemap {list-style: square; margin-left:20px; color: #8cb0db; margin-bottom:0;} ul.sitemap li {margin-left: 0;} ul.sitemap li a, ul.sitemap li a:visited {font-weight: normal; border: none; padding: 0.2em 0 0.2em 0; margin-left: 0;} .section1 .showsubnav1 .subsection1 li.subsection1 a, .section1 .showsubnav1 .subsection1 li.subsection1 a:visited, .section1 .showsubnav1 .subsection2 li.subsection2 a, .section1 .showsubnav1 .subsection2 li.subsection2 a:visited, .section1 .showsubnav1 .subsection3 li.subsection3 a, .section1 .showsubnav1 .subsection3 li.subsection3 a:visited, .section1 .showsubnav1 .subsection4 li.subsection4 a, .section1 .showsubnav1 .subsection4 li.subsection4 a:visited, .section1 .showsubnav1 .subsection5 li.subsection5 a, .section1 .showsubnav1 .subsection5 li.subsection5 a:visited, .section1 .showsubnav1 .subsection6 li.subsection6 a, .section1 .showsubnav1 .subsection6 li.subsection6 a:visited, .section1 .showsubnav1 .subsection7 li.subsection7 a, .section1 .showsubnav1 .subsection7 li.subsection7 a:visited, .section1 .showsubnav1 .subsection8 li.subsection8 a, .section1 .showsubnav1 .subsection8 li.subsection8 a:visited, .section1 .showsubnav1 .subsection9 li.subsection9 a, .section1 .showsubnav1 .subsection9 li.subsection9 a:visited, .section1 .showsubnav1 .subsection10 li.subsection10 a, .section1 .showsubnav1 .subsection10 li.subsection10 a:visited, .section1 .showsubnav1 .subsection11 li.subsection11 a, .section1 .showsubnav1 .subsection11 li.subsection11 a:visited, .section1 .showsubnav1 .subsection12 li.subsection12 a, .section1 .showsubnav1 .subsection12 li.subsection12 a:visited, .section1 .showsubnav1 .subsection13 li.subsection13 a, .section1 .showsubnav1 .subsection13 li.subsection13 a:visited, .section2 .showsubnav2 .subsection1 li.subsection1 a, .section2 .showsubnav2 .subsection1 li.subsection1 a:visited, .section2 .showsubnav2 .subsection2 li.subsection2 a, .section2 .showsubnav2 .subsection2 li.subsection2 a:visited, .section2 .showsubnav2 .subsection3 li.subsection3 a, .section2 .showsubnav2 .subsection3 li.subsection3 a:visited, .section2 .showsubnav2 .subsection4 li.subsection4 a, .section2 .showsubnav2 .subsection4 li.subsection4 a:visited, .section2 .showsubnav2 .subsection5 li.subsection5 a, .section2 .showsubnav2 .subsection5 li.subsection5 a:visited, .section2 .showsubnav2 .subsection6 li.subsection6 a, .section2 .showsubnav2 .subsection6 li.subsection6 a:visited, .section2 .showsubnav2 .subsection7 li.subsection7 a, .section2 .showsubnav2 .subsection7 li.subsection7 a:visited, .section2 .showsubnav2 .subsection8 li.subsection8 a, .section2 .showsubnav2 .subsection8 li.subsection8 a:visited, .section2 .showsubnav2 .subsection9 li.subsection9 a, .section2 .showsubnav2 .subsection9 li.subsection9 a:visited, .section2 .showsubnav2 .subsection10 li.subsection10 a, .section2 .showsubnav2 .subsection10 li.subsection10 a:visited, .section2 .showsubnav2 .subsection11 li.subsection11 a, .section2 .showsubnav2 .subsection11 li.subsection11 a:visited, .section2 .showsubnav2 .subsection12 li.subsection12 a, .section2 .showsubnav2 .subsection12 li.subsection12 a:visited, .section2 .showsubnav2 .subsection13 li.subsection13 a, .section2 .showsubnav2 .subsection13 li.subsection13 a:visited, .section3 .showsubnav3 .subsection1 li.subsection1 a, .section3 .showsubnav3 .subsection1 li.subsection1 a:visited, .section3 .showsubnav3 .subsection2 li.subsection2 a, .section3 .showsubnav3 .subsection2 li.subsection2 a:visited, .section3 .showsubnav3 .subsection3 li.subsection3 a, .section3 .showsubnav3 .subsection3 li.subsection3 a:visited, .section3 .showsubnav3 .subsection4 li.subsection4 a, .section3 .showsubnav3 .subsection4 li.subsection4 a:visited, .section3 .showsubnav3 .subsection5 li.subsection5 a, .section3 .showsubnav3 .subsection5 li.subsection5 a:visited, .section3 .showsubnav3 .subsection6 li.subsection6 a, .section3 .showsubnav3 .subsection6 li.subsection6 a:visited, .section3 .showsubnav3 .subsection7 li.subsection7 a, .section3 .showsubnav3 .subsection7 li.subsection7 a:visited, .section3 .showsubnav3 .subsection8 li.subsection8 a, .section3 .showsubnav3 .subsection8 li.subsection8 a:visited, .section3 .showsubnav3 .subsection9 li.subsection9 a, .section3 .showsubnav3 .subsection9 li.subsection9 a:visited, .section3 .showsubnav3 .subsection10 li.subsection10 a, .section3 .showsubnav3 .subsection10 li.subsection10 a:visited, .section3 .showsubnav3 .subsection11 li.subsection11 a, .section3 .showsubnav3 .subsection11 li.subsection11 a:visited, .section3 .showsubnav3 .subsection12 li.subsection12 a, .section3 .showsubnav3 .subsection12 li.subsection12 a:visited, .section3 .showsubnav3 .subsection13 li.subsection13 a, .section3 .showsubnav3 .subsection13 li.subsection13 a:visited, .section4 .showsubnav4 .subsection1 li.subsection1 a, .section4 .showsubnav4 .subsection1 li.subsection1 a:visited, .section4 .showsubnav4 .subsection2 li.subsection2 a, .section4 .showsubnav4 .subsection2 li.subsection2 a:visited, .section4 .showsubnav4 .subsection3 li.subsection3 a, .section4 .showsubnav4 .subsection3 li.subsection3 a:visited, .section4 .showsubnav4 .subsection4 li.subsection4 a, .section4 .showsubnav4 .subsection4 li.subsection4 a:visited, .section4 .showsubnav4 .subsection5 li.subsection5 a, .section4 .showsubnav4 .subsection5 li.subsection5 a:visited, .section4 .showsubnav4 .subsection6 li.subsection6 a, .section4 .showsubnav4 .subsection6 li.subsection6 a:visited, .section4 .showsubnav4 .subsection7 li.subsection7 a, .section4 .showsubnav4 .subsection7 li.subsection7 a:visited, .section4 .showsubnav4 .subsection8 li.subsection8 a, .section4 .showsubnav4 .subsection8 li.subsection8 a:visited, .section4 .showsubnav4 .subsection9 li.subsection9 a, .section4 .showsubnav4 .subsection9 li.subsection9 a:visited .section4 .showsubnav4 .subsection10 li.subsection10 a, .section4 .showsubnav4 .subsection10 li.subsection10 a:visited .section4 .showsubnav4 .subsection11 li.subsection11 a, .section4 .showsubnav4 .subsection11 li.subsection11 a:visited .section4 .showsubnav4 .subsection12 li.subsection12 a, .section4 .showsubnav4 .subsection12 li.subsection12 a:visited .section4 .showsubnav4 .subsection13 li.subsection13 a, .section4 .showsubnav4 .subsection13 li.subsection13 a:visited {background:#a5cd6f; color: #fff; font-weight: bold;} .section1 .showsubnav1 .subsection1 li.subsection1 ul li a, .section1 .showsubnav1 .subsection1 li.subsection1 ul li a:visited, .section1 .showsubnav1 .subsection2 li.subsection2 ul li a, .section1 .showsubnav1 .subsection2 li.subsection2 ul li a:visited, .section1 .showsubnav1 .subsection3 li.subsection3 ul li a, .section1 .showsubnav1 .subsection3 li.subsection3 ul li a:visited, .section1 .showsubnav1 .subsection4 li.subsection4 ul li a, .section1 .showsubnav1 .subsection4 li.subsection4 ul li a:visited, .section1 .showsubnav1 .subsection5 li.subsection5 ul li a, .section1 .showsubnav1 .subsection5 li.subsection5 ul li a:visited, .section1 .showsubnav1 .subsection6 li.subsection6 ul li a, .section1 .showsubnav1 .subsection6 li.subsection6 ul li a:visited, .section1 .showsubnav1 .subsection7 li.subsection7 ul li a, .section1 .showsubnav1 .subsection7 li.subsection7 ul li a:visited, .section1 .showsubnav1 .subsection8 li.subsection8 ul li a, .section1 .showsubnav1 .subsection8 li.subsection8 ul li a:visited, .section1 .showsubnav1 .subsection9 li.subsection9 ul li a, .section1 .showsubnav1 .subsection9 li.subsection9 ul li a:visited, .section1 .showsubnav1 .subsection10 li.subsection10 ul li a, .section1 .showsubnav1 .subsection10 li.subsection10 ul li a:visited, .section1 .showsubnav1 .subsection11 li.subsection11 ul li a, .section1 .showsubnav1 .subsection11 li.subsection11 ul li a:visited, .section1 .showsubnav1 .subsection12 li.subsection12 ul li a, .section1 .showsubnav1 .subsection12 li.subsection12 ul li a:visited, .section1 .showsubnav1 .subsection13 li.subsection13 ul li a, .section1 .showsubnav1 .subsection13 li.subsection13 ul li a:visited, .section2 .showsubnav2 .subsection1 li.subsection1 ul li a, .section2 .showsubnav2 .subsection1 li.subsection1 ul li a:visited, .section2 .showsubnav2 .subsection2 li.subsection2 ul li a, .section2 .showsubnav2 .subsection2 li.subsection2 ul li a:visited, .section2 .showsubnav2 .subsection3 li.subsection3 ul li a, .section2 .showsubnav2 .subsection3 li.subsection3 ul li a:visited, .section2 .showsubnav2 .subsection4 li.subsection4 ul li a, .section2 .showsubnav2 .subsection4 li.subsection4 ul li a:visited, .section2 .showsubnav2 .subsection5 li.subsection5 ul li a, .section2 .showsubnav2 .subsection5 li.subsection5 ul li a:visited, .section2 .showsubnav2 .subsection6 li.subsection6 ul li a, .section2 .showsubnav2 .subsection6 li.subsection6 ul li a:visited, .section2 .showsubnav2 .subsection7 li.subsection7 ul li a, .section2 .showsubnav2 .subsection7 li.subsection7 ul li a:visited, .section2 .showsubnav2 .subsection8 li.subsection8 ul li a, .section2 .showsubnav2 .subsection8 li.subsection8 ul li a:visited, .section2 .showsubnav2 .subsection9 li.subsection9 ul li a, .section2 .showsubnav2 .subsection9 li.subsection9 ul li a:visited, .section2 .showsubnav2 .subsection10 li.subsection10 ul li a, .section2 .showsubnav2 .subsection10 li.subsection10 ul li a:visited, .section2 .showsubnav2 .subsection11 li.subsection11 ul li a, .section2 .showsubnav2 .subsection11 li.subsection11 ul li a:visited, .section2 .showsubnav2 .subsection12 li.subsection12 ul li a, .section2 .showsubnav2 .subsection12 li.subsection12 ul li a:visited, .section2 .showsubnav2 .subsection13 li.subsection13 ul li a, .section2 .showsubnav2 .subsection13 li.subsection13 ul li a:visited, .section3 .showsubnav3 .subsection1 li.subsection1 ul li a, .section3 .showsubnav3 .subsection1 li.subsection1 ul li a:visited, .section3 .showsubnav3 .subsection2 li.subsection2 ul li a, .section3 .showsubnav3 .subsection2 li.subsection2 ul li a:visited, .section3 .showsubnav3 .subsection3 li.subsection3 ul li a, .section3 .showsubnav3 .subsection3 li.subsection3 ul li a:visited, .section3 .showsubnav3 .subsection4 li.subsection4 ul li a, .section3 .showsubnav3 .subsection4 li.subsection4 ul li a:visited, .section3 .showsubnav3 .subsection5 li.subsection5 ul li a, .section3 .showsubnav3 .subsection5 li.subsection5 ul li a:visited, .section3 .showsubnav3 .subsection6 li.subsection6 ul li a, .section3 .showsubnav3 .subsection6 li.subsection6 ul li a:visited, .section3 .showsubnav3 .subsection7 li.subsection7 ul li a, .section3 .showsubnav3 .subsection7 li.subsection7 ul li a:visited, .section3 .showsubnav3 .subsection8 li.subsection8 ul li a, .section3 .showsubnav3 .subsection8 li.subsection8 ul li a:visited, .section3 .showsubnav3 .subsection9 li.subsection9 ul li a, .section3 .showsubnav3 .subsection9 li.subsection9 ul li a:visited, .section3 .showsubnav3 .subsection10 li.subsection10 ul li a, .section3 .showsubnav3 .subsection10 li.subsection10 ul li a:visited, .section3 .showsubnav3 .subsection11 li.subsection11 ul li a, .section3 .showsubnav3 .subsection11 li.subsection11 ul li a:visited, .section3 .showsubnav3 .subsection12 li.subsection12 ul li a, .section3 .showsubnav3 .subsection12 li.subsection12 ul li a:visited, .section3 .showsubnav3 .subsection13 li.subsection13 ul li a, .section3 .showsubnav3 .subsection13 li.subsection13 ul li a:visited, .section4 .showsubnav4 .subsection1 li.subsection1 ul li a, .section4 .showsubnav4 .subsection1 li.subsection1 ul li a:visited, .section4 .showsubnav4 .subsection2 li.subsection2 ul li a, .section4 .showsubnav4 .subsection2 li.subsection2 ul li a:visited, .section4 .showsubnav4 .subsection3 li.subsection3 ul li a, .section4 .showsubnav4 .subsection3 li.subsection3 ul li a:visited, .section4 .showsubnav4 .subsection4 li.subsection4 ul li a, .section4 .showsubnav4 .subsection4 li.subsection4 ul li a:visited, .section4 .showsubnav4 .subsection5 li.subsection5 ul li a, .section4 .showsubnav4 .subsection5 li.subsection5 ul li a:visited, .section4 .showsubnav4 .subsection6 li.subsection6 ul li a, .section4 .showsubnav4 .subsection6 li.subsection6 ul li a:visited, .section4 .showsubnav4 .subsection7 li.subsection7 ul li a, .section4 .showsubnav4 .subsection7 li.subsection7 ul li a:visited, .section4 .showsubnav4 .subsection8 li.subsection8 ul li a, .section4 .showsubnav4 .subsection8 li.subsection8 ul li a:visited, .section4 .showsubnav4 .subsection9 li.subsection9 ul li a, .section4 .showsubnav4 .subsection9 li.subsection9 ul li a:visited .section4 .showsubnav4 .subsection10 li.subsection10 ul li a, .section4 .showsubnav4 .subsection10 li.subsection10 ul li a:visited .section4 .showsubnav4 .subsection11 li.subsection11 ul li a, .section4 .showsubnav4 .subsection11 li.subsection11 ul li a:visited .section4 .showsubnav4 .subsection12 li.subsection12 ul li a, .section4 .showsubnav4 .subsection12 li.subsection12 ul li a:visited .section4 .showsubnav4 .subsection13 li.subsection13 ul li a, .section4 .showsubnav4 .subsection13 li.subsection13 ul li a:visited {background: #fff; color: #0066cc; font-weight: normal;} /* -- show level 3 nav for current subsection -- */ .section1 .showsubnav1 .subsection1 li.subsection1 ul.level3nav, .section1 .showsubnav1 .subsection2 li.subsection2 ul.level3nav, .section1 .showsubnav1 .subsection3 li.subsection3 ul.level3nav, .section1 .showsubnav1 .subsection4 li.subsection4 ul.level3nav, .section1 .showsubnav1 .subsection5 li.subsection5 ul.level3nav, .section1 .showsubnav1 .subsection6 li.subsection6 ul.level3nav, .section1 .showsubnav1 .subsection7 li.subsection7 ul.level3nav, .section1 .showsubnav1 .subsection8 li.subsection8 ul.level3nav, .section1 .showsubnav1 .subsection9 li.subsection9 ul.level3nav, .section1 .showsubnav1 .subsection10 li.subsection10 ul.level3nav, .section1 .showsubnav1 .subsection11 li.subsection11 ul.level3nav, .section1 .showsubnav1 .subsection12 li.subsection12 ul.level3nav, .section2 .showsubnav2 .subsection1 li.subsection1 ul.level3nav, .section2 .showsubnav2 .subsection2 li.subsection2 ul.level3nav, .section2 .showsubnav2 .subsection3 li.subsection3 ul.level3nav, .section2 .showsubnav2 .subsection4 li.subsection4 ul.level3nav, .section2 .showsubnav2 .subsection5 li.subsection5 ul.level3nav, .section2 .showsubnav2 .subsection6 li.subsection6 ul.level3nav, .section2 .showsubnav2 .subsection7 li.subsection7 ul.level3nav, .section2 .showsubnav2 .subsection8 li.subsection8 ul.level3nav, .section2 .showsubnav2 .subsection9 li.subsection9 ul.level3nav, .section2 .showsubnav2 .subsection10 li.subsection10 ul.level3nav, .section2 .showsubnav2 .subsection11 li.subsection11 ul.level3nav, .section2 .showsubnav2 .subsection12 li.subsection12 ul.level3nav, .section3 .showsubnav3 .subsection1 li.subsection1 ul.level3nav, .section3 .showsubnav3 .subsection2 li.subsection2 ul.level3nav, .section3 .showsubnav3 .subsection3 li.subsection3 ul.level3nav, .section3 .showsubnav3 .subsection4 li.subsection4 ul.level3nav, .section3 .showsubnav3 .subsection5 li.subsection5 ul.level3nav, .section3 .showsubnav3 .subsection6 li.subsection6 ul.level3nav, .section3 .showsubnav3 .subsection7 li.subsection7 ul.level3nav, .section3 .showsubnav3 .subsection8 li.subsection8 ul.level3nav, .section3 .showsubnav3 .subsection9 li.subsection9 ul.level3nav, .section3 .showsubnav3 .subsection10 li.subsection10 ul.level3nav, .section3 .showsubnav3 .subsection11 li.subsection11 ul.level3nav, .section3 .showsubnav3 .subsection12 li.subsection12 ul.level3nav, .section4 .showsubnav4 .subsection1 li.subsection1 ul.level3nav, .section4 .showsubnav4 .subsection2 li.subsection2 ul.level3nav, .section4 .showsubnav4 .subsection3 li.subsection3 ul.level3nav, .section4 .showsubnav4 .subsection4 li.subsection4 ul.level3nav, .section4 .showsubnav4 .subsection5 li.subsection5 ul.level3nav, .section4 .showsubnav4 .subsection6 li.subsection6 ul.level3nav, .section4 .showsubnav4 .subsection7 li.subsection7 ul.level3nav, .section4 .showsubnav4 .subsection8 li.subsection8 ul.level3nav, .section4 .showsubnav4 .subsection9 li.subsection9 ul.level3nav .section4 .showsubnav4 .subsection10 li.subsection10 ul.level3nav .section4 .showsubnav4 .subsection11 li.subsection11 ul.level3nav .section4 .showsubnav4 .subsection12 li.subsection12 ul.level3nav {display: block;} /* -- level3nav on state -- */ ul.page1 li.page1 a, ul.page2 li.page2 a, ul.page3 li.page3 a, ul.page4 li.page4 a, ul.page5 li.page5 a, ul.page6 li.page6 a, ul.page7 li.page7 a {background: #fff; padding-left: 0.5em; cursor: default;} /* -- no hover state for level3nav on tab -- */ ul.page1 li.page1 a:hover, ul.page2 li.page2 a:hover, ul.page3 li.page3 a:hover, ul.page4 li.page4 a:hover, ul.page5 li.page5 a:hover, ul.page6 li.page6 a:hover, ul.page7 li.page7 a:hover, ul.page1 li.page1 a:focus, ul.page2 li.page2 a:focus, ul.page3 li.page3 a:focus, ul.page4 li.page4 a:focus, ul.page5 li.page5 a:focus, ul.page6 li.page6 a:focus, ul.page7 li.page7 a:focus{color: #333; text-decoration: none;} /* -- dropdown nav -- */ ul.dropdown {display: none; position: absolute; left: 0; top: 54px;} ul.level1nav li:hover ul.dropdown {display: block;} ul.level1nav li ul.dropdown li a {background: #BCEBBB; text-indent: 0; font-size: 0.7em; color: #333; height: auto; padding: 8px; width: 145px; font-weight: normal;} /* -- forms -- */ #contactForm {background: #f2ffe1; padding: 12px; border: 2px solid #cfe99a; margin: 0 1em 3em 0; overflow: hidden;} #contactForm h2 {margin: 0 0 5px} #contactForm p {font-size: 0.8em; color: #999; margin: 0;} #contactForm dl {margin: 1em 0 1em; overflow: hidden;} #contactForm dt, #contactForm dd {float: left; margin-bottom: 6px;} #contactForm dt {clear: left; width: 21%; text-align: right; margin-right: 4%; padding-left: 4%;} #contactForm dd {width: 50%;} #contactForm textarea {width: 25em;} #contactForm dd.email input#email {width: 20em; margin-right: 0.5em; float: left;} label { position: relative;} span.required-field {position:absolute; right:-11px; top:0em; color:#ff0000; font-weight:bold;} .formButtons {padding:0 0 0.5em 29%;} .formButtons button {cursor:hand; cursor:pointer;} .formButtons button:hover {} .submit-button {margin: 0; padding: 0 0.3em} dd.invalid input, dd.invalid textarea {border:2px solid #ff0000; -moz-border-radius: 5px; -webkit-border-radius: 5px;} /*dd.invalid {background:url(assets/cross.gif) no-repeat 80% 4px;} dd.valid {background:url(assets/tick.gif) no-repeat 80% 4px;}*/ .vcard .dept {font-family: Arial; font-size: 1.1em; font-weight: bold; color: #666;} .vcard .adr {padding-left: 10px; margin-bottom: 1em;} .vcard .adr .name {font-weight: bold;} .vcard .adr .tel {color: #cc6633;} .vcard a, .vcard a:visited {text-decoration: none;} .vcard a:hover, .vcard a:focus {text-decoration: underline; color: #0033cc;} .glossary {margin-top: 20px; overflow: hidden;} .glossary dl {float: left; width: 90%;} .glossary dt {color: #d70b46; font-weight: bold; margin-bottom: 2px;} .glossary dd {margin-bottom: 8px; padding-left: 10px;} .glossary h2 {float: left; margin-top: 0; margin-right: 0.7em; clear: left; width: 2%; background: #379CE2; padding: 3px 7px; color: #fff; border: 1px solid #0066cc; font-size: 1.3em;} /* -- corners -- */ .corner {position: absolute; background-image: url(assets/wrapper-corners.gif); width: 10px; height: 10px; overflow: hidden;} .corner1 {left: -1px; top: -1px;} .corner2 {right: -1px; top: -1px; background-position: right top;} .corner3 {right: -1px; bottom: -1px; background-position: right bottom;} .corner4 {left: -1px; bottom: -1px; background-position: left bottom;} .caption-image {position: relative; margin-left: 35px; height: 315px; width: 210px;} .caption {position: absolute; bottom: 0; left: 0; color: #fff; background: url(assets/white-overlay.png); padding: 10px; width: 190px; font-weight: bold;} .emf-item {margin-bottom: 2em; clear: left; overflow: hidden;} .emf-item .image {float: left; width: 120px;} .emf-item .details {float: left; width: 500px;} .rating {width: 90px; text-indent: -9999px; height: 21px;} .harm1 {background: url(assets/harm1.gif) no-repeat left top;} .harm2 {background: url(assets/harm2.gif) no-repeat left top;} .harm3 {background: url(assets/harm3.gif) no-repeat left top;} .harm4 {background: url(assets/harm4.gif) no-repeat left top;} .harm5 {background: url(assets/harm5.gif) no-repeat left top;} .details dt {font-weight: bold; float: left; clear: left; width: 150px; text-align: right; margin-right: 10px; padding-right: 15px; background: url(assets/square-bullet.gif) no-repeat right center; margin-bottom: 0.5em;} .details dt span {background: url(assets/emf-range.gif) no-repeat left center; padding-left: 30px;} .details dd {float: left; width: 310px; margin-bottom: 0.5em;} .pageFooter {text-align: center; clear: both; padding: 1em 0;} .pageFooter li {display: inline; margin: 0 2em;} .pageFooter li a, .pageFooter li a:visited {text-decoration: none; color: #777;} .pageFooter li a:hover {text-decoration: underline;} .questions {padding-top: 2em;} .questions h2 {margin-bottom: 0;} .questions .instructions {margin: 0; color: #1f7979;} dl.faq {margin: 1em 0 2em 0em; list-style: disc;} dl.faq dt {background: url(assets/question-bullet.gif) no-repeat left 2px; padding: 0 0 5px 20px;} dl.faq dd {padding: 0 0 10px 20px;} dl.faq dd h2 {margin-left:-20px;} .breadcrumb {margin-top: 0.5em;} .view-cart {float: right; margin-left: 10px; } .view-cart a {background: url(assets/cart-small.gif) no-repeat left center; padding-left: 20px; margin-right: 5px;} .call-now {float: right; color: #0066dd; margin-right:5px; } .product-box {border-top: 1px solid #ecf4e0; border-bottom: 1px solid #bdc6b1; border-left: 1px solid #ecf4e0; border-right: 1px solid #bdc6b1; margin-bottom: 1.5em;} .product-box p.summary {font-family: Arial, Helvetica, sans-serif; font-size: 1.7em; margin-bottom: 0.5em; color: #638A9F;/*font-weight: bold; padding: 10px 20px 0 20px;*/} .product-box p {padding-right: 20px; padding-left: 20px; margin-bottom: 1em;} .product-box img {float: left; margin: 0 20px 20px 0;} .product-box dl {clear: left; margin-left: 20px; overflow: hidden; padding: 0 0 20px 0;} .product-box dt, .product-box dd {float: left;} .product-box dt {clear: left; width: 162px; text-align: right;} .product-box dd {padding-left: 25px; background: url(assets/square-bullet.gif) no-repeat 10px 8px; width: 410px;} .buy-bar {background: #CAF992 url(assets/buy-bar-bg.gif) repeat-x top; overflow: hidden; padding: 5px 0; clear: left;} .buy-bar a {display: block; width: 120px; height: 34px; background: url(assets/buy-now-button.gif) no-repeat left top; float: left; text-indent: -9999px; margin-left: 200px;} .buy-bar a.center {margin: 0 auto; float: none;} .buy-bar a:hover {background: url(assets/buy-now-button.gif) no-repeat left bottom;} .buy-bar span.price {font-size: 1.7em; margin-left: 20px; font-family: Arial;} .testimonial {margin-bottom: 2em;} .testimonial q {border: 1px solid #d3d3d3; -moz-border-radius: 8px; -webkit-border-radius: 8px; display: block; padding: 5px 10px 10px; position: relative; margin-left: 30px;} .testimonial cite {margin-left: 60px; background: url(assets/speech-arrow.gif) no-repeat left top; position: relative; top: 5px; padding-left: 50px; padding-top: 8px;} .testimonial cite span {font-weight: bold;} blockquote {clear: left; background: #ffffdf; border-left: 7px solid #f7f6a0; padding: 8px 15px; margin-left: 30px;} blockquote p {margin-bottom: 0.5em;} .solution {background: #CAF992 url(assets/buy-bar-bg.gif) repeat-x top; overflow: hidden; padding: 5px 15px;} .product-short {border-left: 1px solid #eee; border-top: 1px solid #eee; border-right: 1px solid #ddd; border-bottom: 1px solid #ddd; padding: 10px; margin-bottom: 15px; overflow: hidden;} .product-short img {float: left; margin-right: 15px; margin-bottom: 1em} .product-short h2, .product-short h3 {clear: none;} .product-short .buy-bar {clear: both;} .product-short .buy-bar a {background: transparent; text-indent: 0; margin: 0 0 0 10px; color: #0066cc; font-size: 1.3em; width: auto; height: auto; font-weight: bold;} .intro-text {margin-left: 180px;} table {border-collapse: collapse;} table td {border: none;} dl.links {margin-bottom: 2em;} dl.links dd {margin-bottom: 1em} .recommended {list-style: none; margin: 0; border: 6px solid #CFE99A; padding: 15px 25px 5px 15px; overflow: hidden; background: #F2FFE1} .recommended li {padding: 0; margin: 0 0 1em 0; clear: left;} .recommended img {width: 60px; float: left; clear: left; margin: 0 1em 1em 0;} .recommended a:link img, .recommended a:visited img {border: 1px solid #FFF;} .recommended a:hover img {border: 1px solid #64AF00;} .recommended h3 {clear: none; margin: 0; font-weight: bold;} .pdf img {width:36px;} /* ------------ TEST CSS for custom comtent.html layout ---------------*/ .two-columns {clear: both; margin-left:20px; } .two-columns .column1 {display: block; float: left; width: 33%; margin: 0; color:#333; font-weight:bold;} .two-columns .column2 {display: block; float: right; width: 66%; margin: 0; color:#333; font-weight:bold;} /* NEW STYLES */ .headline_link { font-size:19px; } .book { clear:both; } .book_photo { float:left; margin:0 8px 8px 0; } .book_title { font-size:15px; line-height:1.2; } .book_author { font-size:12px; } .ul_contact li { margin-bottom:9px; } .sitemap_header { margin-top: 1em; text-transform: uppercase; font-size: 1.4em; font-family: Arial; color: #000; line-height:1.85ex; }