/* Resets / Base Styling */ * { margin: 0; padding: 0; } body { font-family:Arial, Helvetica, sans-serif; font-size: small; text-align:center; color: #333; line-height:1.5em; margin:0; padding:0; background:url(../images/bg1.jpg) top left repeat-x #0080CE; } div, p, img, a, td, ul, ol { font-size: 1em; } form, input, fieldset, label { margin:0; padding:0; } h1, h2, h3, h4, h5, h6, h7, h8, h9, h10 { font-size:12px; margin-bottom: 10px; } h1 a:hover, h2 a:hover, h3 a:hover, h4 a:hover, h5 a:hover, h6 a:hover, h7 a:hover, h8 a:hover, h9 a:hover, h10 a:hover { text-decoration:none; } p { color:#666; margin-bottom: 10px; } a, a:link, a:visited { text-decoration: none; color:#666; outline:none; border:none; margin:0; padding:0; } a:hover { text-decoration:underline; } a img, img { border: none; } ul { list-style: none; margin:0; padding:0; color:#666; } ol { color:#666; } hr { display: none; } .center { text-align: center; } .clrbt { clear: both; } .fltrt { float: right; } .fltlt { float: left; } img.image { float: right; margin: 0 0 5px 10px; } img.imagealt { float: left; margin: 0 10px 5px 0; } .button { clear: left; background: url(../images/img-contentbutton-bg.gif) left top no-repeat; line-height: 24px; margin-left: 0; padding: 0 0 0 22px; } .button a { background: url(../images/img-contentbutton-bg2.gif) right top no-repeat; color: #444; padding: 0 10px 0 5px; font-weight: bold; text-transform: uppercase; font-size: 10px; vertical-align: middle; line-height: 24px; display: inline-block; text-decoration: none; } * html .button a { display: inline; } #main-wrapper { text-align:left; width:1004px; margin:0 auto; } #header-wrapper { background:url(../images/header-bg.jpg) top left no-repeat; height:104px; } #header { } #header-left { width:400px; float:left; } #header-left a { display:block; height:100px; width:200px; } #header-right { float:right; text-align:right; font-size:11px; padding:5px 15px 0; width:400px; float:right; } #header-right p { color:#fff; font-size:18px; } #utility-nav { } #utility-nav p { color:#9AC9FF; font-size:13px; } #utility-nav a { color:#9AC9FF; text-decoration:none; font-size:12px; } #utility-nav a:hover { text-decoration:underline; } #header-search { padding: 0; white-space:nowrap; position:relative; top: -14px; } #header-search fieldset { margin: 0; padding: 0; border: none; } #content-outer-wrapper { background:url(../images/main-content-bg.jpg) top left no-repeat #0080CE; } #content-inner-wrapper { width:994px; margin:0 auto; padding-top:153px; background:url(../images/inner-content-bg.jpg) top left no-repeat #fff; } #content-inner-wrapper:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; } #left-column-wrapper { width:212px; float:left; text-align:center; } #left-column { width:200px; margin:0 auto 10px auto; text-align:left; background:url(../images/left-col-bg.png) top center no-repeat; } * html #left-column { background:url(../images/left-col-bg.gif) top center no-repeat; } #left-column #left-nav { padding-top:2px; width:180px; margin:0 auto; } #left-column #left-nav li { background:url(../images/left-button-bg.gif) center top no-repeat; line-height:1.9em; margin-bottom:3px; padding-left:20px; padding-right:5px; } #left-column #left-nav li.first { background:url(../images/left-button-rfq-bg.gif) center top no-repeat; } #left-column #left-nav li.first a { color:#fff; } #left-column #left-nav li a { font-size:11px; } #left-column #left-nav li.active a { font-weight:bold; } #left-column #left-nav li li { background:none; line-height:15px; padding-left:0; margin-left:5px; list-style:disc; } #left-column #left-nav li li.first { padding-top:3px; background:none; } #left-column #left-nav li li li { margin-left:14px; list-style:circle; } #left-column #left-nav li li.first a { color:#333; } #left-column #left-nav li li a { color:#333; } #left-column #left-nav li li li.first a, #left-column #left-nav li li li a { color:#666; } #left-column #left-nav li.active li a { font-weight:normal; } #left-column #left-nav li.active li.active li a { font-weight:normal; } #left-column #left-nav li.active li.active a { font-weight:bold; } #left-column #left-nav li.active li.active li.active a { color: #333; } #left-column #left-news { padding:0 5px 3px 5px; margin:25px auto 0 auto; background:#f6f6f6; width:160px; } #left-column #left-news .news-teaser { padding:5px 0; border-bottom:1px solid #ccc; } #left-column #left-news h3 { background:url(../images/latest-news-img.jpg) top left no-repeat; padding-left:30px; } #left-column #left-news p { font-size:11px; line-height:1.3em; padding:0; margin: 0; } #left-column #left-news p em { display:block; } #left-column #left-news p strong { font-size:12px; display:block; } #left-column #left-news a { color:#5D95BD; } #middle-column-outer-wrapper { width:775px; float:left; position: relative; top: 24px; margin-bottom: 24px; } #middle-column-inner-wrapper { width:768px; margin:0 auto; padding-top:10px; } #middle-column-inner-wrapper.inner { background: url(../images/inner-main-content-bg.png) top left no-repeat; position: relative; top: -24px;} * html #middle-column-inner-wrapper.inner { background: url(../images/inner-main-content-bg.gif) top left no-repeat; top: -25px; } #middle-column { width:761px; margin:0; padding:15px 0 0 6px; position:relative; } #middle-column.inner { background:#fff; min-height:435px; margin:11px 0 0; padding:5px 0 0 6px; } * html #middle-column.inner { height: 435px; margin:22px 0 0 0; padding:5px 0 0 6px; } #middle-column a:link, #middle-column a:visited { text-decoration: underline; color: #0180cf; } #middle-column a:hover, #middle-column a:active { text-decoration: underline; color: #444; } #middle-column ol, #middle-column ul { margin-left: 3em; margin-bottom: 10px; list-style-type: disc; } #middle-column ol { list-style-type: decimal; } #middle-column ol li, #middle-column ul li { margin-bottom: 3px; } #bucket-wrapper { margin:-27px 0 0 -4px; } #product-bucket, #private-custom-bucket { width:358px; height:129px; float:left; position:relative; padding:11px; } #product-bucket { background:url(../images/products-bg.png) top left no-repeat; margin-right:5px; } #product-bucket img, #private-custom-bucket img { float:left; padding-right:8px; } #product-bucket h3, #private-custom-bucket h3 { padding-top: 15px; float:left; font-size:18px; color:#fff !important; text-transform: none !important; width: 210px; } #product-bucket p, #private-custom-bucket p { display:block; float:left; color:#fff; width:200px; line-height:1.2em; font-size:12px; } #product-bucket .more-link, #private-custom-bucket .more-link { position:absolute; bottom:32px; right:21px; } #product-bucket .more-link a, #product-bucket .more-link a:hover, #private-custom-bucket .more-link a, #private-custom-bucket .more-link a:hover { color:#fff; font-size:11px; } #private-custom-bucket { background:url(../images/private-label-bg.png) top left no-repeat; } #secondary-bucket-wrapper { margin-top:20px; border-top:1px solid #ccc; } #secondary-bucket-wrapper .secondary-content { float:left; width:355px; padding:5px; } #secondary-bucket-wrapper h3 { font-size:16px; color:#08235F; } #secondary-bucket-wrapper img { float:left; margin:8px 12px 0 0; } #secondary-bucket-wrapper p { line-height:1.3em; font-size:12px; color:#5B73A7; } #secondary-1 { border-right:1px solid #ccc; } #secondary-2 { padding-left:15px !important; } #secondary-bucket-wrapper .secondary-wrapper { float:left; width:275px; } #secondary-bucket-wrapper .more-link { float:right; } #secondary-bucket-wrapper .more-link a { color:#2F9EFB; font-size:11px; } #middle-column h1 { color:#06235F; font-size:20px; padding:5px 0; clear:both; margin-bottom: 0; } #middle-column h2 { background: #e9e9e9; text-align: center; padding: 3px; margin-top: 20px; } #middle-column h3 { color: #0180CF; margin-bottom: 0; text-transform: uppercase; } #middle-column h4 { color: #333; margin-bottom: 0; } #middle-column .footnote { font-size: 11px; color: #999; line-height: 1.2em; } #breadcrumbs { position:relative; top:-24px; left:6px; margin-bottom: -20px; font-size:10px; color:#606060; width:750px; height:19px; line-height: 14px; } * html #breadcrumbs { top: -25px; } #footer-wrapper { clear: both; height:50px; background:url(../images/footer-bg.jpg) top left no-repeat; margin-bottom:10px; } #footer { color:#546D7E; padding:5px 0 0 75px; font-size:11px; } #middle-column #productCategories { margin: -12px 0 0 -12px; padding: 0; zoom: 1; word-spacing: -0.5em; list-style-type: none; } #middle-column #productCategories li { margin: 12px 0 0 12px; padding: 0; list-style-type: none; width: 180px; display: -moz-inline-box; display: inline-block; *zoom: 1; *display: inline; word-spacing: normal; vertical-align: top; } #middle-column #productCategories li h3 { font-size: 12px; font-weight: bold; line-height: 15px; margin: 0 0 3px 0; padding: 0; } #middle-column #productCategories li h3 a:link, #middle-column #productCategories li h3 a:visited { color: #0180cf; text-decoration: none; } #middle-column #productCategories li h3 a:hover, #middle-column #productCategories li h3 a:active { color: #024f95; text-decoration: underline; } #middle-column #productCategories li p { color: #666; font-size: 11px; line-height: 15px; margin: 0; padding: 0; } #productContent { float: left; width: 564px; } #productImage { float: right; margin: 0 0 6px 12px; display: inline; } #productSidebar { float: right; width: 180px; padding-left: 6px; margin-right: 6px; display: inline; border-left: 1px solid #d1dbe3; } #productSidebar h2 { background: none; color: #0180cf; border-bottom: 1px solid #d1dbe3; line-height: 15px; padding-bottom: 3px; margin: 20px 0 4px 0; text-align: left; } #productSidebar ul { margin-left: 0; margin-bottom: 24px; line-height: 15px; list-style-type: none; } #productSidebar ul li { background: url(../images/bullet-rightnav.gif) 4px 5px no-repeat; color: #666; font-size: 11px; margin-bottom: 5px; padding: 0 0 0 12px; } #productSidebar ul li a:link, #productSidebar ul li a:visited { text-decoration: none; color: #444; } #productSidebar ul li a:hover, #productSidebar ul li a:active { text-decoration: underline; color: #999; } #productSidebar .button { background: url(../images/button-bg.gif) 0 0 no-repeat; margin-top: 6px; padding: 0; } #productSidebar .button a:link, #productSidebar .button a:visited, #productSidebar .button a:hover, #productSidebar .button a:active { background: none; display: block; padding: 7px; font-size: 11px; line-height: 15px; text-decoration: none; text-transform: none; } #productSidebar .button a strong { display: block; color: #333; font-size: 16px; font-weight: bold; } #productSidebar #requestButton.button { background: url(../images/button-rfq-bg.gif) 0 0 no-repeat; } #productSidebar #requestButton.button a { color: #b2e0b3; padding: 8px 7px; font-size: 16px; line-height: 28px; } #productSidebar #requestButton.button a strong { color: #fff; display: inline; } #productSidebar #greenProduct.button { background: url(../images/button-green-bg.gif) 0 0 no-repeat; } #productSidebar #greenProduct.button a { padding: 8px 7px; } #productSidebar #greenProduct.button a .green { color: #1e7e1f; } #productSidebar .languages { margin: 15px 0 0 0; font-weight: bold; font-size: 12px; } #productSidebar .languages img { vertical-align: middle; } #productSidebar .languages a:link, #productSidebar .languages a:visited { color: #0180CF; font-weight: normal; } #productSidebar .languages a:hover, #productSidebar .languages a:active { color: #333; text-decoration: underline; } #middle-column .features, #middle-column .features2 { min-height: 1%; margin-left: 0; } #middle-column .features:after, #middle-column .features2:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; } * html #middle-column .features, * html #middle-column .features2 { height: 1%; margin-left: 0 !important; } #middle-column .features li { font-size: 11px; float: left; width: 170px; margin-left: 1.5em; } * html #middle-column .features li, * html #middle-column .features2 li { display: inline; } #middle-column .features2 li { font-size: 11px; float: left; width: 250px; margin-left: 1.5em; } #middle-column table { width: 100%; border-collapse:collapse; border: 1px solid #fff; margin: 0 0 20px 0; } #middle-column table th, #middle-column table td { background: #e9e9e9; border: 1px solid #fff; font-size: 11px; line-height: 13px; padding: 4px; vertical-align: top; } #middle-column table th { color: #333; } #middle-column table a:link, #middle-column table a:visited { color: #0180cf; text-decoration: underline; } #middle-column table a:hover, #middle-column table a:active { color: #042c6a; } #middle-column table td.data, #middle-column table td.number { text-align: right; } #middle-column table caption, #middle-column table thead th { border-bottom: 1px solid #fff; background: #269f28; color: #fff; text-align: center; vertical-align: bottom; } #middle-column table thead th a:link, #middle-column table thead th a:visited { color: #fff; } #middle-column table thead th a:hover, #middle-column table thead th a:active { color: #ddd; } #middle-column table caption { border: 1px solid #fff; border-bottom: none; font-size: 11px; padding: 4px; line-height: 13px; font-weight: bold; } #middle-column table.specs { } #middle-column table.specs th, #middle-column table.specs td { border: none; border-bottom: 1px solid #fff; } #middle-column table.specs th span { font-weight: normal; } #middle-column table.specs td { text-align: right; } #middle-column table.specs td.center { text-align: center; } #middle-column table.specs td.indent { text-align: left; padding-left: 2em; } #middle-column table.specs td.astm { font-style: italic; } #middle-column fieldset { border: 1px solid #ccc; padding: 10px; margin-bottom: 10px; } #middle-column legend { padding: 0 10px; } #middle-column label { color: #666; } #middle-column input.text, #middle-column textarea { border: 1px solid #ccc; width: 50%; } #middle-column form { } #middle-column .formfield, #middle-column .formfieldlong { margin-bottom: 8px; min-height: 1em; } * html #middle-column .formfield, * html #middle-column .formfieldlong { height: 1em; } #middle-column label.label { color: #000; display: block; } #middle-column .formfield { position: relative; padding-left: 130px; } #middle-column .formfield label.label { position: absolute; left: 0; top: 0; width: 125px; text-align: right; } #middle-column .formfieldlong { padding-left: 30px; } #middle-column .formfieldlong label.label { margin-left: -30px; } #middle-column .required { color: #0180cf; } #middle-column ul.checkboxes, #middle-column ul.checkboxesinline { list-style-type: none; margin: 0; padding: 0; } #middle-column ul.checkboxes li { list-style-type: none; float: left; width: 45%; } #middle-column ul.checkboxesinline { } #middle-column ul.checkboxesinline li { list-style-type: none; display: inline; padding-right: 20px; } #middle-column .applicationDetail { border-top: 1px solid #ccc; clear: both; padding: 7px 0; } #middle-column .applicationDetail h3 { } #middle-column #greenProducts { } #middle-column #greenProducts .greenProduct { display:-moz-inline-box; display:inline-block; *zoom:1; *display:inline; width: 30%; margin-right: 3%; margin-bottom: 20px; vertical-align: top; }