/* ========================================================================== Color Palette (could be converted to SASS/LESS) ========================================================================== */ /* color: #2AB3E0; /* bright blue */ /* color: #007AC2; /* medium blue */ /* color: #076099; /* darker blue */ /* color: #f69623; /* medium orange */ /* color: #f16d27; /* darker orange */ /* color: #4d4d4f; /* blue-grey text */ /* color: #313537; /* almost black */ /* ========================================================================== Base styles: opinionated defaults ========================================================================== */ html, button, input, select, textarea { color: #222; background:#fff; } body { font-size: 1em; line-height: 1.4; text-rendering:optimizeLegibility; font-family: "Helvetica Neue", Helvetica, "Segoe UI", Arial, sans-serif; } /* * Remove text-shadow in selection highlight: h5bp.com/i * These selection rule sets have to be separate. * Customize the background color to match your design. */ ::-moz-selection { background: #cadfec; text-shadow: none; } ::selection { background: #cadfec; text-shadow: none; } /* * A better looking default horizontal rule */ hr { display: block; height: 1px; border: 0; border-top: 1px solid #ccc; margin: 2em 0; padding: 0; } /* * Remove the gap between images and the bottom of their containers: h5bp.com/i/440 */ img { vertical-align: middle; } /* * Remove default fieldset styles. */ fieldset { border: 0; margin: 0; padding: 0; } /* * Allow only vertical resizing of textareas. */ textarea { resize: vertical; } h1, h2, h3 { line-height: 1.2em; } h1 { color:#222; } h1 a:link, h1 a:visited { color:#007AC2; } h1 a:hover, h1 a:active, h1 a:focus { color: #076099; } h2 { color:#222; } h2 a:link, h2 a:visited { color:#007AC2; } h2 a:hover, h2 a:active, h2 a:focus { color: #076099; } h3 { color: #4d4d4f; font-weight: 500; font-size: 20pt; margin:1em 0 .25em; } a:link h3, a:visited h3, h3 a:link, h3 a:visited { color:#007AC2; } a:hover h3, a:active h3, a:focus h3, h3 a:hover, h3 a:active, h3 a:focus { color: #076099; } h4 { color:#4d4d4f; font-weight:bold; font-style;italic; margin:.5em 0 0; } a:link h4, a:visited h4, h4 a:link, h4 a:visited { color:#007AC2; } a:hover h4, a:active h4, a:focus h4, h4 a:hover, h4 a:active, h4 a:focus { color: #076099; } h3 + h4 { margin-top:.1em; } /* ========================================================================== Chrome Frame prompt ========================================================================== */ .chromeframe { margin: 0.2em 0; background: #ccc; color: #000; padding: 0.2em 0; } /* ========================================================================== Vodeo Wrapper responsive ========================================================================== */ .video-container { position: relative; padding-bottom: 56.25%; padding-top: 30px; height: 0; overflow: hidden; } .video-container iframe, .video-container object, .video-container embed { position: absolute; top: 0; left: 0; width: 100%; height: 100%; } /* ========================================================================== BUTTONS & LINKS ========================================================================== */ .btn, .btn-primary, .button, a#menu-open { height:18px; display:inline-block; color:#fff !important; font-style:italic; font-weight:600; line-height:14px; padding: 7px 30px 2px 11px; box-shadow:0 3px 1px rgba(0, 0, 0, 0.15); border-radius:4px; background:url('../img/cta-arrow-right-white.png') no-repeat 92% 50% #007AC2; /* fallback */ border:1px solid #076099; /* fallback */ text-shadow:none; white-space: nowrap; -webkit-font-smoothing: antialiased; } .btn:hover, .btn-primary:hover, .button:hover, a#menu-open:hover { color:#fff; color:rgba(255,255,255, .9); box-shadow:inset 0 3px 2px 0 rgba(0, 0, 0, 0.15); } .btn:hover, .button:hover, .btn { /* GREY */ background: url('../img/cta-arrow-right-white.png') no-repeat 90% 45% #aaacab; /* Old browsers */ /* IE9 SVG, needs conditional override of 'filter' to 'none' */ background: url('../img/cta-arrow-right-white.png') no-repeat 90% 45%, url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIxMDAlIiB5Mj0iMTAwJSI+CiAgICA8c3RvcCBvZmZzZXQ9IjMwJSIgc3RvcC1jb2xvcj0iI2FhYWNhYiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiM4YjhjOGIiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+); background: url('../img/cta-arrow-right-white.png') no-repeat 90% 45%, -moz-linear-gradient(-45deg, #aaacab 30%, #8b8c8b 100%); /* FF3.6+ */ background: url('../img/cta-arrow-right-white.png') no-repeat 90% 45%, -webkit-gradient(linear, left top, right bottom, color-stop(30%,#aaacab), color-stop(100%,#8b8c8b)); /* Chrome,Safari4+ */ background: url('../img/cta-arrow-right-white.png') no-repeat 90% 45%, -webkit-linear-gradient(-45deg, #aaacab 30%,#8b8c8b 100%); /* Chrome10+,Safari5.1+ */ background: url('../img/cta-arrow-right-white.pngg') no-repeat 90% 45%, -o-linear-gradient(-45deg, #aaacab 30%,#8b8c8b 100%); /* Opera 11.10+ */ background: url('../img/cta-arrow-right-white.png') no-repeat 90% 45%, -ms-linear-gradient(-45deg, #aaacab 30%,#8b8c8b 100%); /* IE10+ */ background: url('../img/cta-arrow-right-white.png') no-repeat 90% 45%, linear-gradient(135deg, #aaacab 30%,#8b8c8b 100%); /* W3C */ border:1px solid #8b8c8b; } .button.primary /* ORANGE */ { border:1px solid #f16d27; background: url('../img/cta-arrow-right-white.png') no-repeat 92% 50% #f69623; /* Old browsers */ /* IE9 SVG, needs conditional override of 'filter' to 'none' */ background: url('../img/cta-arrow-right-white.png') no-repeat 92% 50%, url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIxMDAlIiB5Mj0iMTAwJSI+CiAgICA8c3RvcCBvZmZzZXQ9IjMwJSIgc3RvcC1jb2xvcj0iI2Y2OTYyMyIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNmMTZkMjciIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+); background: url('../img/cta-arrow-right-white.png') no-repeat 92% 50%, -moz-linear-gradient(-45deg, #f69623 30%, #f16d27 100%); /* FF3.6+ */ background: url('../img/cta-arrow-right-white.png') no-repeat 92% 50%, -webkit-gradient(linear, left top, right bottom, color-stop(30%,#f69623), color-stop(100%,#f16d27)); /* Chrome,Safari4+ */ background: url('../img/cta-arrow-right-white.png') no-repeat 92% 50%, -webkit-linear-gradient(-45deg, #f69623 30%,#f16d27 100%); /* Chrome10+,Safari5.1+ */ background: url('../img/cta-arrow-right-white.png') no-repeat 92% 50%, -o-linear-gradient(-45deg, #f69623 30%,#f16d27 100%); /* Opera 11.10+ */ background: url('../img/cta-arrow-right-white.png') no-repeat 92% 50%, -ms-linear-gradient(-45deg, #f69623 30%,#f16d27 100%); /* IE10+ */ background: url('../img/cta-arrow-right-white.png') no-repeat 92% 50%, linear-gradient(135deg, #f69623 30%,#f16d27 100%); /* W3C */ } .btn-primary:hover, .btn-primary, .button.secondary /* DARK BLUE */ { border:1px solid #076099; background: url('../img/cta-arrow-right-white.png') no-repeat 92% 50% #007ac2; /* Old browsers */ /* IE9 SVG, needs conditional override of 'filter' to 'none' */ background: url('../img/cta-arrow-right-white.png') no-repeat 92% 50%, url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIxMDAlIiB5Mj0iMTAwJSI+CiAgICA8c3RvcCBvZmZzZXQ9IjMwJSIgc3RvcC1jb2xvcj0iIzAwN2FjMiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiMwNzYwOTkiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+); background: url('../img/cta-arrow-right-white.png') no-repeat 92% 50%, -moz-linear-gradient(-45deg, #007ac2 30%, #076099 100%); /* FF3.6+ */ background: url('../img/cta-arrow-right-white.png') no-repeat 92% 50%, -webkit-gradient(linear, left top, right bottom, color-stop(30%,#007ac2), color-stop(100%,#076099)); /* Chrome,Safari4+ */ background: url('../img/cta-arrow-right-white.png') no-repeat 92% 50%, -webkit-linear-gradient(-45deg, #007ac2 30%,#076099 100%); /* Chrome10+,Safari5.1+ */ background: url('../img/cta-arrow-right-white.png') no-repeat 92% 50%, -o-linear-gradient(-45deg, #007ac2 30%,#076099 100%); /* Opera 11.10+ */ background: url('../img/cta-arrow-right-white.png') no-repeat 92% 50%, -ms-linear-gradient(-45deg, #007ac2 30%,#076099 100%); /* IE10+ */ background: url('../img/cta-arrow-right-white.png') no-repeat 92% 50%, linear-gradient(135deg, #007ac2 30%,#076099 100%); /* W3C */ } .button.tertiary /* LIGHT BLUE */ { border:1px solid #0b86ca; background: url('../img/cta-arrow-right-white.png') no-repeat 92% 50% #219fd9; /* Old browsers */ /* IE9 SVG, needs conditional override of 'filter' to 'none' */ background: url('../img/cta-arrow-right-white.png') no-repeat 92% 50%, url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIxMDAlIiB5Mj0iMTAwJSI+CiAgICA8c3RvcCBvZmZzZXQ9IjMwJSIgc3RvcC1jb2xvcj0iIzIxOWZkOSIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiMwYjg2Y2EiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+); background: url('../img/cta-arrow-right-white.png') no-repeat 92% 50%, -moz-linear-gradient(-45deg, #219fd9 30%, #0b86ca 100%); /* FF3.6+ */ background: url('../img/cta-arrow-right-white.png') no-repeat 92% 50%, -webkit-gradient(linear, left top, right bottom, color-stop(30%,#219fd9), color-stop(100%,#0b86ca)); /* Chrome,Safari4+ */ background: url('../img/cta-arrow-right-white.png') no-repeat 92% 50%, -webkit-linear-gradient(-45deg, #219fd9 30%,#0b86ca 100%); /* Chrome10+,Safari5.1+ */ background: url('../img/cta-arrow-right-white.png') no-repeat 92% 50%, -o-linear-gradient(-45deg, #219fd9 30%,#0b86ca 100%); /* Opera 11.10+ */ background: url('../img/cta-arrow-right-white.png') no-repeat 92% 50%, -ms-linear-gradient(-45deg, #219fd9 30%,#0b86ca 100%); /* IE10+ */ background: url('../img/cta-arrow-right-white.png') no-repeat 92% 50%, linear-gradient(135deg, #219fd9 30%,#0b86ca 100%); /* W3C */ } a#menu-open /* LIGHT BLUE */ { border:1px solid #0b86ca; background: url('../img/cta-arrow-down.png') no-repeat 10px 50% #219fd9; /* Old browsers */ /* IE9 SVG, needs conditional override of 'filter' to 'none' */ background: url('../img/cta-arrow-down.png') no-repeat 10px 50%, url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIxMDAlIiB5Mj0iMTAwJSI+CiAgICA8c3RvcCBvZmZzZXQ9IjMwJSIgc3RvcC1jb2xvcj0iIzIxOWZkOSIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiMwYjg2Y2EiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+); background: url('../img/cta-arrow-down.png') no-repeat 10px 50%, -moz-linear-gradient(-45deg, #219fd9 30%, #0b86ca 100%); /* FF3.6+ */ background: url('../img/cta-arrow-down.png') no-repeat 10px 50%, -webkit-gradient(linear, left top, right bottom, color-stop(30%,#219fd9), color-stop(100%,#0b86ca)); /* Chrome,Safari4+ */ background: url('../img/cta-arrow-down.png') no-repeat 10px 50%, -webkit-linear-gradient(-45deg, #219fd9 30%,#0b86ca 100%); /* Chrome10+,Safari5.1+ */ background: url('../img/cta-arrow-down.png') no-repeat 10px 50%, -o-linear-gradient(-45deg, #219fd9 30%,#0b86ca 100%); /* Opera 11.10+ */ background: url('../img/cta-arrow-down.png') no-repeat 10px 50%, -ms-linear-gradient(-45deg, #219fd9 30%,#0b86ca 100%); /* IE10+ */ background: url('../img/cta-arrow-down.png') no-repeat 10px 50%, linear-gradient(135deg, #219fd9 30%,#0b86ca 100%); /* W3C */ } .button.tiny { box-shadow: none; font-size: 10px; height: 7px; line-height: 7px; position: relative; top: -19px; right: 38px; padding: 4px 8px; float: right; border-radius: 2px; background-position:50% -9px, 0 0px; } a, a:link { text-decoration:none; color:#007AC2; /*medium blue */ font-weight: bold; } a:hover, a:focus, a:active { text-decoration:none; color:#076099; /* darker blue */ } /* ========================================================================== HEADER ========================================================================== */ .outer { width:100%; clear:both; } .inner { width:1100px; margin:0 auto; position:relative; } .display-none { display: none; } #lang-bar { background: #e8e9e9; /* Old browsers */ / height:35px; font-size:12px; font-family:Helvetica,"Segoe UI", Arial, sans-serif; font-weight:500; font-style:italic; color:#7d8488; display:block; line-height:35px; text-align: right; } #lang-bar .custom, #lang-bar p { display: inline; } #lang-bar img { margin-right:7px; } #lang-bar #location-list { font-size:9px; text-transform:uppercase; font-style:italic; margin-left:7px; vertical-align:top; margin-top:5px; letter-spacing:.15em; padding:.5em .6em; line-height:12px; } #lang-bar .location select { line-height:14px; font-size:11px; padding:0 0 0 8px; margin-left:5px; width:120px; height:20px; background-color: #d9dada; } /*@supports (pointer-events: none) and ((-webkit-appearance: none) or (-moz-appearance: none) or (appearance: none)) { #lang-bar .location select { position: relative; display: inline-block; vertical-align: middle; line-height:14px; font-size:10px; padding:0 0 0 8px; margin-left:5px; width:100px; border: 0; border-radius: 4px; color:#FFF; /* padding:.7em .8em; */ /* background: url('../img/cta-arrow-down.png') no-repeat 90% 45% #aaacab; /* Old browsers */ /* IE9 SVG, needs conditional override of 'filter' to 'none' */ /* background: url('../img/cta-arrow-down.png') no-repeat 90% 45%, url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIxMDAlIiB5Mj0iMTAwJSI+CiAgICA8c3RvcCBvZmZzZXQ9IjMwJSIgc3RvcC1jb2xvcj0iI2FhYWNhYiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiM4YjhjOGIiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+); background: url('../img/cta-arrow-down.png') no-repeat 90% 45%, -moz-linear-gradient(-45deg, #aaacab 30%, #8b8c8b 100%); /* FF3.6+ */ /* background: url('../img/cta-arrow-down.png') no-repeat 90% 45%, -webkit-gradient(linear, left top, right bottom, color-stop(30%,#aaacab), color-stop(100%,#8b8c8b)); /* Chrome,Safari4+ */ /* background: url('../img/cta-arrow-down.png') no-repeat 90% 45%, -webkit-linear-gradient(-45deg, #aaacab 30%,#8b8c8b 100%); /* Chrome10+,Safari5.1+ */ /* background: url('../img/cta-arrow-down.png') no-repeat 90% 45%, -o-linear-gradient(-45deg, #aaacab 30%,#8b8c8b 100%); /* Opera 11.10+ *//* background: url('../img/cta-arrow-down.png') no-repeat 90% 45%, -ms-linear-gradient(-45deg, #aaacab 30%,#8b8c8b 100%); /* IE10+ */ /* background: url('../img/cta-arrow-down.png') no-repeat 90% 45%, linear-gradient(135deg, #aaacab 30%,#8b8c8b 100%); /* W3C */ /* filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#aaacab', endColorstr='#8b8c8b',GradientType=1 ); /* IE6-8 fallback on horizontal gradient */ /* border:1px solid #8b8c8b; -webkit-appearance: none; -moz-appearance: none; appearance: none; } #lang-bar .location::before, #lang-bar .location::after { content: ""; position: absolute; pointer-events: none; } #lang-bar select[disabled] { color: rgba(0,0,0,.3); } #lang-bar .location select[disabled]::after { color: rgba(0,0,0,.1); } #lang-bar select::before { top: .5em; bottom: .5em; background-color: #fff; border-left: 1px solid rgba(0,0,0,.1); } #lang-bar select::after { color: rgba(0,0,0,.9); } /* FF only temp fix */ /* @-moz-document url-prefix() { #lang-bar #location-list { padding-right: .9em } } } */ #top { background: #e8e9e9; /* Old browsers */ height:90px; } #lang-bar label.language-switcher { display: inline; } #top #logo { width:165px; height:100%; margin-right:20px; margin-left: 25px; display:inline-block; } #top #top-menu { display:inline-block; height:100%; } #top #top-menu > ul { margin:0; padding:0; position:absolute; bottom:-20px; right:0; } #top #top-menu > ul > li > ul { display: none; } #top #top-menu > ul > li { float:left; letter-spacing:.025em; padding-top: 10px; padding-bottom:10px; } #top #top-menu > ul > li.item-133, #top #top-menu > ul >li.current + li, #top #top-menu > ul >li.active + li, #top #top-menu > ul >li:hover + li{ /* background-image:none; */ } #top #top-menu > ul > li > a { height:20px; display:block; color:#4d4d4f; font-size:14px; font-weight:bold; margin:10px 12px 12px 13px; -webkit-font-smoothing: antialiased; } #top #top-menu > ul > li.active > a, #top #top-menu > ul > li:hover > a { color:#007AC2; } #top #top-menu > ul > li.active { background:url('../img/nav-down-arrow.png') no-repeat center top; } #top #top-menu .menu-request-info { font-style: italic; background-color: #d9dada; margin: 8px 7px 8px 8px; padding: 2px 5px 2px 5px; } /* Dropdown */ #top #top-menu > ul > li > ul { width: 678px; position: absolute; top: 44px; left: 0; background: #fff; border: 2px solid #CCC; z-index: 1000; border-top: 0; padding: 20px 0 20px 20px; } #top #top-menu > ul > li > ul > li > a{ color:#007AC2; font-size:14px; padding:2px 5px; display:block; line-height:16px; } #top #top-menu > ul > li > ul > li > a:hover, #top #top-menu > ul > li > ul > li > a:active{ color:#076099; background:#EDF8FF; font-weight:bold; } #top #top-menu > ul > li > ul > li > a{ font-weight:bold; } #top #top-menu > ul > li > ul > li > ul { margin:0; padding:0; } /* all the links for here and deeper*/ #top #top-menu > ul > li > ul > li > ul > li a{ color:#222; font-size:12px; padding:2px 5px; display:block; line-height:16px; } #top #top-menu > ul > li > ul > li > ul > li > a{ font-weight:bold; } #top #top-menu > ul > li > ul > li > ul > li > a:hover, #top #top-menu > ul > li > ul > li > ul > li > a:active{ color:#076099; background:#EDF8FF; font-weight:bold; } #top #top-menu > ul > li > ul > li > ul > li > ul{ margin-top:0; padding-left:0; margin-bottom:10px; } #top #top-menu > ul > li > ul > li > ul > li > ul > li > a{ padding-left:20px; font-weight: normal; } #top #top-menu > ul > li > ul > li > ul > li > ul > li > a:hover, #top #top-menu > ul > li > ul > li > ul > li > ul > li > a:active{ color:#076099; background:#EDF8FF; } #top #top-menu > ul > li > .tert > li { width:30%; float:left; margin-right:3%; } #top #top-menu > ul > li > .tert > li > ul { margin-bottom:20px; } #top #search { position:absolute; width:210px; height:40px; top:20px; right:-5px; } #top .finder { padding-top:0; } #top #mod-finder-searchword { height:35px; font-size:13px; padding:6px 8px; background: #fff; border:1px solid #d5e0ea; letter-spacing:.025em; font-weight:400; color:#4d4d4f; width:205px; padding:3px 45px 3px 8px; -moz-box-sizing:border-box; -webkit-box-sizing:border-box; box-sizing:border-box; font-style:italic; box-shadow:0 3px 1px 0px rgba(0,0,0,.2); } #top #mod-finder-searchword:focus { color:#444; font-style:normal; } #searchsubmit { background: url('../img/icon-search.png') no-repeat center #219fd9; /* Old browsers */ /* IE9 SVG, needs conditional override of 'filter' to 'none' */ background: url('../img/icon-search.png') no-repeat center, url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIxMDAlIiB5Mj0iMTAwJSI+CiAgICA8c3RvcCBvZmZzZXQ9IjMwJSIgc3RvcC1jb2xvcj0iIzIxOWZkOSIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiMwYjg2Y2EiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+); background: url('../img/icon-search.png') no-repeat center, -moz-linear-gradient(-45deg, #219fd9 30%, #0b86ca 100%); /* FF3.6+ */ background: url('../img/icon-searchn.png') no-repeat center, -webkit-gradient(linear, left top, right bottom, color-stop(30%,#219fd9), color-stop(100%,#0b86ca)); /* Chrome,Safari4+ */ background: url('../img/icon-search.png') no-repeat center, -webkit-linear-gradient(-45deg, #219fd9 30%,#0b86ca 100%); /* Chrome10+,Safari5.1+ */ background: url('../img/icon-search.png') no-repeat center, -o-linear-gradient(-45deg, #219fd9 30%,#0b86ca 100%); /* Opera 11.10+ */ background: url('../img/icon-search.png') no-repeat center, -ms-linear-gradient(-45deg, #219fd9 30%,#0b86ca 100%); /* IE10+ */ background: url('../img/icon-search.png') no-repeat center, linear-gradient(135deg, #219fd9 30%,#0b86ca 100%); /* W3C */ border:1px solid #0b86ca; height:35px; width:35px; color:#f7f4ee; box-shadow:none; border-radius:0 3px 3px 0 !important; padding:3px 8px 3px 8px; -moz-box-sizing:border-box; -webkit-box-sizing:border-box; box-sizing:border-box; position:absolute; right:5px; top:0px; } #searchsubmit:hover { border:1px solid #219fd9; } #color-bar { background:url('../img/color-bar.png') repeat-x center center; height:15px; z-index:20; position:relative; } #top .custom_header-requestinfo { position: absolute; top: 5px; right: 220px; } #top .custom_header-requestinfo a.button { height: 21px; padding-top: 10px; box-shadow: 0 3px 1px 0px rgba(0,0,0,.2); } @media screen and (max-width: 990px) { #top .custom_header-requestinfo { right: 240px; } } @media screen and (max-width: 737px) { #top .custom_header-requestinfo { top: 45px; } #top #search { top:60px; } } @media screen and (max-width: 540px) { #top #search { display: none; } #top .custom_header-requestinfo { right: 20px; } } /* ========================================================================== Sub nav ========================================================================== */ #sub-nav { position:absolute; font-weight:400; min-height:55px; } #sub-nav ul, #sub-nav div { z-index: 20; } #sub-nav .custom p{ margin:0 0 25px; border-bottom: 1px solid #d7d8d6; padding-bottom: 10px; } #sub-nav ul { margin:0; list-style-type:none; width:215px; padding:0 0 0 0; } #sub-nav ul li{ line-height:1.2; padding-top:10px; padding-bottom:10px; overflow:visible; } #sub-nav ul a { color:#4d4d4f; display:inline-block; padding-left: 15px; padding-right:20px; font-size: 12px; font-weight: bold; position:relative; } #sub-nav ul.sec { position:relative; padding-bottom:7px; margin-top: -15px; padding-top: 15px; background: white; box-shadow: inset 0px 15px 12px -16px rgba(0,0,0,1); } #sub-nav ul.sec > li > a { font-weight:bold; line-height:18px; position:relative; } #sub-nav ul.sec > li.first { background:none; } #sub-nav ul.tert {} #sub-nav ul.tert > li, #sub-nav h4, #sub-nav div.k2CategoriesListBlock ul li { font-size:14px; line-height:17px; padding-left:0px; } #sub-nav ul.tert > li.active { font-weight:600; } #sub-nav ul.quat { padding-top:0; } #sub-nav ul.quat > li { padding-left:0px; background:none; padding-top:0; } #sub-nav ul.quat > li.first { padding-top:10px; } #sub-nav ul.quat > li a, #sub-nav div.k2CategoriesListBlock ul li a { font-size:12px; font-weight:normal; color:#4d4d4f; position:relative; } #sub-nav ul.quat > li.active a{ font-weight:bold; color:#313537; position: relative; } #sub-nav ul.sec > li.active > .tert { padding-top: 5px; padding-bottom: 5px; background-color: #fafafa; margin-top: 10px; } #sub-nav ul.sec > li.active > .tert .first.active.parent { padding-top: 5px; } #sub-nav ul.sec > li { border-bottom: 1px solid #d7d8d6; } #sub-nav ul.sec > li.active.parent { padding-bottom: 0px; padding-left: 0px; background:none; } #sub-nav ul.sec > li.active > a { color: #007AC2; position:relative; } #sub-nav ul.sec > li.active > .tert > li { padding-top: 5px; padding-bottom: 5px; } #sub-nav ul.sec > li.active > .tert > li.active { background:none; } #sub-nav ul.sec > li.active > .tert > li.active > a { color: #007AC2; position: relative; } #sub-nav ul.sec li.parent { background: url('../img/plus-expand.png') no-repeat; background-position: 10px 50%; } #sub-nav ul.sec li, #sub-nav ul.sec > li.active.parent.deeper > a { padding-left: 12px; } #sub-nav ul.sec > li.active.parent.deeper > a { padding-left: 27px; } #sub-nav a.sidebar-request-info { color: #4d4d4f; display: inline-block; margin-left: 26px; padding-right: 20px; font-size: 12px; font-weight: bold; } #sub-nav a.sidebar-request-info:hover { color: #007AC2; } #sub-nav .current > a:before { /* background: url('../img/nav-right-arrow.png') no-repeat left center; */ content: url('../img/nav-right-arrow.png'); position: absolute; left: -7px; top:0; bottom:0; margin:auto; width:18px; height:14px; } #sub-nav .quat .current > a:before { left: -19px; } #sub-nav ul.sec > li.current.deeper > a:before { left:5px; } #sub-nav ul a:hover { color: #007AC2 !important; } /* ========================================================================== Breadcrumbs ========================================================================== */ .breadcrumbs { margin: 0 ; padding-top:20px; font-size:12px; color:#97A2A7; line-height:16px; } .breadcrumbs a:visited, .breadcrumbs a, .breadcrumbs a:link { color:#007AC2; } .breadcrumbs a.pathway { font-weight:400; } /* ========================================================================== Page ========================================================================== */ #page.outer { min-height: 100px; } #page .inner #content { background:#fff; border-top:none; border-bottom:none; margin-left:215px; display:block; position:relative; min-height:600px; padding: 0 30px; font-size:.9em; line-height:1.5em; color:#4d4d4f; z-index: 30; } #emagazine #page .inner #content { padding: 0; } #emagazine #page .inner #content #above-content { padding: 0 30px; position: absolute; } #page .inner .item-page { padding-right:20px; } #page .inner .item-page > h2 { margin-top:0; padding-top:20px; } #page .inner .item-page .bio-photo { float:left; display:inline-block; margin:0 20px 0px 0; } #page .inner .item-page .bio-photo + h3 { margin-top:0; } #page .inner .item-page h3 + .bio-photo { margin-top:20px; } #page .inner .item-page p + .bio-photo { margin-top:20px; } #page .inner .item-page p + .bio-photo + h3{ margin-top:30px; } .contact-country-title { margin: 20px 0; } #content .green-text { color: #85a33a; } #content .blue-text { color: #007AC2; } #content.product > header { /*table-layout: fixed; display:table;*/ overflow: hidden; width:100%; } #content.product #product-image { padding: 20px 1% 5px 0; display:table-cell; vertical-align:middle; width:42%; } #content.product #product-image img { margin:0 auto; max-width:95%; } #content.product #product-information { width:50%; padding: 20px 1% 20px 1%; display:table-cell; } #content.product .inserts #product-information { padding: 5px 1% 5px 1%; } #content.product .inserts #product-information #product-title h1, #content.product .inserts #product-information #product-title h1 p{ margin-bottom:0; } #content .inserts .items_list { margin-top:30px; } #content.product #product-information #breadcrumb { font-size:12px; font-weight:600; color:#9fa9ac; padding-bottom:.8em; border-bottom:1px solid #ddd; line-height:15px; } #content.product #product-information #breadcrumb a { color:#9fa9ac; white-space:nowrap; } #content.product #product-information #product-title h1 { font-size:28px; color:#313537; margin:0.5em 0 0.5em; } #content.product #product-information #product-summary h2 { font-size:15px; font-weight:400; font-style:normal; color:#4d4d4f; } #content.product #product-information #product-summary h2 i, #content.product #product-information #product-summary h2 em { font-style:normal; font-weight:bold; } #content.product #product-information #product-summary { padding-bottom:0.6em; padding-left:1px; } #content.product a.button.primary { background:url("../img/order-button.png") no-repeat left center; color: #007AC2 !important; border: none; box-shadow: none; padding-left: 28px; font-style: normal; } #content.product a.button.primary:hover { text-decoration: underline; } #content.product #product-information #products-related { margin-top:1px; color:#4d4d4f; font-size:14px; font-weight:400; } #content.product #product-information #products-related p { font-weight:500; margin-bottom:0; margin-top:0.5em; } #content.product #product-information #products-related p:nth-of-type(2) { margin-top:1.1em; } #content.product #product-information #products-related a { font-size:12px; font-weight:bold; white-space:nowrap; } #content.product #product-information #products-related a:hover { text-decoration: underline; color: #007AC2; } #content.product #product-detail { padding:0; } /* TABS */ #content ul#tabs { margin: 40px 0 0 0; padding:0; list-style-type:none; width:100%; border:none; } #content.product #product-detail #product-page-tabs > ul, #content.product #product-detail #product-page-tab-content > ul { margin:0; padding:0; list-style-type:none; width:100%; border:none; } #content.product #product-detail #product-page-tabs li, #content ul#tabs li { display:inline-block; float:left; width:19.5%; } #content.product #product-detail #product-page-tabs li, #content.product #tabs.nav-tabs li { background: url('../img/nav-down-arrow-gray.png') no-repeat center top; } #content.product #product-detail #product-page-tabs li.active, #content.product #tabs.nav-tabs li.active { background: url('../img/nav-down-arrow.png') no-repeat center top; } .nav-tabs>.active>a, .nav-tabs>.active>a:hover, .nav-tabs>.active>a:focus { background:none; } #content.product #product-detail #product-page-tabs a, #content ul#tabs li > a { border:none; text-align:center; line-height:37px; color:#4d4d4f; font-size:12px; display:block; width:100%; height:34px; font-weight:600; padding:0; padding-top: 12px; border-bottom-style: solid; border-bottom-width: 10px; border-bottom-color: #d7d8d6; -webkit-font-smoothing: antialiased; } #product-page-tabs .nav-tabs>li>a { border: none; border-radius: 0; -webkit-border-radius: 0; } #product-page-tabs .nav-tabs>.active>a:focus { border: none; } #product-page-tabs .nav-tabs>.active>a, .nav-tabs>.active>a:hover, .nav-tabs>.active>a:focus { border: none; background:none; } #content.product #product-detail #product-page-tabs { width: 100%; } #content.product #product-detail #product-page-tabs a:hover #content.product #product-detail #product-page-tabs a:focus, #content ul#tabs li > a:hover, #content ul#tabs li > a:focus { color: #007AC2 !important; background: none; cursor:pointer; -webkit-font-smoothing: antialiased; } #content.product #product-detail #product-page-tabs .active a, #content.product #product-detail #product-page-tabs .active a:hover, #content ul#tabs li.active > a, #content ul#tabs li.active > a:hover { -webkit-font-smoothing: antialiased; font-weight:bold; font-style:normal; color:#007AC2; position: relative; filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#219fd9', endColorstr='#0b86ca',GradientType=1 ); /* IE6-8 fallback on horizontal gradient */ border-bottom-color: #007AC2; border-bottom-width: 10px; border-bottom-style: solid; } #content.product #product-detail #product-page-tab-content, #content #product-page-tab-content { color:#4d4d4f; padding:0 10px 10px 0px; } #content.product #product-detail #product-page-tab-content .tab-content > li, #content #product-page-tab-content .tab-content > li { margin-top:30px; margin-left: 1em; margin-right: 1em; } #content #product-page-tab-content .tab-content #orderinginfo { margin-top: 10px !important; } #content.product #product-detail #product-page-tab-content #endorsement, #content #product-page-tab-content #endorsement { padding-bottom:5px; } #content #product-page-tab-content #endorsement h4 { font-size: 20pt; } #content.product #product-detail #product-page-tab-content .accordion-toggle { /* Disable cursor pointer for bootstrap accordion toggle */ cursor: auto; } /* END TABS */ #content blockquote { /* background:url('../img/quote-right.png') no-repeat top left; */ margin:45px 0 0; line-height:27px; border:none; padding-left: 0px; font-weight: 600; font-size: 16pt; font-style: normal; color: #4d4d4f; position: relative; } #content #endorsement blockquote { margin-top:40px; } #content blockquote:before { content:"“”"; font-size: 200%; color: #007AC2; position: absolute; top:-20px; } #content blockquote b, #content blockquote strong { color:#2AB3E0; } #content blockquote + p { margin-left:0px; } #content blockquote + p .author { color:#313537; font-weight:400; margin-bottom: 6px; } #content blockquote + p .position, #content blockquote + p .author + span { font-size:14px; font-weight:400; font-style:italic; margin-left:10px; line-height:17px; } #content blockquote + p + p{ margin-top:25px; } #content blockquote + p + blockquote { margin-top: 55px; } #content.product #product-detail #product-page-tab-content .overview-accordian { border-top:1px solid #ddd; margin-top:1px; } #content.product #product-detail #product-page-tab-content .accordian-title { position:relative; width:100%; height:60px; display:block; border-bottom:1px solid #ddd; cursor:pointer; } #content.product #product-detail #product-page-tab-content .accordian-title h3 { margin-top:1.2em; font-weight:normal; font-size:22px; display:inline-block; } #content.product #product-detail #product-page-tab-content .accordian-title span { text-align:right; right:0; bottom:8px; position:absolute; padding-right:20px; font-size:13px; text-transform:uppercase; color:#2AB3E0; font-weight:bold; height:16px; line-height:18px; } #content.product #product-detail #product-page-tab-content .accordian-title span:hover { color:#007AC2; } #content.product #product-detail #product-page-tab-content .accordian-title span.collapse { background:url('../img/icon-up.png') no-repeat right center; } #content.product #product-detail #product-page-tab-content .accordian-title span.expand { background:url('../img/icon-down.png') no-repeat right center; } #content.product #product-detail #product-page-tab-content .accordian-title.open span.expand { display:none; } #content.product #product-detail #product-page-tab-content .accordian-title.closed span.collapse { display:none; } #content.product #product-detail #product-page-tab-content{ font-size:1em; line-height:1.5em; font-weight:400; } #content.product #product-detail #product-page-tab-content sup { color: #949598; font-size: 8pt; display: inline-block; line-height: 1.4; } #content.product #product-detail #product-page-tab-content sup + sup { margin-top: 5px; } #content.product #product-detail #product-page-tab-content #content.product #product-detail h4 { font-size:1em; color:#313537; margin-bottom:.2em; } #content.product #product-detail h4 + ul{ margin-top:5px; margin-bottom: 25px; } #product-page-tab-content ul ul, #page .inner .item-page ul { margin:5px 0 25px; padding:0; } #product-page-tab-content ul ul li, #page .inner .item-page ul li { list-style-type:none; list-style: none; margin-bottom:3px; padding-left: 16px; position: relative; } #content ul li:not([data-index]):before{ content: "•"; display: block; float: left; width: .9em; font-size: 130%; color: #007AC2; position: absolute; left: 0px; } #product-page-tab-content #product_impact strong { color: #81b84d; } #product-page-tab-content ul ul#product-libraries-list li { background: none; padding-left: 0; margin-bottom: 6px; } #product-page-tab-content ul ul.files li, #page .inner .item-page ul.files li { background: none; padding-left: 0; } #product-page-tab-content ul ul ul li, #page .inner .item-page ul ul li { background:none; padding-left: 0px; margin-left: 50px; margin-bottom:3px; list-style-type:none; list-style: none; } #product-page-tab-content ul .accordion-inner ul ul li:before { content: "–"; display: block; float: left; width: 1em; font-size: 100%; color: #007AC2; position: absolute; left: -15px; } #product-page-tab-content ul ul ul ul li, #page .inner .item-page ul ul ul li{ background:url('../img/cta-arrow-right-black.png') no-repeat left 5px; padding-left:15px; margin-left:45px; list-style-type:none; margin-bottom:3px; } #page .inner .item-page ul#tabs, #page .inner .item-page ul.tab-content, #page .inner .item-page ul#tabs li, #page .inner .item-page ul.tab-content li { margin: 0; padding: 0; } #product-page-tab-content ul ul li.product-orderinginfo-item { background: none; padding-left: 10px; margin-left: 0px; padding-top: 18px; } #product-page-tab-content ul ul li.product-orderinginfo-item:before { content:none; } #product-page-tab-content ul ul li.product-orderinginfo-item + .product-orderinginfo-item { border-top: 1px solid #ddd; } #product-page-tab-content ul ul li.product-orderinginfo-item span { margin:0 .25em 0 0; display:inline; float: initial; } .phocadownloadfile32 { padding-top: 0; padding-bottom: 0; padding-left: 0; background: none; } #product-page-tab-content ul ul#product-libraries-list li a, .phocadownloadfile32 a { display: block; min-height: 19px; background-image: url('../img/download-btn.png'); background-repeat: no-repeat; background-position: 0 0; padding-left: 30px; font-weight: normal; } #product-page-tab-content ul ul#product-libraries-list li a:hover { text-decoration: underline; color: #007AC2; } .product-orderinginfo-details p { margin:0 0 1.2em; } .product-orderinginfo-item { } .product-orderinginfo-details { font-size:1em; line-height:1.4em; color: #4d4d4f; } .product-orderinginfo-catnum { float:right; width:200px; text-align: left; margin-right: 40px; font-size: 13px; } #product-page-tab-content #product-orderinginfo-items .catnum-div { font-weight: 600; color: #007AC2; } #product-page-tab-content ul ul li.product-videos-video { background:none; padding-left:0; margin-left:0; } #product-page-tab-content ul ul li.product-videos-video + .product-videos-video { border-top: 1px solid #aaabac; padding-top: 20px; } .product-videos-title { font-size: 1.4em; color: #313537; font-weight:bold; margin-bottom: 10px; } /* http://css-tricks.com/NetMag/FluidWidthVideo/Article-FluidWidthVideo.php */ .nav-tabs > li > a { outline: none; } .videos-embed { position: relative; padding-bottom: 25px; width: 75%; } .product-videos-desc p{ font-style:italic; margin-top:.5em; } #product-page-tab-content ul ul li.product-faqs-item { background:none; padding-left:0; margin-left:10px; padding-bottom:5px; margin-bottom:25px; } .product-faqs-question { font-size: 1.4em; color: #313537; font-weight:bold; margin-bottom: 10px; } .product-faqs-answer { } #product-page-tab-content .product-faqs-answer .phone-number { background: url(../img/call-btn.png) no-repeat left center; color: #007AC2 !important; font-style: normal; font-weight: bold; padding: 7px 0px 4px 28px; display: inline-block; } #content .inserts #product-title { font-weight:bold; width:50%; display:inline-block; float: left; } #content .inserts .document-number, #content .inserts .insert-description { width:25%; display:inline-block; float: left; } #content .inserts .insert-description p { margin: 0; } #content.product #product-information { width: 100%; } #content.product li.insert #product-information { display: block; } #content .inserts #product-summary { padding-top:10px; } /* ========================================================================== Press Releases ========================================================================== */ .blog h3 { font-weight:bold; font-size:1.21em; } .blog .readmore { font-weight:bold; font-style:italic; font-size:.8em; margin:0 0 1.5em; } .blog .items-leading, .blog .items-row { border-bottom: 1px solid #DDDDDD; margin-bottom:10px; } /* ========================================================================== List Pages ========================================================================== */ #content .item-page h2 + p { font-size:18px; line-height:1.5em; } .contact-row, #content ol[type="1"] li { font-size:12px; line-height:16px; margin-bottom:5px; } #content .items_list { list-style-type:none; padding-left:0; } .contact-row, #content .items_list > li + li { border-top:1px solid #DDDDDD; } #content .items_list #product-image { width:3%; max-width:inherit; min-width:110px; } #content .items_list #product-information #product-summary { border-bottom:none; padding-right:30px; overflow: hidden; } #content .items_list #product-information #product-summary h2 { margin-bottom:1em; } .contact-row { padding:1em 0 1.5em; } .contact-row .item-title { font-size:18px; line-height:22px; font-weight:bold; margin:0 0 .3em ; } .contact-contactinfo p { margin:0 0 .3em; } .contact-row { overflow: hidden; } .contact-row .contact-info { width: 230px; float: left; margin-right: 12px; } .contact-row .address-info { width: 230px; float: left; } .contact-row .item-phone, .contact-row .item-email { margin: 0.3em 0 0.3em 0; } .contact-row .item-phone .label, .contact-row .item-email .label { margin: 0 0.3em 0 0; } /* ========================================================================== HOMEPAGE ========================================================================== */ #homepage-slider { background-color: #000000; position:relative; overflow:hidden; -webkit-font-smoothing: antialiased; } #homepage-slider .item > p { margin: 0; } #homepage-slider .inner { width: 1344px; max-width: 100%; } #homepage-slider .slide { display:none; } #homepage-slider .slide.on { display:block } #homepage-slider .slide-controller { position:absolute; right:-35px; top:10px; } #homepage-slider .slide-controller .slide-tag{ color:#f7941d; font-style:italic; font-weight:400; font-size:14px; display:block; width:25px; height:25px; text-align:right; line-height:25px; padding-right:10px; margin-bottom:3px; cursor:pointer; background: rgb(222,222,223); /* Old browsers */ /* IE9 SVG, needs conditional override of 'filter' to 'none' */ background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIxMDAlIiB5Mj0iMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2RlZGVkZiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjY1JSIgc3RvcC1jb2xvcj0iI2ZmZmZmZiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgPC9saW5lYXJHcmFkaWVudD4KICA8cmVjdCB4PSIwIiB5PSIwIiB3aWR0aD0iMSIgaGVpZ2h0PSIxIiBmaWxsPSJ1cmwoI2dyYWQtdWNnZy1nZW5lcmF0ZWQpIiAvPgo8L3N2Zz4=); background: -moz-linear-gradient(left, rgba(222,222,223,1) 0%, rgba(255,255,255,1) 65%); /* FF3.6+ */ background: -webkit-gradient(linear, left top, right top, color-stop(0%,rgba(222,222,223,1)), color-stop(65%,rgba(255,255,255,1))); /* Chrome,Safari4+ */ background: -webkit-linear-gradient(left, rgba(222,222,223,1) 0%,rgba(255,255,255,1) 65%); /* Chrome10+,Safari5.1+ */ background: -o-linear-gradient(left, rgba(222,222,223,1) 0%,rgba(255,255,255,1) 65%); /* Opera 11.10+ */ background: -ms-linear-gradient(left, rgba(222,222,223,1) 0%,rgba(255,255,255,1) 65%); /* IE10+ */ background: linear-gradient(to right, rgba(222,222,223,1) 0%,rgba(255,255,255,1) 65%); /* W3C */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#dededf', endColorstr='#ffffff',GradientType=1 ); /* IE6-8 */ } #homepage-slider .slide-controller .slide-tag.active, #homepage-slider .slide-controller .slide-tag:hover { background:#f7941d; color:#fff; width:30px; margin-left:-5px; box-shadow:0 3px 1px rgba(0, 0, 0, 0.2); filter:none; } #homepage-slider .carousel-content, #homepage-slider .carousel-text { background-image: none; } #homepage-slider .carousel-content * { color: #fff; text-shadow: none; } #homepage-slider .carousel-content p { font-size: 0.9em; } #homepage-content #content { width: auto; margin-left: 20px; margin-right: 20px; } #homepage-content #content .homepage-section .flex-grid { text-align: center; } #homepage-content .homepage-banner { background-color: #e8eaea; text-align: center; position: relative; } #homepage-content .homepage-banner img { width: 1344px; max-width: 100%; } #homepage-content .homepage-banner .banner-content { position: absolute; top:0px; width:100%; padding-top: 25px; padding-bottom: 25px; } #homepage-content .homepage-banner .banner-content .banner-text h2 { font-weight: 500; color: #4d4d4f; margin:0; } #homepage-content .homepage-banner .banner-content .banner-text h2 span { color: #007AC2; margin-bottom: 15px; } #homepage-content .homepage-banner .button { margin-top: 10px; background: url(../img/order-button.png) no-repeat left center; color: #007AC2 !important; border: none; box-shadow: none; padding-left: 28px; font-style: normal; } #homepage-content .homepage-banner .button:hover { text-decoration: underline; } #homepage-product-catalog { height:270px; width:700px; position:relative; background: #fff url('../img/carousel-bg.png') no-repeat left top; } #homepage-product-catalog ul#product-carousel { width:220px; height:130px; padding: 0; margin: 0; list-style-type:none; top:55px; left:55px; float:left; } #homepage-product-catalog ul#product-carousel li { height: 160px; width: 100px; cursor: pointer; /*background:rgba(255,0,0, 0.1);*/ } #homepage-product-catalog ul#product-carousel li img { width:100%; position:absolute; bottom:10%; } ul#product-carousel .roundabout-in-focus { cursor: auto; } #carousel-controller { width:340px; position:absolute; top: 38%; z-index:500; } #carousel-controller .next { position:absolute; right:10px; cursor: pointer; } #carousel-controller .prev { position:absolute; left:10px; cursor: pointer; } #homepage-product-catalog #product-information { list-style-type:none; padding:0; width:350px; margin:0 0 0 350px; padding:20px 0; } #homepage-product-catalog #product-information li { display: none; } #homepage-product-catalog #product-information h3 { margin-bottom:0; font-weight:bold; } #homepage-product-catalog #product-information h3 a { color:#222; font-size:26px; margin-bottom:0; } #homepage-product-catalog #product-information h4 { margin:0 0 10px; font-weight:500; } #homepage-product-catalog #product-information h4 a { color:#9fa9ac; font-size:12px; margin:0 0 10px; } #homepage-product-catalog #product-information p { font-style:italic; font-size:14px; color:#4d4d4f; font-weight:400; margin:25px 0; } #homepage-sidebar { width:220px; float:left; padding-left:30px; background: #fff url('../img/homepage-sidebar-bg.png') no-repeat top left; } #homepage-sidebar p { font-style:italic; font-size:14px; color:#4d4d4f; font-weight:400; margin: 0 0 10px; line-height:1.4em; } #homepage-sidebar h5 { margin:15px 0 5px; } #homepage-sidebar h2 { color:#4d4d4f; font-size:18px; font-weight:bold; margin-bottom:10px; -webkit-font-smoothing: antialiased; } #homepage-sidebar .social-update { border-top:1px solid #d5e0ea; padding-top:10px; margin:0 0 30px; } .homepage-section { width:100%; font-size:16px; margin-top: 20px; margin-bottom: 20px; } .homepage-section p{ margin:0 0 15px; -webkit-font-smoothing: antialiased; } .homepage-section p span{ -webkit-font-smoothing: auto; } .homepage-section + .homepage-section { border-top: 1px solid #d4dee4; } .homepage-section h5 { margin:15px 0 5px; } .homepage-section .hp-section-title { position: relative; text-align: center; color:#4d4d4f; font-size:25px; font-weight:bold; margin-bottom:0px; padding-bottom:0px; -webkit-font-smoothing: antialiased; } .homepage-section .hp-section-subtitle { text-align: center; margin-bottom:0px; font-weight: 400; } .homepage-section .hp-section-subtitle a { font-weight: 400; } .homepage-section .hp-section-body { margin-top: 15px; margin-bottom: 15px; } .homepage-section .hp-section-footer { margin-top:5px; font-size: 12px; } .homepage-section h2 .section-more { position: absolute; right: 6px; top: -2px; } .homepage-section h3, #homepage-sidebar h4 { font-size:15px; margin:0 0 4px; font-weight:600; line-height: 20px; } .homepage-section h4 { font-size:14px; font-weight:400; line-height:1.4em; } .homepage-section h6 { font-size: 13px; margin: 0; font-weight: 400; } #announcement img { float:left; margin-right:20px; } /* ========================================================================== Search page ========================================================================== */ .finder { padding-top:10px; } .finder label[for="q"] { font-size:1.5em; display:inline-block; margin-right:10px; } .finder #finder-search fieldset{ margin-bottom:10px; } .finder #advanced-search-toggle { float:right; position:relative; top:-40px; font-size:.9em; font-style:italic; } .finder #advanced-search { background:#efefef; padding: 15px 30px; margin: 0px -30px 0px -30px; border-top: 1px solid #e5e5e5; } .finder #advanced-search li label, .finder .advanced-search-tip p { margin:0 0 .5em; font-size:.9em; } .finder #finder-filter-select-list { padding-left:0; margin-bottom:0; } .finder #finder-filter-window { margin:0; } .finder .filter-branch { list-style-type:none; } .finder .filter-branch label { display: inline-block; width: 150px; font-weight:bold; } .finder #search-query-explained { padding: 10px 0; border-top: 1px solid #e5e5e5; margin: 0 -30px 10px; padding: 20px 30px 10px; font-size:1.3em; } .finder .search-results { margin-left:20px; } .finder .result-title { font-size:1.1em; list-style:decimal outside none; display:list-item; } .finder .result-text { font-size:.9em; line-height:1.35em; margin:5px 0 5px; } .finder .result-url { font-size:.85em; font-style:italic; margin:0 0 20px; line-height:1.2em; color:#97A2A7; } /* ========================================================================== Footer ========================================================================== */ #page-footer {} #page-footer #cityscapes { /* background:url('../img/footer-skyline.png') repeat-x center bottom; height:85px; border-bottom:1px solid #fff; */ } #page-footer.outer { padding-left: 10%; padding-right: 10%; width: auto; } #page-footer.inner { width: 1060px; } #page-footer .inner { width: auto; } #page-footer .footer-content { border-top:1px solid #d4dee4; height:48px; font-size:12px; line-height:24px; color:#4d4d4f; } #page-footer .footer-content span { width:50%; display:inline-block; float:left; } #page-footer .footer-content li{ text-align:right; list-style-type:none; float:right; margin-left:10px; } #page-footer .footer-content a { font-weight: normal; } /* OVERRIDES FOR PUBLICATION TOOL STYLE UPDATES */ .k2CategorySelectBlock { padding: 30px 0 0 30px; } .k2CategoriesListBlock ul { max-width: 28%; width: 245px; } div.k2CategorySelectBlock form select { font-size: 11px; height: 20px; line-height: 14px; padding: 0 0 0 8px; } div.k2FeedIcon { padding: 4px 8px; display: inline-block; float: right; position: relative; top: -23px; right: 25px; } div.itemCategory, div.itemAttachmentsBlock, div.itemNavigation { border-bottom: 1px solid #ECECEC; border-top:none; background:none; padding:4px; } div.itemView { border-bottom: 1px solid #ECECEC; } .selector-header { border-bottom: 1px solid #ECECEC; padding-bottom: 30px; background: #fafafa; margin-bottom:10px; } div.catItemHeader h3.catItemTitle { font-family:inherit; margin-bottom:10px; } div.itemHeader h2.itemTitle { font-family:inherit; margin-top:10px; font-weight:bold; } .catItemAuthor, .itemAuthor { color: #999; font-size: 11px; line-height:12px; } span.catItemCategory { color: #999; font-size: 11px; border-left: 1px solid #e5e5e5; margin-left:5px; padding-left:8px; } .itemContainer { border-bottom:1px solid #e5e5e5; padding:0; margin-bottom:10px; } div.catItemIntroText p { margin-top:0; } div.catItemIntroText p:first-child { font-size:130%; line-height:140%; } div.itemIntroText, div.itemBody { padding:0; } div.itemToolbar { padding: 7px 0 0; margin: 0; border: none; background: none; color: #999; } div.itemToolbar ul li, div.itemToolbar ul li a { font-size: 10px; } div.k2CategoriesListBlock { margin-bottom:30px; } div.subCategory { background: transparent; border:none; border-bottom: 1px solid #ddd; margin: 20px 0; padding: 0 0 10px; } div.itemImageBlock { float:left; margin:0 10px 2px 0; padding:0; max-width:50%; } span.itemImage { text-align:left; margin:0; } span.itemImage img { border:none; padding:6px 8px 6px 0; } /* ========================================================================== Helper classes ========================================================================== */ label.invalid { color: #ff0000; } input.invalid { border: 1px solid #ff0000; } /* * Image replacement */ .ir { background-color: transparent; border: 0; overflow: hidden; /* IE 6/7 fallback */ *text-indent: -9999px; } .ir:before { content: ""; display: block; width: 0; height: 150%; } /* * Hide from both screenreaders and browsers: h5bp.com/u */ .hidden { display: none !important; visibility: hidden; } /* * Hide only visually, but have it available for screenreaders: h5bp.com/v */ .visuallyhidden { border: 0; clip: rect(0 0 0 0); height: 1px; margin: -1px; overflow: hidden; padding: 0; position: absolute; width: 1px; } /* * Extends the .visuallyhidden class to allow the element to be focusable * when navigated to via the keyboard: h5bp.com/p */ .visuallyhidden.focusable:active, .visuallyhidden.focusable:focus { clip: auto; height: auto; margin: 0; overflow: visible; position: static; width: auto; } /* * Hide visually and from screenreaders, but maintain layout */ .invisible { visibility: hidden; } /* * Clearfix: contain floats * * For modern browsers * 1. The space content is one way to avoid an Opera bug when the * `contenteditable` attribute is included anywhere else in the document. * Otherwise it causes space to appear at the top and bottom of elements * that receive the `clearfix` class. * 2. The use of `table` rather than `block` is only necessary if using * `:before` to contain the top-margins of child elements. */ .clearfix:before, .clearfix:after { content: " "; /* 1 */ display: table; /* 2 */ } .clearfix:after { clear: both; } /* * For IE 6/7 only * Include this rule to trigger hasLayout and contain floats. */ .clearfix { *zoom: 1; } /* List bullet overrides */ #product-page-tab-content ul ul#product-libraries-list li:before { content: none !important; } #content .items_list li:before { content: none !important; } #content div[class*="pagination"] li:before { content: none !important; } #content form ul li:before { content: none !important; } /* ========================================================================== Print styles. Inlined to avoid required HTTP connection: h5bp.com/r ========================================================================== */ @media print { html { margin-top:40px } * { background: transparent !important; color: #000 !important; /* Black prints faster: h5bp.com/s */ box-shadow: none !important; text-shadow: none !important; } /* bringing back some backgrounds */ #lang-bar { background: #e5e6e7 !important; /* Old browsers */ } #top { background: #f9fafa !important; /* Old browsers */ } #top #top-menu > ul >li:hover + li.active, #top #top-menu > ul >li:hover + li.current, #top #top-menu > ul > li.active { background: #007ac2 !important; /* Old browsers */ } #top #top-menu > ul > li:hover, #top #top-menu > ul > li.active + li:hover { background: #f69623 !important; /* Old browsers */ } #top #top-menu > ul > li.active > a, #top #top-menu > ul > li:hover > a { color:#fff !important; } #top #mod-finder-searchword, #top #top-menu > ul > li > ul { background:#fff !important; } #top #top-menu .menu-request-info { } #searchsubmit { background: url('../img/icon-search.png') no-repeat center #219fd9 !important; /* Old browsers */ } #color-bar { background:url('../img/color-bar.png') repeat-x center center !important; } #sub-nav { background: #f9fafa !important; } #page .inner #content { background: #fff !important; } a, a:visited { text-decoration: none; } a, a:link { text-decoration:none; color:#007AC2 !important; /*medium blue */ } a:visited { text-decoration:none; /* color:#72A8C0 !important; */ color: #007AC2; } a:hover, a:focus, a:active { text-decoration:none; color:#076099 !important; /* darker blue */ } a[href]:after { content: " (" attr(href) ")"; display:none; } .btn, .btn-primary, .button, a.btn, a.btn-primary, a.button, .btn *, .btn-primary *, .button *, a.btn:link, a.btn-primary:link, a.button:link, a#menu-open { color:#fff !important; box-shadow:0 3px 1px rgba(0, 0, 0, 0.15) !important; } .button.primary /* ORANGE */ { background: url('../img/cta-arrow-right-white.png') no-repeat 92% 50% #f69623 !important; /* Old browsers */ } .btn-primary:hover, .btn-primary, .button.secondary /* DARK BLUE */ { background: url('../img/cta-arrow-right-white.png') no-repeat 92% 50% #007ac2 !important; /* Old browsers */ } .button.tertiary /* LIGHT BLUE */ { background: url('../img/cta-arrow-right-white.png') no-repeat 92% 50% #219fd9 !important; /* Old browsers */ } a#menu-open /* LIGHT BLUE */ { background: url('../img/cta-arrow-down.png') no-repeat 10px 50% #219fd9 !important; /* Old browsers */ } .button.tiny { background-position:50% -9px, 0 0px !important; } #content.product #product-detail #product-page-tabs a, #content ul#tabs li > a { color:#4d4d4f !important; background-color:#d7d9d8 !important; } #content.product #product-detail #product-page-tabs a:hover, #content ul#tabs li > a:hover { color:#fff !important; background: #aaacab !important; /* Old browsers */ } #content.product #product-detail #product-page-tabs .active a, #content.product #product-detail #product-page-tabs .active a:hover, #content ul#tabs li.active > a, #content ul#tabs li.active > a:hover { color:#fff !important; background: #219fd9 !important; /* Old browsers */ } #content.product #product-detail #product-page-tab-content, #content #product-page-tab-content { color:#4d4d4f; } #page-footer #cityscapes { background: url('../img/footer-skyline.png') repeat-x center bottom !important; } #page-footer .footer-content { background: #eeefef !important; } #sub-nav ul li{ background:url('../img/subnav-rule.png') no-repeat top right !important; } #sub-nav ul a { color:#007AC2 !important; } #sub-nav ul.sec > li.first { background:none !important; } #sub-nav ul.tert > li a { color:#4d4d4f !important; } #sub-nav ul.tert > li a:hover { color:#313537 !important; } #sub-nav ul.quat > li { background:none !important; } #sub-nav ul.quat > li.first { background:url('../img/subnav-rule.png') no-repeat top right !important; } #sub-nav ul.quat > li a, #sub-nav div.k2CategoriesListBlock ul li a { color:#4d4d4f !important; background:url('../img/cta-arrow-right-grey.png') no-repeat 0px center !important; } #sub-nav ul.quat > li.active a{ color:#313537 !important; background-image:url('../img/cta-arrow-right-black.png') !important; } #sub-nav ul.quat > li a:hover { color:#313537 !important; background-image:url('../img/cta-arrow-right-black.png') !important; } #content blockquote { background: url('../img/quote-right.png') no-repeat top left !important; } span.accordian-toggle { color:#2db9ed !important; background:url('../img/icon-down.png') no-repeat right 45% !important; } span.accordion-toggle.expand { background-image:url('../img/icom-up.png') !important; } .carousel .carousel-content h2, .carousel .carousel-content h2 *, .carousel .carousel-content p, .carousel .carousel-content p * { color: #fff !important; } abbr[title]:after { content: " (" attr(title) ")"; display:none; } /* * Don't show links for images, or javascript/internal links */ .ir a:after, a[href^="javascript:"]:after, a[href^="#"]:after { content: ""; } pre, blockquote { border: 1px solid #999; page-break-inside: avoid; } thead { display: table-header-group; /* h5bp.com/t */ } tr, img { page-break-inside: avoid; } img { max-width: 100% !important; } @page { margin: 0.5cm; } p, h2, h3 { orphans: 3; widows: 3; } h2, h3 { page-break-after: avoid; } } /* FLEX-GRID */ .flex-grid { display: flex; margin: 0 auto; } .col { flex: 1; text-align: center; } .col + .col { margin-left: 20px; }