/* ---------------------------------------- */ /* Name: page.css /* ---------------------------------------- */ /* Producer: Matt Latzke /* Production Date: 1-2-2008 /* ---------------------------------------- */ /* Description: Page styles for Mixer Systems /* ---------------------------------------- */ /* Revisions: /* ---------------------------------------- */ /* Top Floor Technologies /* http: //www.topfloortech.com /* ---------------------------------------- */ @import url(scaffold.css); #header { height: 143px; } #header h2 a { height: 71px; width: 149px; background: url(images/logo.gif) no-repeat top left; margin-top: 44px; float: left; } #header h3 { height: 20px; width: 309px; background: url(images/tagLine.gif) no-repeat top left; float: left; margin: 60px 0 0 11px; } #previewStrip { background: #002e5f url(images/previewBg.gif) repeat-x top left; height: 33px; position: relative; } #preview { height: 152px; width: 236px; position: absolute; bottom: 8px; left: 555px; } #preview #learnMorePreview { text-decoration: none; font-size: 10px; color: #5f6062; position: absolute; top: 50px; left: 20px; } #preview #learnMorePreview:hover { text-decoration: underline; } #preview h4 { font-size: 11px; color: #5f6062; position: absolute; top: 35px; text-decoration: none; } #preview #learnMorePreview1 { text-decoration: none; font-size: 11px; color: #5f6062; top: 50px; left: 20px; } #preview #learnMorePreview1:hover { text-decoration: underline; } #preview img { float: right; border: none; } #content { padding: 12px 50px 0 62px; background: url(images/contentBg.gif) repeat-y top right; float: left; } /* --- Left Navigation --- */ #lNav { float: left; width: 155px; } #lNav, #lNav ul { list-style: none; } #lNav li a { display: block; height: 23px; width: 155px; margin-bottom: 8px; } #products { background: url(images/navProducts.gif) no-repeat top left; } #services { background: url(images/navServices.gif) no-repeat top left; } #parts { background: url(images/navParts.gif) no-repeat top left; } #lNav ul { margin: 0 0 20px 15px; } #lNav ul li a { display: inline; text-decoration: none; font-size: 11px; color: #5f6062; } #lNav ul li a:hover { text-decoration: underline; } /* --- Content --- */ #contentBuffer { float: left; width: 530px; margin-left: 20px; } #contentBuffer #breadCrumbs { list-style: none; color: #5f6062; font-size: 11px; } #contentBuffer #breadCrumbs li { background: url(images/breadCrumbArrow.gif) no-repeat left center; padding-left: 10px; display: inline; margin-left: 0; } #contentBuffer #breadCrumbs .first { background: none; padding-left: auto; } #contentBuffer #breadCrumbs li a { color: #5f6062; text-decoration: none; } #contentBuffer #breadCrumbs li a:hover { text-decoration: underline; } /*#contentBuffer li { list-style-image: url(images/arrow.gif); margin-left: 18px; margin-bottom: 2px; line-height: 20px; clear: both; }*/ #contentBuffer li { list-style-image: url(images/arrow.gif); margin-left: 18px; margin-bottom: 3px; line-height: 20px; } #contentBuffer p { margin-bottom: 1px; margin-top: 0; padding-top: 3px; padding-bottom: 3px; } .top a { font-size: 11px; letter-spacing: 1px; text-align: right; text-decoration: none; padding-right: 10px; display: block; margin-bottom: 10px; } #contentBuffer h1 { font-size: 24px; margin: 15px 0 6px; } #contentBuffer h2 { font-size: 14px; margin: 6px 0 3px; font-weight: bold; color: #02519e; padding-top: 0; padding-bottom: 0; } #contentBuffer h3 { font-size: 18px; margin: 8px 0 3px; font-weight: normal; } #contentBuffer h3 a { color: #000; text-decoration: none; } #contentBuffer h3 a:hover { text-decoration: underline; } #contentBuffer h4 { font-size: 16px; margin: 0 0 12px; font-weight: normal; color: #02519e; padding-top: 0; padding-bottom: 0; font-style: italic; } #contentBuffer p a { text-decoration: none; } #contentBuffer p a:hover { text-decoration: underline; } .prodpics { float: right; clear: left; vertical-align: top; } /* --- Right Navigation --- */ #rNav { float: left; width: 155px; margin-left: 20px; padding-left: 20px; text-align: right; } #rNav ul { list-style: none; } #rNav ul li a { text-decoration: none; color: #5f6062; font-size: 11px; } #rNav ul li a:hover { text-decoration: underline; } #newsHeader { background: url(images/news.gif) no-repeat 105px top; height: 11px; margin: 27px 0 10px 0; border-bottom: 1px solid #959ca1; padding-bottom: 5px; } #testHeader { background: url(images/testimonials.gif) no-repeat 60px top; height: 11px; margin: 27px 0 10px 0; border-bottom: 1px solid #959ca1; padding-bottom: 5px; } #rNav p { color: #5f6062; } /* --- form css --- */ form fieldset { border: none; } form legend { display: none; } form ol { list-style: none; } form li { margin-bottom: 3px; } form label { display: block; float: left; width: 120px; text-align: right; margin-right: 10px; padding-top: 3px; } form #controls { padding-left: 130px; } form #controls input { margin: 10px 0; width: 100px; } /* ------------------ */ .subtagline { font-size: 14px; margin: 0 0 12px; font-weight: normal; color: #02519e; padding-top: 0; padding-bottom: 0; font-style: italic; } blockquote { margin-top: 6px; margin-bottom: 10px; } .product-lit { float: right; clear: right; width: 200px; margin: 0 0 1em 1em; } img.product { clear: both; float: right; margin: 0 0 1em 1em; border: 0; padding-top: 0; padding-bottom: 0; } a#rfq1 { display: block; width: 165px; height: 35px; float: right; margin-top: border: 0; padding-top: 0; background: url(/images/button_0.jpg) no-repeat; } #rfq1:hover { background: url(/images/button_1.jpg) no-repeat; } .productcell-left { float: left; width: 152px; margin-top: 8px; margin-left: 0; padding: 3px 0 0; margin-right: 20px; margin-bottom: 0; text-align: center; border: none; /* border: 1px solid #02519e; */ } .productcell-left img { margin: 0; padding: 0; } .productcell-left p { padding-left: 3px; padding-top: 0; margin: 0; padding-bottom: 0; padding-right: 3px; display: block; } .productcell-left p a { font-size: 11px; line-height: 13px; font-weight: normal; text-decoration: none; margin: 0; padding: 0 0 2px; display: block; color: #333; } .productcell-left p a:hover { color: #02519e; } /*ul.pdfs { list-style-type: none!important; padding: 0; float: left; list-style-image: none!important; }*/ ul.pdfs { list-style-type: none!important; padding: 0; float: none; list-style-image: none!important; } ul.pdfs li { margin: 0!important; list-style-type: none!important; list-style-image: none!important; } ul.pdfs li a { font: 12px Arial, Helvetica, sans-serif; background: url(images/pdf.gif) no-repeat left top; padding-left: 21px; line-height: 16px; list-style-type: none!important; list-style-image: none!important; padding-top: 2px; padding-bottom: 8px; display: block; } .small { font-size: 11px; line-height: 12px; color: #333; display: block; padding-bottom: 10px; padding-top: 2px; } .imgborder { border: 1px solid #666; } .imgborder1 { border: 1px solid #666; margin-left: 14px; } #teaser3 { list-style-type: none; margin: 0 0 10px 0; padding: 0; } #teaser3 li { background: none; float: left; clear: none; list-style-image: none; line-height: 15px; font-size: 11px; width: 170px; margin: 0 10px 10px 0; padding: 0; } #teaser3 li.last { margin-right: 0; } #teaser3 li h3 { line-height: 18px; } #teaser3 li .subtagline { font-size: 11px; } #teaser2 { list-style-type: none; margin: 0 0 10px 0; padding: 0; } #teaser2 li { background: none; float: left; clear: none; list-style-image: none; line-height: 15px; font-size: 11px; width: 220px; margin: 0 30px 10px 0; padding: 180px 0 0 0; height: 120px; position: relative; } #teaser2 li img { position: absolute; left: -10px; bottom: 120px; } #teaser2 li.last { margin-right: 0; } #teaser2 li h3 { line-height: 18px; } #teaser2 li .subtagline { font-size: 11px; } #contentBuffer ul.testimonials { list-style: none; margin: 0; padding: 0; } #contentBuffer ul.testimonials li { background: #e6ebef url(../images/bg-blockquote-top.gif) 0 0 no-repeat; list-style: none; margin: 0 0 20px 0; min-height: 48px; padding: 0; } * html #contentBuffer ul.testimonials li { height: 48px; } #contentBuffer ul.testimonials li blockquote { background: url(../images/bg-blockquote-bottom.gif) 0 100% no-repeat; margin: 0; padding: 10px 15px 22px 15px; } #contentBuffer ul.testimonials li .testimonial { padding-bottom: 12px; } #contentBuffer ul.testimonials li .testimonial p:before { content: open-quote; } #contentBuffer ul.testimonials li .testimonial p:after { content: close-quote; } #contentBuffer ul.testimonials li p.cite { float: left; margin: 0 0 0 30px; padding: 0; } #contentBuffer ul.testimonials li p.download { float: right; margin: 0; padding: 0; font-size: 9px; text-transform: uppercase; font-weight: bold; } #contentBuffer ul.testimonials li p.download a:link, #contentBuffer ul.testimonials li p.download a:visited { color: #5f6062; text-decoration: none; padding-top: 3px; padding-bottom: 2px; } #contentBuffer ul.testimonials li p.download a:hover, #contentBuffer ul.testimonials li p.download a:active { color: #333; text-decoration: underline; padding-top: 3px; padding-bottom: 2px; }