/* Required to obtain min-width behaviour with IE */ .width {width: 50%; min-width: 990px; background: #FFFFFF;} .content {padding: 0;} /*\*/ /* Ignored by IE Mac*/ * html .minwidth, * html .container {height: 1px;} /**/ * html .container {margin-left: -990px; position: relative;} .width {width: 100%; min-width: 990px;} * html .minwidth {padding-left: 990px;} /*\*/ * html .minwidth, * html .container, * html .content, * html .layout {height: 1px;} /**/ #myContent {position: relative; clear: left; z-index: 100;} #myContent2 {float: left; width: 770px; z-index: 100;} /*************************************************************/ #ebBaseForm_lblError {float: left !important; width: 100% !important;} html {margin: 0; padding: 0;} body {margin: 0; font-family: Arial, Verdana; font-size: 0.75em; background-color: #FFFFFF; color: #000000; min-width: 990px;} /* Main Layout Areas */ #header {width: 100%; height: 8em; background: #FFFFFF url('/images/backgrounds/clouds.png') no-repeat;} #logo {position: absolute; top: 10px; left: 10px; width: 180px;} #identity {position: relative; width: auto; margin: 0 230px 0 190px; padding: 0;} #associate-list {text-align: center; margin: 5px 0 0 0;} #search {position: absolute; top: 10px; right: 5px; width: 220px;} #print-contact-details {display: none;} #menu {float: right; margin-top: 1.1em; right: 0; background: url('/images/menu/menu-left.gif') no-repeat top left; z-index: 1;} #menu #udm {width: auto !important; padding: 1px 10px 0 5px;} #menu #udm li {float: left; z-index: 3; list-style-type: none;} #menu #udm li ul {display: none;} #menu #udm li.hide {display: none;} /* #menu {position: absolute; top: 6em; right: 0; z-index: 3;} #menu #udm {width: auto !important; padding: 1px 10px 0 5px; background: url('/images/menu/menu-left.gif') top left no-repeat !important;} #menu #udm li ul {display: none;} #menu #udm li {float: left; list-style-type: none; font-weight: bold;} */ #mainwrap {position: relative; margin: 0; padding: 0;} * html #mainwrap {width: 100%;} #curve-top {float: left; width: 100%; height: 10px; line-height: 10px; background: url('/images/backgrounds/curve-top.png') no-repeat top left;} #curve-left {float: left; width: 21%; height: 17px; line-height: 17px; margin: 0 0 0 -100%; background: url('/images/backgrounds/curve-middle.png') top left no-repeat;} #curve-right {float: left; clear: left; width: 79%; height: 17px; line-height: 17px; margin-left: 21%; background: url('/images/backgrounds/breadcrumb-top.png') top left no-repeat;} #content {float: left; clear: left; width: 78%; min-height: 55em; height:auto !important; height:550px; margin-left: 21%; padding: 0 0 0 1%; background-color: #FFFFFF;} * html #content {display: inline;} * html #content, html #curve-right {display: inline;} #content-container {background-color: #F3F8FE;} #breadcrumb-container {float: left; width: 95%; font-size: 0.9em; margin: 0 0 10px 0; padding: 5px 0 0 0;} #sidebar {float: left; width: 21%; margin: 0 0 0 -100%; padding: 30px 0 20px 0; background: url('/images/backgrounds/curve-base.png') top left no-repeat; font-size: 0.9em;} #footer {float: left; width: 99%; margin: 15px auto 5px auto; padding: 0; font-size: 0.9em; text-align: center; vertical-align: middle;} /* Start IE5, IE5.5, IE6 filter \*/ #content, #sidebar {_padding-bottom: 32767px !important; _margin-bottom: -32767px !important;} /* End IE5, IE5.5, IE6 filter */ .wrapper {float: left; float/**/: none;} /* easy clearing */ .wrapper:after {content: '[DO NOT LEAVE IT IS NOT REAL]'; display: block; height: 0; clear: both; visibility: hidden;} .wrapper {display: inline-block;} /*\*/ .wrapper {display: block;} /* end easy clearing */ /*************************************************************/ /* Site-wide */ .hide {display: none;} .show {display: block;} .clear {clear: both;} .new_line {clear: left;} div.new_line {float: left; width: 100%; margin-top: 5px;} #content h1 {width: 95%; clear: both; font-size: 1.7em; color: #1D4392; margin: 0 0 10px 0;} #content h1.error {color: #FF0000;} #content h2 {color: #1D4392; font-weight: normal; font-size: 1.5em; margin: 10px 0 5px 0;} #content h2.inpage_title {width: 100%; clear: both; font-weight: normal; font-size: 1.5em; margin: 20px 0 5px 0; border-bottom: 1px solid #1D4392;} #content h3 {font-size: 1.2em; margin: 0;} #content h4 {font-size: 1.1em; margin: 0;} #content h5 {font-size: 1em; font-weight: bold; margin: 0;} select {font-size: 0.9em;} input {font-size: 0.9em;} textarea {font-family: Arial;} tr.header {background-color: #1B1475; font-size: 1.2em;} tr.shade {background-color: #EEEEF2;} td.no_shade {background-color: #FFFFFF;} th {color: #FFFFFF; font-weight: bold; padding: 4px 2px 2px 2px;} span.error {color: #FF0000;} p {margin: 0 0 10px 0;} p.error {font-size: 1.2em; font-weight: bold; color: #FF0000;} p.notopmargin {margin-top: 0;} a {color: #0000FF; font-weight: normal;} a:link {color: #0000FF;} a:visited {color: #7727D9;} a:focus {} a:hover {color: #FF0000;} a.nowrap {white-space: nowrap;} a img {border: 0;} a.title-link {color: #FFFFFF; font-weight: bold;} a.title-link:hover {color: #FF0000; font-weight: bold;} #content img, img {float: left; border: 1px solid #CDCDCD;} #content img.no_border, img.no_border {border: 0;} #content img.icon, img.icon {float: left; margin: 0 5px 0 0; border: 0;} #content img.utility, img.utility {float: none; margin: 0 5px 0 0; border: 0;} #content img.flag, img.flag {border: 0;} #content img.pdf, img.pdf {float: left; margin: 0 5px 0 0; border: 0;} #content img.international-small, img.international-small {float: none; border: 0; margin-left: 10px;} #content ul.two-column {float: left; width: 40%; padding: 0 0 0 40px; margin: 0 0 20px 0;} #content ul.two-column li {margin: 0 0 5px 0; list-style-image: url('/images/bullets/square-bullet.gif');} #content ul.page_lists li {margin: 0 0 5px 0; list-style-image: url('/images/bullets/square-bullet.gif');} #content ul.page_lists li .page_lists_children {margin: 5px 0 0 0; padding: 0 0 0 20px;} #content ul.page_lists li .page_lists_children li {list-style-image: url('/images/bullets/diamond-bullet.gif');} acronym {cursor: help; font-weight: bold; border-bottom: 1px dashed #1D4392} #content .back-to-top {float: left; width: 100%; margin: 10px 0 10px 0; padding: 0;} #content .back-to-top a.link {float: right; margin: 0;} #content .back-to-top img {float: right; border: 0; margin: 5px 0 0 10px;} .iframe {float: left; width: 100%; height: 700px;} #content #what_container {float: left; width: 100%; margin: 0; padding: 0;} #content #what_container h2.what_do_i_head {float: left; width: 100%; clear: both; font-weight: normal; font-size: 1.5em; margin: 0 0 5px 0; border-bottom: 1px solid #1D4392;} #content #what_container h2.what_do_i_head2 {float: left; width: 100%; font-weight: normal; font-size: 1.5em; margin: 10px 0 5px 0; border-bottom: 1px solid #1D4392;} #content .call-to-action {float: left; width: 100%; margin: 0;} #content .call-to-action ul {margin-top: 0;} #content .call-to-action ul li {margin: 0 0 5px 0; list-style-image: url('/images/bullets/square-bullet.gif');} #content .contact_us_button {float: left; font-size: 1.2em; height: 2em; margin: 0 0 0 25px;} #content #outer_call {margin: 0 5px 20px 0;} #content #outer_call h2 {float: none !important; width: auto !important; display: block !important; color: #FFFFFF; background-color: #1D4392; margin: 0; padding: 2px 5px; text-align: center;} #content #call_out {padding: 2px; border: 2px solid #1D4392; background: url('/images/backgrounds/box-gradient.jpg') top left repeat-x #F9FDFF;} #content #call_out ul li {margin: 0 0 5px 0; list-style-image: url('/images/bullets/square-bullet.gif');} #content .outer_call {margin: 0 5px 20px 0;} #content .outer_call h2 {display: block !important; color: #FFFFFF; background-color: #1D4392; margin: 0; padding: 2px 5px; text-align: center;} #content .call_out {padding: 2px; border: 2px solid #1D4392; background: url('/images/backgrounds/box-gradient.jpg') top left repeat-x #F9FDFF;} #content .call_out ul li {margin: 0 0 5px 0; list-style-image: url('/images/bullets/square-bullet.gif');} #content .image_link img {border: 1px solid #CDCDCD;} #content .image_link:visited img {border: 1px solid #CDCDCD;} #content .image_link:hover img {border: 1px solid #FF0000;} #content .image_link:hover img {_border: 1px solid #CDCDCD;} #content .image_link_white img {border: 1px solid #FFFFFF;} #content .image_link_white:visited img {border: 1px solid #FFFFFF;} #content .image_link_white:hover img {border: 1px solid #FF0000;} #content .image_link_white:hover img {_border: 1px solid #FFFFFF;} /*************************************************************/ /* Header */ #header p.sitename {font-size: 1.4em; font-weight: bold; color: #1F1576; text-align: center; margin: 0 0 0 0; padding: 10px 0 0 0;} #header img.flag {float: none; border: 0; padding: 0; vertical-align: top; margin: 0 10px 0 0;} #search .searchform {width: 100%; margin: 0; padding: 0;} #search .searchform input {float: right;} #search .searchform input.searchtext {width: 145px; margin: 0 5px 5px 0; font-size: 0.9em; border: 1px solid #CDCDCD;} #search .searchform input.searchbutton {margin-top: -1px; font-size: 0.9em;} #search ul.searchlinks {float: right; margin: 5px 5px 0 0; padding: 0;} #search ul.searchlinks li {float: right; list-style-type: none; font-size: 0.9em; margin: 0 10px 0 0;} #search ul.searchlinks li a {} #menu #udm li.hide {display: none;} #menu #udm {} #menu #udm li {} #menu #udm li.home_tab {} #content #breadcrumb-container {background-color: #FFFFFF;} #content #breadcrumb-container span {float: left; font-weight: bold;} #content #breadcrumbs {margin: 0 0 0 8em; padding: 0;} #content #breadcrumbs li {float: left; list-style-type: none;} #content #breadcrumbs img.arrow {margin: 3px 5px 0 5px; border: 0;} /*************************************************************/ /* Sidebar */ #sidebar .nav-box {float: left; width: 100%; padding: 0;} #sidebar .nav-box h3 {font-size: 1.3em; margin: 0 0 0 5px; color: #FFFFFF;} #sidebar .nav-box h3 a {color: #FFFFFF; font-weight: bold; text-decoration: none;} #sidebar .nav-box h3 a:hover {color: #FFFFFF; text-decoration: underline;} #sidebar .box {float: left; width: 80%; padding: 5px; margin: 10px 5px 20px 5px; background: url('/images/backgrounds/box-gradient.jpg') top left repeat-x #F9FDFF; border: 1px solid #CDCDCD;} #sidebar .box h3 {font-size: 1.3em; margin: 0 0 0 0;} #sidebar .box h4 {font-size: 1.1em; margin: 5px 0 5px 0;} #sidebar .box p {margin: 0 0 10px 0;} #sidebar .box img.advert {float: left; margin: 0 5px 5px 0;} #sidebar .box p.advert-clear {float: left; clear: both;} .secondary-navigation {margin: 0; padding: 0 0 20px 0; line-height: 1.4em; background: #1D4392 url('/images/backgrounds/menu-base-blend.gif') bottom left repeat-x;} .secondary-navigation li {list-style-type: none; margin: 0 0 0 10px; border-top: 1px solid #587AB7;} .secondary-navigation li a, .secondary-navigation li ul li a {font-weight: normal; text-decoration: none; display: block; width: 100%; padding: 3px 0; margin: 0;} .secondary-navigation li a:link, .secondary-navigation li a:visited {color: #FFFFFF;} .secondary-navigation li a:hover, .secondary-navigation li a:active {color: #FFFFFF; background: #1F1576 url('/images/backgrounds/secondary-nav-item-background.png') top left repeat-x;} .secondary-navigation li.selected {font-weight: bold; padding: 0; background: #1F1576 url('/images/backgrounds/secondary-nav-item-background.png') top left repeat-x;} .secondary-navigation li.selected span {display: block; width: 99%; color: #FFFFFF; margin: 0; padding: 3px 0;} .secondary-navigation li img.international-small {float: none; border: 0; margin-left: 10px;} .related {margin: 0; padding: 0;} .related li {width: 100%; list-style-type: none; margin: 0 0 20px 0;} .related li h4 {font-size: 1.2em; font-weight: bold; margin: 0 0 2px 0;} .related li p {margin: 0;} .advert {margin: 0; padding: 0;} .advert img {margin-right: 5px;} .advert li {float: left; width: 100%; clear: left; list-style-type: none; margin: 0 0 20px 0; padding: 0;} .advert li h4 {font-size: 1.1em; font-weight: bold; margin: 0 0 2px 0;} .advert li p {margin: 0 0 5px 0;} #sidebar .image_link img {border: 1px solid #CDCDCD;} #sidebar .image_link:visited img {border: 1px solid #CDCDCD;} #sidebar .image_link:hover img {border: 1px solid #FF0000;} #sidebar .image_link:hover img {_border: 1px solid #CDCDCD;} #sidebar .image_link_white img {border: 1px solid #FFFFFF;} #sidebar .image_link_white:visited img {border: 1px solid #FFFFFF;} #sidebar .image_link_white:hover img {border: 1px solid #FF0000;} #sidebar .image_link_white:hover img {_border: 1px solid #FFFFFF;} /*************************************************************/ /* Footer */ #footer #printer_form {display: inline;} /*************************************************************/ /* Navigation Pages */ #content #section_left_large {float: left; width: 52%; margin: 0 5px 0 0;} #content #section_right_small {float: left; width: 42%; margin: 0 5px 0 0;} #content #section_left_small {float: left; width: 42%; margin: 0;} #content #section_right_large {float: left; width: 52%; margin: 0;} #content #section_left_large p, #section_right_small p, #section_left_small p, #section_right_large p {font-size: 0.9em;} #content .navigation {float: left; width: 100%; margin: 0 0 10px 0;} #content .navigation h2 {background: url('/images/background.gif') bottom left repeat-x;} #content .navigation h2 a {background-color: #FFFFFF; padding: 0 5px 2px 0; margin-top: 2px;} #content .navigation p {float: left; width: auto; margin: 0;} #content .navigation .navigation_noimage {float: left; width: 98%; margin-bottom: 25px;} #content .navigation .navigation_noimage p {margin: 0 0 10px 0;} #content .navigation ul {margin: 0 0 5px 0; padding: 0;} #content .navigation ul li {float: left; list-style-type: none; font-size: 0.9em;} #content .navigation .page_list {margin: 0 0 0 110px;} #content .navigation .page_list p {width: 100%; margin: 5px 0 5px 0;} #content .navigation .page_list p.no-ul {margin: 0 0 5px 0;} #content .navigation .page_list ul {margin: 0 0 5px 0;} #content .navigation .page_list ul.list {float: left;} #content .navigation .page_list ul.list li {float: none; margin: 0 0 5px 15px; list-style-image: url('/images/bullets/square-bullet.gif');} #content .navigation span img {float: left; margin-top: 15px; border: 0;} #content .navigation_news {float: left; width: 100%;} #content .navigation_news h2 {background: url('/images/background.gif') bottom left repeat-x;} #content .navigation_news h2 a {background-color: #FFFFFF; padding: 0 5px 2px 0; margin-top: 2px;} #content .navigation_news p {margin: 0; float: left; width: 100%;} #content .navigation_news .navigation_noimage {float: left; width: 98%; margin-bottom: 25px;} #content .navigation_news .navigation_noimage p {margin: 0 0 10px 0;} #content .navigation_news ul {float: left; width: 100%; margin: 0 0 15px 0; padding: 0;} #content .navigation_news ul li {list-style-type: disc; font-size: 0.9em;} #content .navigation_news .page_list {margin: 0 0 0 110px;} #content .navigation_news .page_list p {margin: 0 0 5px 0;} #content .navigation_news .page_list ul {margin: 0 0 5px 0;} #content .navigation_news .page_list ul.list {float: left;} #content .navigation_news .page_list ul.list li {float: none; margin: 0 0 5px 15px; list-style-image: url('/images/bullets/square-bullet.gif');} #content .navigation_news .page_list ul.list li a {display: block; padding: 0 0 0 5px;} #content .navigation_news span img {float: left; margin-top: 15px; border: 0;} #content .image_link img {border: 1px solid #CDCDCD;} #content .image_link:visited img {border: 1px solid #CDCDCD;} #content .image_link:hover img {border: 1px solid #FF0000;} #content .image_link:hover img {_border: 1px solid #CDCDCD;} #content #browse_products {float: left; width: 100%; margin-bottom: 25px;} #content #browse_products .browse_product_intro {margin: 0 0 0 120px;} /*************************************************************/ /* Product Pages */ #content #product_availability {float: left; clear: left; width: 100%;} #content #product_availability h4 {font-size: 0.9em; font-weight: bold; margin: 10px 0 0 0;} #content #product_availability p {font-size: 0.9em;} #product_header {float: left; width: 100%; margin: 0 0 20px 0;} #product_text {margin-left: 170px;} #product_text li {margin: 0 0 5px 0; list-style-image: url('/images/bullets/square-bullet.gif');} #images {float: left; width: 170px;} #content #what_container #available_content {float: left; width: 100%; margin: 0; padding: 0;} #content #what_container #available_content p {margin: 0 0 5px 0;} #content #not-all-products {float: left; clear: both; width: 98%; text-align: center; padding: 5px; background: #F3F8FE; border: 1px solid #CDCDCD; margin: 0 0 15px 0;} #content #not-all-products img {float: none; vertical-align: middle;} #content #not-all-products p {display: inline; margin: 0;} #content img.product_image {float: left; margin: 0 0 10px 0; width: 150px; height: 150px; border: 1px solid #CDCDCD;} #content span.product_name {float: left; width: 150px; height: 2em; text-align: center; font-size: 0.9em; color: #606060; margin: 0 0 5px 0;} #content .range_table {float: left; clear: left; margin: 0 0 20px 0; padding: 0; width: 100%;} #content .range_table img {border: 1px solid #000000; margin: 0; padding: 0;} #content #tab_head {float: left; width: 100%;} #content #tab_head ul {margin: 0; padding: 0; list-style-type: none;} #content #tab_head li {float: left; background: url('/images/backgrounds/tab_right.png') no-repeat right top; margin: 0 4px 0 0; padding: 0;} #content #tab_head a {display: block; text-decoration: underline; color: #1D4392; font-size: 1.2em; font-weight: bold; background: url('/images/backgrounds/tab_left.png') no-repeat left top; padding: 5px 15px;} #content #tab_head a:hover {color: #FF0000; text-decoration: underline;} #content #tab_head .selected {background-image:url('/images/backgrounds/tab_right_on.png');} #content #tab_head .selected span {display: block; font-size: 1.2em; font-weight: bold; background: url('/images/backgrounds/tab_left_on.png') no-repeat left top; color: #ffffff; padding: 5px 15px;} #content table.range {width: 98%; border: 2px solid #1B1475; margin-bottom: 10px;} #content table.range th {background-color: #1B1475; border: 1px solid #1D4392; margin-bottom: 10px; font-size: 1.5em;} #content table.range th.small {background-color: #1B1475; border: 1px solid #1D4392; margin-bottom: 10px; font-size: 1.2em;} #content table.range th.left {text-align: left;} #content table.range tr.left_head {font-size: 1.2em; font-weight: bold; color: #FFFFFF; background: #1B1475;} #content table.range td.sub_head {font-size: 1.2em; font-weight: bold; color: #FFFFFF; background: #1B1475; border: 0; text-align: left; padding-left: 20px;} #content table.range td {text-align: center;} #content table.range td.left_head {text-align: left; font-size: 1.2em; font-weight: bold;} #content table.range td.left {text-align: left;} #content table.range td.left_column {border: 1px solid #1D4392;} #content table.range td.fill {background-color: #1b1475; border: 0;} #content table.range td.border_right {border: 0; border-right: 1px solid #1D4392;} #content table.range td.border_right_bottom {border: 0; border-right: 1px solid #1D4392; border-bottom: 1px solid #1D4392;} #content table.range td.border_right_bottom_left {border: 0; border-left: 1px solid #1D4392; border-right: 1px solid #1D4392; border-bottom: 1px solid #1D4392;} #content table.range td.border_bottom_only {border: 0; border-bottom: 1px solid #1D4392;} #content table.range td.border_right_bottom_leftalign {border: 0; border-right: 1px solid #1D4392; border-bottom: 1px solid #1D4392; text-align: left;} #content table.range tr.left_head td {border-color: #FFFFFF; border-top: 0; border-bottom: 0;} #content table.range td.white_border_left {border-left: 1px solid #FFFFFF;} #content table.range td.white_border_right {border-right: 1px solid #FFFFFF;} #content .small {font-size: 0.9em;} #content .xsmall {font-size: 0.7em;} #content .literature {float: left; clear: left; width: 100%; margin: 30px 0 0 0; padding: 0;} #content .literature .pdfs {float: left; width: 100%; margin: 0; padding: 2px 0;} #content .literature img.pdf {float: left; width: 15px; height: 14px; margin: 2px 5px 0 0; border: 0; padding: 0;} #content .literature a {float: left;} #content .literature p {margin-top: 0; width: 95%;} #content .literature span.size {float: right;} #content .literature .product_related {width: 100%; margin: 0;} #content .literature .product_related h3 {margin: 0;} #content .literature .product_related h4 {clear: left; width: 100%; margin: 0; font-size: 1em; font-weight: bold;} #content .literature .product_related p {clear: left; margin: 0 0 10px 0;} #content .literature .lit_list {float: left; width: 25%; margin: 0 5px; padding: 0 0 0 20px;} #content .literature .lit_list li {margin: 0 0 5px 0; list-style-image: url('/images/bullets/square-bullet.gif');} /*************************************************************/ /* Services */ #audit_approach {float: left; width: 100%;} #audit_approach ul {margin: 0 0 30px 0; padding: 0;} #audit_approach ul li {float: left; list-style-type: none; width: 17%; margin: 0 10px 0 0;} #audit_approach ul li.large_right_arrow {width: 4em; margin: 0;} #audit_approach ul li.large_right_arrow span {font-size: 4em; font-weight: bold; color: #6AA883;} #audit_approach ul li p {font-size: 0.9em;} h2.sss {float: right; margin: 0; padding: 0; color: #6AA883;} #sss_case_study {float: right; width: 40%; margin: 20px 10px 0 0;} #sss_case_study h3 {display: block !important; font-size: 1.4em; padding: 2px 5px; color: #FFFFFF; background-color: #6AA883; text-align:center;} #sss_case_study_internal {float: left; margin: 0; padding: 5px; border: 2px solid #6AA883; background: url('/images/backgrounds/box-gradient.jpg') top left repeat-x #F9FDFF;} #sss_case_study_internal span.label {float: left; clear: left; width: 100px; font-weight: bold;} #sss_case_study_internal p.value {float: left;} #sss_case_study_internal ul.value {float: left; margin-left: 0; padding-left: 15px;} #sss_case_study_internal ul.value li {margin: 0; list-style-image: url('/images/bullets/square-bullet.gif');} #installation_benefits li {clear: left;} #installation_benefits h3 {float: left; clear: left; margin: 0 5px 0 0;} /*************************************************************/ /* Our Capabilities */ #controls_outer_call {margin: 0 5px 20px 0;} #controls_outer_call h2 {display: block !important; color: #FFFFFF; background-color: #B51284; margin: 0; padding: 2px 5px; text-align: center;} #controls_call_out {padding: 2px; border: 2px solid #B51284; background: url('/images/backgrounds/box-gradient.jpg') top left repeat-x #F9FDFF;} #controls_call_out ul li {margin: 0 0 5px 0; list-style-image: url('/images/bullets/square-bullet.gif');} #specialties_outer_call {margin: 0 5px 20px 0;} #specialties_outer_call h2 {display: block !important; color: #FFFFFF; background-color: #00ADEF; margin: 0; padding: 2px 5px; text-align: center;} #specialties_call_out {padding: 2px; border: 2px solid #00ADEF; background: url('/images/backgrounds/box-gradient.jpg') top left repeat-x #F9FDFF;} #specialties_call_out ul li {margin: 0 0 5px 0; list-style-image: url('/images/bullets/square-bullet.gif');} #heatex_outer_call {margin: 0 5px 20px 0;} #heatex_outer_call h2 {display: block !important; color: #FFFFFF; background-color: #ED1C24; margin: 0; padding: 2px 5px; text-align: center;} #heatex_call_out {padding: 2px; border: 2px solid #ED1C24; background: url('/images/backgrounds/box-gradient.jpg') top left repeat-x #F9FDFF;} #heatex_call_out ul li {margin: 0 0 5px 0; list-style-image: url('/images/bullets/square-bullet.gif');} /*************************************************************/ /* Steam System Services */ #sss_container {float: left; width: 60%;} #sss_container img {border: 0;} #sss_trio_area {float: left; position: relative; width: 100%; height: 350px; margin: 0 0 20px 0;} #sss_trio_area .triangle {position: absolute; top: 0; left: 100px;} #sss_trio_area .audits {position: absolute; top: 40px; left: 35px; text-align: right;} #sss_trio_area .installation {position: absolute; top: 260px; left: 5px; text-align: right;} #sss_trio_area .maintenance {position: absolute; top: 300px; left: 310px;} #sss_trio_area .sss_centre_text {position: absolute; top: 160px; left: 227px; text-align: center;} #sss_trio_area #sss_image1 a {position: absolute; top: 0; left: 133px; border: 1px solid #CDCDCD;} #sss_trio_area #sss_image1 a:visited {position: absolute; top: 0; left: 133px; border: 1px solid #CDCDCD;} #sss_trio_area #sss_image1 a:hover {position: absolute; top: 0; left: 133px; border: 1px solid #FF0000;} #sss_trio_area #sss_image2 a {position: absolute; top: 122px; left: 1px; border: 1px solid #CDCDCD;} #sss_trio_area #sss_image2 a:visited {position: absolute; top: 122px; left: 1px; border: 1px solid #CDCDCD;} #sss_trio_area #sss_image2 a:hover {position: absolute; top: 122px; left: 1px; border: 1px solid #FF0000;} #sss_trio_area #sss_image3 a {position: absolute; top: 160px; left: 208px; border: 1px solid #CDCDCD;} #sss_trio_area #sss_image3 a:visited {position: absolute; top: 160px; left: 208px; border: 1px solid #CDCDCD;} #sss_trio_area #sss_image3 a:hover {position: absolute; top: 160px; left: 208px; border: 1px solid #FF0000;} #sss_brochure {float: right; width: 35%;} /*************************************************************/ /* Applications Overview */ #app_overviewhome_container {float: left; width: 100%; padding: 20px 0; margin: 0;} #content #app_details {float: left; clear: both; width: 100%;} #content #app_image {float: left; width: 100%;} /*************************************************************/ /* Application Guides */ #application_guide {float: left; height: 550px;} #app_table {} #content table.components {float: left; width: 98%; border: 2px solid #1D4392;} #content table.components td {border: 1px solid #CDCDCD; background-color: #FFFFFF; padding-left: 5px;} #content table.components th {border: 1px solid #FFFFFF; border-top: 0; border-bottom: 0; padding-left: 5px;} #content table.components th.no_left_border {border-left: 0;} #content table.components th.no_right_border {border-right: 0;} #content table.components td.center {text-align: center; padding-left: 0;} #content table.components th.center {text-align: center; padding-left: 0;} #content table.table-of-parts-material {float: left; width: 98%; border: 2px solid #1D4392;} #content table.table-of-parts-material td {border: 1px solid #CDCDCD; text-align: center; background-color: #FFFFFF;} #content table.table-of-parts-material th {border: 1px solid #FFFFFF; border-top: 0; border-bottom: 0; text-align: center;} #content table.table-of-parts-material th.no_left_border {border-left: 0;} #content table.table-of-parts-material th.no_right_border {border-right: 0;} #content table.table-of-parts-material td.left {text-align: left; padding-left: 5px;} #content table.table-of-parts-material th.left {text-align: left; padding-left: 5px;} #content table.table-of-parts-reference {float: left; width: 98%; border: 2px solid #1D4392;} #content table.table-of-parts-reference td {border: 1px solid #CDCDCD; background-color: #FFFFFF; padding-left: 5px;} #content table.table-of-parts-reference th {border: 1px solid #FFFFFF; border-top: 0; border-bottom: 0; padding-left: 5px;} #content table.table-of-parts-reference th.no_left_border {border-left: 0;} #content table.table-of-parts-reference th.no_right_border {border-right: 0;} #content table.table-of-parts-reference td.center {text-align: center; padding-left: 0;} #content table.table-of-parts-reference th.center {text-align: center; padding-left: 0;} #content p.app-info {float: left; clear: left; width: 100%;} #content p.range_table_notes {float: left; clear: left; width: 100%;} /*************************************************************/ /* Industries */ #content div.industry-application {float: left; width: 100%; margin: 0 0 30px 0;} #content div.industry-application img {border: 0; margin: 0 20px 20px 0;} #content div.industry-application img.border {border: 1px solid #CDCDCD;} #content div.industry-application ul li {margin: 0 0 5px 0;} #content div.industry-application .images {float: left; width: 470px;} #content div.industry-application .images p {text-align: center;} #content div.industry-product {float: left; width: 100%; margin: 0 0 30px 0;} #content div.industry-product .image {float: left; width: 20%;} #content div.industry-product .description {float: left; width: 70%;} #content div.appheading {float: left; width: 100%; background: url('/images/industries/applications-bar.jpg') top left no-repeat; margin-top: 10px; margin-bottom: 20px;} #content div.appheading h2 {float: left; width: 770px; clear: both; margin: 0 0 0 85px; padding: 0 0 0 0;} #content div.appheading h2 a {color: #636466; font-size: 1em; font-weight: bold; text-decoration: none;} #content div.appheading h2 a:hover {text-decoration: underline;} #content div.appheading .page_list {float: left; clear: both; margin: 10px 0 0 85px; padding: 0 0 0 0; color: #636466; font-size: 0.9em;} #content div#application_links {display: block;} #content div#application_links ul {float: left; width: 90%; margin: 0 0 20px 0; padding: 0;} #content div#application_links ul li {float: left; width: 12%; list-style: none; margin: 0; padding: 0; font-size: 0.9em; text-align: center;} #content div#application_links ul li a {color: #8daccf; font-weight: bold; text-decoration: none;} #content div#application_links ul li a:hover {text-decoration: underline;} #content div.caseheading {float: left; width: 100%; background: url('/images/industries/case-studies-bar.jpg') top left no-repeat; margin-bottom: 20px;} #content div.caseheading h1 {float: left; width: 770px; clear: both; margin: 15px 0 0 85px; padding: 0 0 15px 0; color: #636466;} #content div.caseheading h2 {float: left; width: 770px; clear: both; margin: 0 0 0 85px; padding: 0 0 0 0;} #content div.caseheading h2 a {color: #636466; font-size: 1em; font-weight: bold; text-decoration: none;} #content div.caseheading h2 a:hover {text-decoration: underline;} #content div.caseheading .page_list {float: left; clear: both; margin: 3px 0 0 85px; padding: 0 0 0 0; color: #636466; font-size: 0.9em;} #content div.caselinks {float: left; width: 80%; margin-top: -20px;} #content div#casestudy_links {} #content div#casestudy_links ul {float: left; width: 90%; margin: 0 0 20px 0; padding: 0;} #content div#casestudy_links ul li {float: left; width: 90%; list-style: none; margin: 0 0 10px 0; padding: 0;} #content div#casestudy_links ul li a {float: left; margin-left: 5px; color: #8daccf; font-weight: bold; text-decoration: none;} #content div#casestudy_links ul li.case_pdfs a {float: none;} #content div#casestudy_links ul li a:hover {text-decoration: underline;} #content h1.case-study-head {width: 100%; background: url('/images/industries/case-study-head.jpg') top left no-repeat; height: 57px; padding: 5px 0 0 10px; margin: 0; color: #06064D;} #content h2 {width: 100%;color: #06064D;} /* changed bownd 20110121 */ #content h2.case-study-h2 {width: auto; margin: 0; color: #06064D; padding: 10px 10px;} #content div.case-study-related {float: left; width: 90%; background: url('/images/industries/case-study-related.jpg') top left no-repeat; height: 117px; margin: 10px 0 10px 0; padding: 0 0 0 30px;} #content div.case-study-related div.case-study-related-text {float: left; width: 90%; color: #636466;} #content div.case-study-related div.case-study-related-text h3 {float: left; width: 20%; color: #636466; font-weight: bold; padding-bottom: 10px;} #content div.case-study-related div.case-study-related-text ul {float: left; margin: 0; padding: 0;} #content div.case-study-related div.case-study-related-text ul li {float: left; list-style: none; margin-right: 10px;} #content div.case-study-related div.case-study-related-text ul li a {color: #636466; text-decoration: none;} #content div.case-study-related div.case-study-related-text ul li a:hover {text-decoration: underline;} #content p.case-study-summary-intro {float: left; width: 100%; padding: 0 0 5px 10px; margin: -5px 0 10px 0; background: url('/images/industries/case-background.jpg') top left repeat-y; color: #06064D; font-weight: bold;} #content div.case-bottom {float: left; width: 90%; background: url('/images/industries/case-bottom.jpg') top left no-repeat; height: 28px; text-align: right; margin-top: 10px;} #content div.case-bottom a {font-weight: bold; text-decoration: none;} #content div.case-bottom a:hover {text-decoration: underline;} #content div#food {float: left; width: 45%;} #content div#food li img {float: left; width: 100px; height: 50px; margin-right: 5px;} #content div#food li img.pdf {float: left; width: 15px; height: 15px;} #content div#food li a {float: left; color: #8daccf; font-weight: bold; text-decoration: none; } #content div#beverage {float: right; width: 45%;} #content div#beverage li img {float: left; width: 100px; height: 50px; margin-right: 5px;} #content div#beverage li img.pdf {float: left; width: 15px; height: 15px;} #content div#beverage li a {float: left; color: #8daccf; font-weight: bold; text-decoration: none;} #content div#casestudy_links_FB {max-width:800px;} #content div#casestudy_links_FB ul {float: left; width: 100%; margin: 0 0 20px 0; padding: 0;} #content div#casestudy_links_FB ul.case_pdfs {float: left; width: 90%; margin: 0 0 20px 22px; padding: 0;} #content div#casestudy_links_FB ul li {float: left; list-style: none; margin: 0 0 10px 0; padding: 0;} #content div#casestudy_links_FB ul li a {float: none;} #content div#casestudy_links_FB ul li a:hover {text-decoration: underline;} /*************************************************************/ /* Case Studies */ #article_general {float: right; border: 2px solid #1D4392; width: 30%; padding-bottom: 5px;} #article_general .general_item {float: left; width: 98%; margin: 5px 0 5px 5px;} #article_general .general_item .left_label {float: left; width: auto;} #article_general .general_item .right_text {float: right; width: 70%;} /*************************************************************/ /* Steam Engineering Tutorials / News / Case Studies */ .block-header {float: left; width: 100%; clear: both;} ol.modules {clear: both;} ol.modules p {margin: 0 0 5px 0;} ol.module_lists {padding: 0; margin: 0 0 20px 40px; list-style-type: decimal;} ol.module_lists li {margin: 0 0 5px 0;} ol.two-column {float: left; width: 40%; padding: 0; margin: 0 0 20px 40px; list-style-type: decimal;} ol.two-column li {margin: 0 0 5px 0; padding: 0;} span.subheading {float: left; width: 100%; font-size: 1.2em; font-weight: bold; margin: 5px 0;} span.subheading2 {color: #1D4392; font-size: 12px; font-weight: bold;} #content ul.square {} #content ul.square li {margin: 0 0 5px 20px; list-style-image: url('/images/bullets/square-bullet.gif');} #content ul.decimal {list-style-type: decimal;} #content ul.dash li {list-style-image: url('/images/bullets/dash.gif');} #learn {width: 98%;} #learn img {border: 0; float: none;} #learn .image_left {float: left; margin: 0 5px 5px 0;} #learn .image_left_nowrap {float: left; clear: both; margin: 0 0 5px 0;} #learn .image_right {float: right; margin: 0 10px 5px 5px;} #learn .image_right_nowrap {float: right; clear: both; margin: 0 0 5px 0;} #learn .image_center {display: block; width: 100%; margin: 5px auto; text-align: center;} #learn span.image_para {float: left; clear: both; width: 100%;} #learn p.para {float: left; width: 100%;} #learn p.center {float: left; clear: both; width: 100%; text-align: center;} span.figure {display: block; font-weight: bold; text-align: center; margin: 10px 0 15px 0;} #learn .file {float: left; margin: 5px 0;} .question {float: left; clear: left; width: 100%; margin: 0 0 15px 0;} .question div.q_head {float: left; width: 100%; background-color: #BAD3F2; font-size: 1.2em; padding: 5px 0 5px 0;} .question div.a_body {float: left; border: 3px solid #BAD3F2;} span.question_number {float: left; margin-left: 3px;} span.question_head {float: left; margin-left: 10px;} .answer {float: left; clear: both; width: 100%; margin: 5px 0; padding: 0;} .answer span.answer_text {float: left; width: 60%; margin-left: 10px;} .answer_no {float: left; width: 20px; margin: 0 10px 0 20px; font-weight: bold;} .right {float: right; width: 50px;} .right input {float: left; width: 20px; height: 20px;} #content .answer .right img {float: left; border: 0;} #tutorial_header {float: left; width: 100%; border-bottom: 2px solid #1D4392; margin: 0 0 10px 0; padding: 0 0 10px 0;} #tutorial_topleft {float: left; width: 50%;} p.tutorial_summary {float: left; width: 100%; font-weight: bold;} #tutorial_links {float: left; width: 100%; margin: 0;} ul.tutorial_options {float: right; width: 45%; padding: 0 0 0 20px; margin: 0 0 20px 0;} ul.tutorial_options li {margin: 0 0 5px 0; list-style-image: url('/images/bullets/square-bullet.gif'); font-weight: bold; font-size: 1.1em;} ul.tutorial_options li.button {list-style-image: none; list-style-type: none; font-size: 1em;} span.tutorial_subheading {float: left; width: 100%; font-size: 1.2em; font-weight: bold; margin: 5px 0;} #content #learn p {text-align: justify;} #content #learn .page_lists {} #content ul.blocklist {width: 100%; margin: 0; padding: 0;} #content ul.blocklist li {float: left; clear: left; width: 100%; list-style-type: none; margin-bottom: 5px;} #content ul.blocklist li .page_lists li {margin: 0 0 5px 0; list-style-image: url('/images/bullets/square-bullet.gif');} #content li.block {padding: 0;} #content .steam_eng_tut {float: right;} /*************************************************************/ /* CAD Library */ table.cad_naming_conventions {margin: 0 0 20px 0;} table.cad_naming_conventions span {color: #FF0000; font-weight: bold;} #content .cad-thumbnail {float: left; width: 166px; margin: 0 5px 5px 0; padding: 0 5px; background: #BAD3F2; border: 1px solid #CDCDCD;} #content .cad-thumbnail a.thumb {float: left; width: 103px; height: 75px; padding: 10px;} #content .cad-thumbnail a.thumb:hover {} #content .cad-thumbnail a.drawing_options {font-size: 0.9em;} #content .cad-thumbnail ul.options {clear: left; width: 100%; margin: 0; padding: 0;} #content .cad-thumbnail ul.options li {list-style-type: none; width: 100%; margin: 0; padding: 0;} #content .cad-thumbnail ul.options li.heading {display: block; font-size: 0.9em; font-weight: bold; margin: 10px 0 0 0;} #content .cad-thumbnail ul.options li a {display: block; color: #1D4392; width: 100%; padding: 2px 0; margin: 0;} #content .cad-thumbnail ul.options li a:hover {background-color: #1D4392; color: #FFFFFF;} #content .cad-thumbnail h3 {float: left; font-size: 1.2em; width: 140px; height: 3.5em; margin: 0; padding: 0;} #content .cad-thumbnail span.flow {float: left; font-size: 0.9em; margin: 0 0 0 5px;} #content .cad-thumbnail p.prod {font-size: 0.9em; margin: 0 0 0 5px; padding: 0;} #content .cad-thumbnail img.thumb {display: block; margin: 0; border: 0; width: 103px; height: 75px;} #content .cad-thumbnail div.options a {font-size: 0.9em;} #content .cad-app-thumbnail {float: left; width: 268px; margin: 0 5px 5px 0; padding: 0 5px; background: #BAD3F2; border: 1px solid #CDCDCD;} #content .cad-app-thumbnail a.thumb {float: left; width: 246px; height: 170px; padding: 10px;} #content .cad-app-thumbnail a.thumb:hover {} #content .cad-app-thumbnail a.drawing_options {font-size: 0.9em;} #content .cad-app-thumbnail ul.options {clear: left; width: 100%; margin: 0; padding: 0;} #content .cad-app-thumbnail ul.options li {list-style-type: none; width: 100%; margin: 0; padding: 0;} #content .cad-app-thumbnail ul.options li.heading {display: block; font-size: 0.9em; font-weight: bold; margin: 10px 0 0 0;} #content .cad-app-thumbnail ul.options li a {display: block; color: #1D4392; width: 100%; padding: 2px 0; margin: 0;} #content .cad-app-thumbnail ul.options li a:hover {background-color: #1D4392; color: #FFFFFF;} #content .cad-app-thumbnail h3 {float: left; font-size: 1.2em; width: 250px; height: 3.5em; margin: 0; padding: 0;} #content .cad-app-thumbnail p.prod {font-size: 0.9em; margin: 0 0 0 5px; padding: 0;} #content .cad-app-thumbnail img.thumb {display: block; margin: 0; border: 0; width: 246px; height: 170px;} #content .cad-app-thumbnail div.options a {font-size: 0.9em;} #content #cad_preview_header {float: left; width: 100%; background-color: #FFFFFF; border-bottom: 5px solid #1b1475; font-size: 0.9em;} #content #cad_preview_header ul {margin: 0; padding: 0;} #content #cad_preview_header ul li {list-style-type: none; margin: 0 0 5px 0;} #content #cad_preview_header h2 {margin: 0; font-size: 1.4em; font-weight: bold;} #content #cad_preview_content {float: left; clear: left; width: 100%;} #content #preview_container {float: left; width: 95%; clear: left; margin: 0 0 20px 0; border: 5px solid #1b1475; background-color: #FFFFFF;} ul.cad_preview_instructions {float: left; width: 100%;} ul.cad_preview_instructions li {list-style-type: disc;} ul.cad_preview_links {float: left;} ul.cad_preview_links li {float: left; list-style-type: none;} .cad-searchtext {width: 95%; border: 1px solid #1D4392; font-size: 0.9em;} .cad-searchtype {margin: 5px 0;} .cad-searchbutton {width: 10em; font-size: 1em; font-weight: normal; padding: 0 5px; margin: 5px 0 20px 0;} .cad-search-tips {margin: 0; padding: 0 0 0 20px;} .cad-search-tips li {margin: 0 0 5px 0;} #cad-search-results h3 {margin: 0 0 5px 0;} #cad-search-results ul {margin: 0 0 20px 0; padding: 0 0 0 20px;} #cad-search-results ul li {clear: left; margin: 0 0 5px 0;} #cad-search-results span.results {font-size: 0.9em;} /*************************************************************/ /* Calculators */ .watersizing {width: 100%; height: 400px;} .drysat_steamsizing {width: 100%; height: 400px;} .newpipes {width: 100%; height: 600px;} .existingpipes {width: 100%; height: 400px;} .start_run_losses {width: 100%; height: 800px;} .one_discharge_line {width: 100%; height: 600px;} .two_discharge_line {width: 100%; height: 700px;} .three_discharge_line {width: 100%; height: 800px;} .pump_return_line {width: 100%; height: 600px;} .v_cyl_tank {width: 100%; height: 900px;} .rec_tank {width: 100%; height: 900px;} .dish_cyl_tank {width: 100%; height: 950px;} .watermixing {width: 100%; height: 450px;} .saturated_condensate {width: 100%; height: 400px;} .subcooled_condensate {width: 100%; height: 400px;} .flow-orifice {width: 100%; height: 400px;} .orifice-flow {width: 100%; height: 400px;} .steamflow-heatrate {width: 100%; height: 350px;} .heatrate-steamflow {width: 100%; height: 350px;} /*************************************************************/ /* Contact Us */ #content h2.contact-heading {color: #1D4392; margin: 0; padding: 0;} #display_contact {float: left; width: 100%; margin: 0 0 10px 0; padding: 2px;} #display_contact #address {float: left; width: 300px; margin: 0;} #display_contact #other_details {float: left; margin: 0 0 0 0;} #form_container {float: left; width: 100%; margin: 0 0 10px 0;} #form_container p.required {font-weight: bold;} #form_container span.asterisk {display: inline; color: #FF0000;} .asterisk {float: left; width: 0.5em; margin-right: 5px;} form.contact-us-form {width: 100%; margin: 0 0 20px 0; padding: 0;} form.contact-us-form #form_fieldsets {width: 100%; margin: 0 0 10px 0; padding: 0;} form.contact-us-form fieldset {border: 0; padding: 0; margin: 20px 0 0 0;} form.contact-us-form fieldset legend {font-weight: bold; font-size: 1.2em; color: #1D4392; margin: 0 0 10px 0; padding: 0;} form.contact-us-form label {line-height: 1.5em;} form.contact-us-form input {display: block; position: relative; top: -1.5em; left: 12em; width: 260px; padding: 1px; margin: 0;} form.contact-us-form input.hidden {display: inline; top: 0; left: 0; width: 0; padding: 0;} form.contact-us-form select {display: block; position: relative; top: -1.5em; left: 12em; width: 260px; padding: 1px;} form.contact-us-form select.innovation_select {display: block; position: relative; top: -1.5em; left: 10em; width: 340px; padding: 1px;} form.contact-us-form textarea {font-family: Arial; font-size: 0.9em; display: block; position: relative; top: -1.5em; left: 12em; padding: 1px;} form.contact-us-form textarea.address {width: 260px;} form.contact-us-form textarea.enquiry {top: -5px; left: 0; width: 375px;} form.contact-us-form textarea.idea_enquiry {top: -5px; left: 0; width: 90%;} form.contact-us-form textarea.idea_reason {top: -5px; left: 0; width: 90%;} form.contact-us-form input.button {float: left; width: 8em; font-size: 0.9em; margin: 0 10px 0 0;} form.contact-us-form input.checkbox {display: inline; width: 15px; top: 0; left: 0;} form.contact-us-form span {display: block; margin: 0 0 1.5em 0; padding: 0;} form.contact-us-form #more_files {display: none;} span.info {font-size: 0.9em;} option.red {color: #FF0000;} #content .errors_list li {font-weight: bold; color: #FF0000; margin: 0 0 5px 0;} /*************************************************************/ /* Spirax Sarco Worldwide Contacts */ #worldwide2 {float: left; width: 100%;} #worldwide2 .worldwide_countries2 {float: left; width: 45%; border: 5px solid #d5dbe9; margin: 0 10px 10px 0;} #worldwide2 .worldwide_countries2 h3 {text-align: center; background: #BAD3F2; color: #8c82a7; height: 1.5em; font-size: 1.8em; font-weight: lighter;} #worldwide2 .worldwide_countries_right2 {float: left; width: 30%; border: 5px solid #d5dbe9; margin: 0 10px 10px 0;} #worldwide2 .worldwide_countries_right2 h3 {text-align: center; background: #BAD3F2; color: #8c82a7; height: 1.5em; font-size: 1.8em; font-weight: lighter;} .continent {float: left; width: 22%; padding: 5px;} .continent h4 {font-size: 1.2em; margin: 0; padding: 0;} .continent ul {clear: left; margin: 0 0 5px 0; padding: 0;} .continent ul li {list-style-type: none;} .worldwide_countries h4 {font-size: 1.2em; margin: 0; padding: 0;} .worldwide_countries ul {clear: left; margin: 0 0 5px 0; padding: 0;} .worldwide_countries ul li {list-style-type: none;} #worldwide {float: left; width: 100%;} .worldwide_countries {float: left; width: 80%; margin: 0 10px 10px 0;} .worldwide_countries fieldset {border: 5px solid #BAD3F2; margin-bottom: 15px; padding: 5px;} .worldwide_countries fieldset.colour-change {border: 5px solid #1D4392;} .worldwide_countries legend {text-align: center; color: #8C82A7; height: 1.5em; font-size: 1.4em; font-weight: lighter;} .worldwide_countries legend.colour-change {color: #1D4392;} .worldwide_countries_right {float: left; width: auto; margin: 0 10px 10px 0;} .worldwide_countries_right fieldset {border: 5px solid #E4E3EB; margin-bottom: 15px;} .worldwide_countries_right legend {text-align: center; color: #8C82A7; height: 1.5em; font-size: 1.8em; font-weight: lighter;} .worldwide_countries .hq_address {float: left; width: 30%; padding-bottom: 5px;} .worldwide_countries .hq_details {float: left; width: 30%; padding-bottom: 5px;} .worldwide_countries .hq_website {float: left; width: 30%; padding-bottom: 5px;} #sxs_worldwide_contacts {float: left; width: 100%;} #sxs_worldwide_contacts .contacts_container {float: left; padding: 5px;} #sxs_worldwide_contacts .selection {float: left; width: 100%; margin: 5px 0 5px 0;} #sxs_worldwide_contacts .selection label {float: left; font-weight: bold;} #sxs_worldwide_contacts .selection .right_select {float: right;} #content ul.websites {float: left; width: 40%; padding-left: 40px; margin: 0 0 20px 0;} #content ul.websites li {clear: left; margin: 0 0 10px 0; list-style-image: url('/images/bullets/white-bullet.gif');} #content ul.websites li.newdesign {clear: left; margin: 0 0 10px 0; list-style-image: url('/images/bullets/newdesign-bullet.gif');} #content img.websites {float: none; clear: left; position: inherit; margin: 0 10px -5px 0; border: 0;} /*#content ul.websites {float: left; width: 40%; padding-left: 40px; margin: 0 0 20px 0;} #content ul.websites li {float: left; clear: left; margin: 0 0 5px 0; list-style-image: url('/images/bullets/white-bullet.gif');} #content ul.websites li.newdesign {float: left; clear: left; margin: 0 0 5px 0; list-style-image: url('/images/bullets/newdesign-bullet.gif');} #content img.websites {margin: 0 10px 5px 0; border: 0;}*/ /*************************************************************/ /* Search */ label.main-search {float: left; width: 10em; font-weight: bold;} input.main-search-button {margin: 0 0 1em 10em;} #search_results {margin: 0 0 0 15px;} p.your_search_for {font-size: 1.2em;} .search_results_box {text-align: center;} .search_results_box select {font-size: 0.9em; margin: 0 10px;} ul.search_results_paging {float: left; list-style-type: none; margin: 0 0 0 30px; padding: 0;} ul.search_results_paging li {float: left; list-style-type: none; padding: 0 5px; color: #1D4392;} ul.search_results_paging li.no_link {float: left; list-style-type: none; padding: 0 30px; color: #1D4392;} #synonym_container {float: left; clear: both;} a.synonym {font-weight: bold; font-style: italic;} div#keymatch_container {float: left; clear: both; width: 95%;} .keymatch {float: left; width: 100%; background-color: #fdf7d7; margin: 0 0 10px 0; border: 1px solid #CDCDCD; padding: 5px;} .keymatch_text {float: left; width: 70%;} .keymatch_head {float: right; font-size: 1.2em; color: #1F1576; font-weight: bold;} .keymatch a {font-size: 1.2em; font-weight: bold;} .search_results_container {clear: both; margin: 0 0 20px 0;} .search_results_details {margin: 0 0 0 35px;} a.search_title {font-size: 1.2em;} .search_document_type {font-size: 0.9em; margin: 0; padding: 0;} .document_type {background-color: #F9FDFF; width: 60%; border: 1px solid #CDCDCD; padding: 2px;} /*************************************************************/ /* Product Literature Search */ .literature-search {float: left; clear: both; width: 100%; margin: 0 0 10px 0;} .literature-search fieldset {float: left; width: 70%; border: 5px solid #BAD3F2; margin: 0; padding: 5px;} .literature-search legend {text-align: center; color: #8C82A7; height: 1.5em; font-size: 1.4em;} .literature-search label {float: left; width: 10em;} .literature-search .searchtext {width: 25em;} .literature-search select.document-type, .literature-search select.product-grouping {width: 25em;} #searchform {margin: 0;} #searchform fieldset {border: 0; margin: 0; padding: 0;} #searchform input, #searchform select {font-size: 1em; margin: 0;} #searchform .searchtext, #searchform .site {width: 90%; border: 1px solid #1D4392; margin: 0 0 10px 0;} #searchform .searchbutton {float: right; font-size: 1.1em; margin: 10px 0 0 0;} p.or {float: left; width: 100%; font-weight: bold; font-size: 1.3em; margin: 10px 0;} /*************************************************************/ /* Savings Calculator */ #savings_calculator {float: left; width: 60%; margin-bottom: 20px;} #savings_calculator fieldset {border: 5px solid #BAD3F2; margin: 0; padding: 5px;} #savings_calculator fieldset legend {font-size: 1.5em; color: #a282a7;} #savings_calculator fieldset label {float: left; width: 60%;} #savings_calculator fieldset label.as_text {float: none;} #savings_calculator fieldset label.right {text-align: right; width: 55%; margin-right: 5%;} #savings_calculator fieldset p {float: left; width: 10%;} #savings_calculator fieldset span {float: left;} #savings_calculator fieldset div.right {float: left; width: 5%; padding-left: 60%;} /*************************************************************/ /* Site Map */ html {filter: expression(document.execCommand("BackgroundImageCache", false, true));} #site-map, #site-map * {margin: 0px; padding: 0px; font-family: arial; font-size: 1em; cursor: default;} #site-map {margin: 0; padding: 20px 0 0 50px;} #site-map a {cursor: pointer;} #content #site-map h2 {font-size: 1.7em; margin: 0; padding: 0;} #content #site-map h3 {font-size: 1.5em; margin: 0; padding: 0;} #content #site-map h4 {font-size: 1.3em; margin: 0; padding: 0;} #content #site-map h5 {font-size: 1.1em; margin: 0; padding: 0;} #content #site-map h6 {font-size: 0.9em; margin: 0; padding: 0;} #site-map ul {margin-top: 5px;} #site-map li {list-style-type: none; background: url('/images/bullets/sitemap-square-bullet.gif') 1.5em 0.4em no-repeat; padding: 0 0px 10px 45px; zoom: 1; /* IE hasLayout fix, should be moved to a conditional comment: http://zoffix.com/css/ie/haslayout.shtml */ background-color: #FFFFFF;} #site-map li.minus {background: url('/images/bullets/sitemap-minus.gif') 1.5em 0.4em no-repeat; cursor: pointer;} #site-map li.plus {background: url('/images/bullets/sitemap-plus.gif') 1.5em 0.4em no-repeat; cursor: pointer;} #site-map li.plus li {display: none;} /*************************************************************/ /* Admin Login */ div.content-edit label {float: left; width: 10em; font-size: 0.9em;} div.content-edit input.text {width: 60%;} div.content-edit fieldset {border: 0; padding: 0; margin: 20px 0 0 0;} div.content-edit fieldset div {margin: 5px 0 0 0;} div.content-edit span.asterisk {display: inline; color: #FF0000;} /*************************************************************/ /* Associate Specific */ #information-container div {float: left; clear: both; width: 100%; margin: 0 0 10px 0;} #information-container div span.label {float: left; width: 20%;} #information-container div span.content {float: left; width: 75%;} div.content-edit input.button1 {width: 120px;} div.content-edit button.button1 {width: 120px;} /*************************************************************/ /* For Industries Pages ********************************************/ div.products-container {float: left; width: 100%; margin: 0 0 20px 0;} div.products-container .product {float: left; width: 10%; margin: 2% 4.5% 0 0; text-align: center;} div.products-container .product-image {display: block; width: 77px; margin: 0 auto;} div.products-container .product-link {display: block; width: 100%; margin: 15px auto 0 auto;} div#content-left {float: left; width: 535px; padding-right: 0;} div#content-right {margin: 41px 0 0 550px; max-width: 400px;} div#content-right #outer_call {float: left; width: 100% !important;} div#content-right #outer_call h2 {display: block !important;} div#content-right #call_out {padding: 5px;} div#content-right .call_out {padding: 5px;} /*************************************************************/ /* Quote higlight web part */ div.quote-highlight {margin:0; color: #ffffff; background-color: #06064D; width: 800px;} div.quote-highlight .header {padding: 10px 10px 0 10px; font-style: italic; font-size: 14px; letter-spacing: 1.2px;} div.quote-highlight .reference {padding: 0 10px 5px 10px; text-align: right; font-size: 14px; letter-spacing: 1.2px;} /* call to action web part */ div.image-text-webpart {clear: left; border-bottom: 1px dotted gray; margin-left: 10px; padding: 10px 0 0 0px; min-height: 40px; color: #0000FF;} div.image-text-webpart div {float: left; width: 40px;} div.image-text-webpart img {border: 0 !important;} div.image-text-webpart p {margin-top: 0; margin-left: 42px; font-weight: bold; padding-bottom: 10px;} /* social bookmark web part */ div.social-bookmark {padding-left: 220px; padding-top: 10px; padding-bottom: 20px;} /* products opc */ div.products {clear:both; position: relative;} div.products .item {float:left; width: 250px; padding: 10px;} div.products img {float: none !important; display: block !important; margin-left: auto; margin-right: auto;} div.products ul { padding: 5px;} div.products p.heading {text-align: center;}