@charset "utf-8";
/* CSS Document */
body { background: #323d8b url(gif/bg_page.gif) center repeat-y; margin: 0; padding:0; }
form { margin: 0; padding:0; }
.clear { clear: both; }

a.inline:link, a.inline:visited, a.inline:active { padding-left: 12px; display: inline-block; background: #FFF url(gif/arrows_big3.gif) top left no-repeat; margin-left: 10px; color: #0378a8; text-decoration: underline; font: bold 11px Arial, Helvetica, sans-serif;  }
a.inline:hover { display: inline-block; background: #bbcbed url(gif/arrows_big3.gif) top left no-repeat; color: #131a54; margin-left: 10px; text-decoration: underline; font: bold 11px Arial, Helvetica, sans-serif; }

/* TOPBAR STYLES */
#topbar { position: relative; width: 932px; height: 211px; margin: 0 auto 10px; padding: 0; }
#subnav { width: 932px; height: 44px; background: url(gif/bg_subnav.gif) left repeat-x; margin: 0 auto; padding:0; }
#ecom { height: 44px; background: url(gif/VISA_Mastercard.gif) top left no-repeat; float: left; font: 11px Arial, Helvetica, sans-serif; color: #6f78c2; padding-left: 100px; }
#ecom div { float: left; }
#salutation { width: 280px; height: 16px; background: url(gif/icon_cart.gif) left no-repeat; margin: 14px 0; padding: 0 0 0 25px; color: #000; font: 11px Verdana, Arial, Helvetica, sans-serif; }
#salutationwide { width: 340px; height: 16px; background: url(gif/icon_cart.gif) left no-repeat; margin: 14px 0; padding: 0 0 0 25px; color: #000; font: 11px Verdana, Arial, Helvetica, sans-serif; }
#salutation strong, #salutationwide strong { color: #da1627; }
#ecomnav { height: 44px; line-height: 44px; padding-left: 7px; padding-right: 10px; }
#ecomnav a:link, #ecomnav a:visited { font: bold 11px Verdana, Arial, Helvetica, sans-serif; color: #070c51; text-decoration: none; margin: 0 7px;}
#ecomnav a:active { font: bold 11px Verdana, Arial, Helvetica, sans-serif; color: #FFF; text-decoration: none; margin: 0 7px;}
#ecomnav a:hover { font: bold 11px Verdana, Arial, Helvetica, sans-serif; color: #FF0000; text-decoration: underline; margin: 0 7px;}
#search { width: 260px; height: 44px; background: url(gif/bg_search.gif) top right no-repeat; float: right; }
#search div { float: left; height: 20px; margin: 11px 6px 11px 0px; }
input.search { margin: 0px; padding:2px; border: 1px solid #989dd3; font: normal 12px Arial, Helvetica, sans-serif; color: #000; width: 165px;}
#middle { background: url(gif/bg_logo.jpg) top left no-repeat; width: 932px; height: 121px; } 
#logo { width: 414px; height: 63px; float: left; margin: 30px 0 0 0; background: url(gif/logo_Ruhof.jpg) left top no-repeat;}
#logo h1, #logo h2 { margin: 0; padding:0; text-indent: -9999px; }
#logo h1 a { display: block; width: 414px; height: 63px; cursor: pointer; }
#middle div.flash { float: right; width: 500px; height: 121px; }

/* PAGE/TEMPLATE STYLE */
#gradient { width: 100%; background: url(gif/bg_page-gradient.jpg) top center no-repeat; }
#container { position: relative; width: 954px; margin: 0 auto; }
#main { width: 932px; margin: 0 auto; }
#fullscreen { width: 882px; padding: 10px 25px; min-height: 290px; _height: 290px; text-align: left; }

/* SIDEBAR COLUMN STYLES */
#column { margin: 0; width: 215px; float: left; min-height: 390px; _height: 390px;}

/* SIDEBAR COLUMN CONTENT STYLES */
#ourproducts { width: 209px; border-bottom: 1px solid #a1bfd2; background: url(gif/bg_column.gif) top center repeat-y; margin-top: 5px; _margin-top: 0px; } 
#ourproducts h3 { display: block; height: 37px; width: 209px; font: bold 14px Arial, Helvetica, sans-serif; margin:0; padding:0; text-indent: -9999px; background: url(gif/column_products.jpg) top left no-repeat; }
#ourproducts ul { margin:0 0 9px 28px; _margin: 0 0 9px 25px; padding:0;}
#ourproducts li { list-style-image: url(gif/arrows_big2.gif); _list-style-image: url(gif/arrows_big.gif); padding: 3px 0 4px 0; }
#ourproducts a:link, #ourproducts a:visited, #ourproducts a:active, .cataloggroups a:link, .cataloggroups a:visited, .cataloggroups a:active  { font: bold 11px Arial, Helvetica, sans-serif; color: #0378a8; text-decoration: underline; padding: 2px; }
#ourproducts a:hover, .cataloggroups a:hover { font: bold 11px Arial, Helvetica, sans-serif; color: #131a54; text-decoration: underline; background-color: #bbcbed;}

#freesamples { width: 209px; border-bottom: 1px solid #a1bfd2; background: url(gif/bg_column.gif) top center repeat-y; margin-top: 5px; padding-bottom: 20px; } 
#freesamples h3 { display: block; height: 37px; width: 209px; font: bold 14px Arial, Helvetica, sans-serif; margin:0; padding:0; text-indent: -9999px; background: url(gif/column_free-samples.jpg) top left no-repeat; }
#freesamples p { font: normal 11px Arial, Helvetica, sans-serif; color: #333; margin: 0 0 0 15px; padding: 6px 0 0 0; width: 97px; }
#freesamples img { float: right; margin-right: 2px; }

a.li { margin-left: 15px; padding-left: 13px; background: url(gif/arrows_big2.gif) -3px left no-repeat; }
#freesamples a:link, #freesamples a:visited, #freesamples a:active, #quickorderpad a:link, #quickorderpad a:visited, #quickorderpad a:active{ font: bold 11px Arial, Helvetica, sans-serif; color: #0378a8; text-decoration: underline; }
#freesamples a:hover, #quickorderpad a:hover  { color: #131a54; text-decoration: underline; background-color: #bbcbed;}

#quickorderpad { width: 209px; background: url(gif/bg_quick-order.jpg) bottom center no-repeat; margin-top: 5px; padding-bottom: 25px; _padding-bottom: 20; } 
#quickorderpad h3 { display: block; height: 37px; width: 209px; font: bold 14px Arial, Helvetica, sans-serif; margin:0; padding:0; text-indent: -9999px; background: url(gif/column_quick-order-pad.jpg) top left no-repeat; }
#quickorderpad p { font: normal 11px Arial, Helvetica, sans-serif; color: #333; margin: 0 0 0 15px; height: 60px; width: 120px; padding: 6px 0 0 0; }
#quickorderpad em { font-weight: bold; font-style: italic; text-transform: uppercase; }

#RSScolumn { width: 209px; border-bottom: 1px solid #a1bfd2; background: url(gif/bg_column.gif) top center repeat-y;  margin-top: 5px; padding-bottom: 5px; _padding-bottom: 0; } 
#RSScolumn h3 { display: block; height: 37px; width: 209px; font: bold 14px Arial, Helvetica, sans-serif; margin:0; padding:0; text-indent: -9999px; background: url(gif/column_RSS.jpg) top left no-repeat; }
#RSScolumn p { font: normal 11px Arial, Helvetica, sans-serif; color: #333; margin: 0 15px; padding: 6px 0 10px 0; }
#RSScolumn a:link, #RSScolumn a:visited, #RSScolumn a:active { display: inline-table; clear: right; font: bold 11px Arial, Helvetica, sans-serif; color: #0378a8; text-decoration: underline; text-transform: capitalize; }
#RSScolumn a:hover { display: inline-table; clear: right; font: bold 11px Arial, Helvetica, sans-serif; color: #131a54; text-decoration: underline; background-color: #bbcbed;}
#RSScolumn p.cite { font: normal 10px Arial, Helvetica, sans-serif; background: url(gif/icon_RSS.gif) top left no-repeat; color: #666; margin:10px 0 13px 15px; padding:0 0 0 20px; width: 150px; height: 20px; line-height: 9px; }
#RSScolumn a.cite { font: normal 10px Arial, Helvetica, sans-serif; padding: 0; margin:0;}

#environmentalissues { float: left; width: 352px; height: 200px; background: #FFF url(gif/line_vertical.gif) top right no-repeat; font: normal 11px Arial, Helvetica, sans-serif; color: #333; }
#environmentalissues h2 { display: block; height: 46px; width: 329px; font: bold 14px Arial, Helvetica, sans-serif; margin:0; padding:0; text-indent: -9999px; background: url(gif/h2_environmental-issues.gif) top left no-repeat; }
#environmentalissues img { float: left; }
#environmentalissues p { float: left; width: 200px; margin:0; padding:0;}
#tradeshows { float: left; width: 352px; height: 200px; background-color: #FFF; font: normal 11px Arial, Helvetica, sans-serif; color: #333; }
#tradeshows h2 { display: block; height: 46px; width: 329px; font: bold 14px Arial, Helvetica, sans-serif; margin:0; padding:0; }
#tradeshows h2 a { display: block; height: 46px; width: 329px; cursor: pointer; text-indent: -9999px; text-decoration: none; background: transparent url(gif/h2_tradeshows.gif) top left no-repeat; }
#tradeshows img { float: left; }
#tradeshows dl { float: left; width: 180px; margin:0; padding:0;}
#tradeshows dd { margin: 2px 0 6px 0;  }
#tradeshows dl { clear: right; }
#tradeshows a:link, #tradeshows a:visited, #tradeshows a:active { font: bold 11px Arial, Helvetica, sans-serif; color: #0378a8; text-decoration: underline; }
#tradeshows a:hover { font: bold 11px Arial, Helvetica, sans-serif; color: #131a54; text-decoration: underline; background-color: #bbcbed;}
#indexSEO { width: 717px; height: 172px; background: #FFF url(gif/line_horizontal-index.gif) bottom left no-repeat; font: normal 11px Arial, Helvetica, sans-serif; color: #333; margin-bottom: 10px; }
#indexSEO h2 { display: block; height: 54px; width: 450px; font: bold 14px Arial, Helvetica, sans-serif; margin:0; padding:0; text-indent: -9999px; background: url(gif/h2_pioneers.gif) top left no-repeat; }
#indexSEO img { float: left; }
#indexSEO p { float: left; width: 525px; margin:0; padding:0; font: normal 12px Arial, Helvetica, sans-serif; color: #333; line-height: 16px;}

#index { margin: 0; width: 717px; float: right; min-height: 290px; _height: 290px; padding-top: 5px; _padding-top: 0px; }

#promo { z-index: 5; width: 717px; height: 215px; background: url(gif/bg-promo-2.jpg) top left no-repeat; }
#promo h2 { font: bold 14px Arial, Helvetica, sans-serif; margin:0; padding:0; text-indent: -9999px; }
#promo a { display: block; height: 190px; width: 717px; cursor: pointer; text-decoration: none; text-indent: -9999px; }

#quicklinks { width: 711px; height: 163px; padding: 10px 3px; margin: 4px 0 0 0; background: url(gif/bg_quicklinks.jpg) top left no-repeat; }
#index #quicklinks h3 { font: bold 12px Verdana, Arial, Helvetica, sans-serif; color: #FFF; text-transform: uppercase; margin:0; padding:0;}
#index #quicklinks p { font: normal 10px Arial, Helvetica, sans-serif; color: #FFF; margin:3px 0 5px 0; padding:0; line-height: 12px; }
#quicklinks select { float: right; width: 200px; font: 11px Arial, Helvetica, sans-serif; color: #333; margin:0; padding:0;}
#clinicaluses { width: 218px; height: 64px; float: left; background: url(gif/bg-clinical-uses-for-ruhof.jpg) top left no-repeat; padding: 86px 11px 11px 8px;}
#techsheets { width: 218px; height: 64px; float: left; background: url(gif/bg-tech-sheets.jpg) top left no-repeat; padding: 86px 11px 11px 8px;}
#msds { width: 218px; height: 64px; float: left; background: url(gif/bg-msds.jpg) top left no-repeat; padding: 86px 11px 11px 8px;}

#banner { margin: 15px 0 0 0; height: 92px}
#banner img { float: left; }

/* MAIN CONTENT AREA */
.binder { width: 687px; }
#content { padding: 10px 20px 10px 25px; width: 672px; float: right; min-height: 290px; _height: 290px; text-align: left; }
#content .style1, #fullscreen .style1 {color: #CC0000}
#content td, #content p, #content li, #fullscreen td, #fullscreen p, #fullscreen li {font: normal 12px Arial, Helvetica, sans-serif; color: #333;}
#content h1, #fullscreen h1 { font: bold 18px Arial, Helvetica, sans-serif; color: #d11927; }
#content h2, #fullscreen h2 { font: bold 16px Arial, Helvetica, sans-serif; color: #1f286a; }
#content h3, #fullscreen h3 { font: bold 14px Arial, Helvetica, sans-serif; color: #333; }
#content h4, #fullscreen h4 { font: bold 12px Arial, Helvetica, sans-serif; color: #333; }
#content strong, #content b, #fullscreen strong, #fullscreen b { color: #1f286a;}
#content li, #fullscreen li { padding-bottom: 4px; }
#content a:link, #content a:visited, #fullscreen a:link, #fullscreen a:visited { color: #0387bd; }
#content table, #fullscreen table {border-collapse: collapse; }
#content table.chart, #fullscreen table.chart { border: 1px solid #4686A9; }
#content table td.head, #fullscreen table td.head { background-color: #4686A9; font: bold 13px Arial, Helvetica, sans-serif; color: #FFF; padding: 0 8px; height: 30px; }
table.chart tr.odd { background-color: #CCC; }
#content table input, #fullscreen table input { font-size: 11px; }
#content blockquote, #fullscreen blockquote { margin: 12px 20px 12px 0; border: 1px solid #CCC; padding: 15px; background-color: #cccfed; font: italic 13px Arial, Helvetica, sans-serif; color: #333; }
.productcolumn {}
.imagecolumn {}
.Discussiontable {}
.underline { border-bottom: 1px dashed #999; padding-bottom: 10px; }
.cataloggroups { background-color: #ecf5fb; }
.cataloggroups .productitem { width: 578px; border-bottom: 2px dashed #CCC; }
.cataloggroups .productitem img { margin-bottom: 10px; }
.cataloggroups .productitem h3 a 		{ background: url(gif/arrows_big3.gif) left no-repeat; color: #0378a8; text-decoration: underline; font: bold 13px Arial, Helvetica, sans-serif; padding-left: 12px; }
.cataloggroups .productitem h3 a:hover 	{ background: #bbcbed url(gif/arrows_big3.gif) left no-repeat; color: #131a54; text-decoration: underline; font: bold 13px Arial, Helvetica, sans-serif; padding-left: 12px; }
#content .productitem ul { margin:0 0 0 20px; padding:0;}
#content .productitem ul.points { margin:0; padding:0;}
#content ul.points li {list-style-image: url(gif/arrows_small.gif); margin-left: 25px; }
#content ul.points li a { font: normal 11px Arial, Helvetica, sans-serif; }

/* FOOTER STYLES */
#footer { width: 932px; height: 76px; margin: 0 auto; padding-top: 20px; background: url(gif/bg_footer.gif) bottom left no-repeat; font: normal 11px Arial, Helvetica, sans-serif; }
#footer a:link, #footer a:visited, #footer a:active { color: #0387bd; text-decoration: underline; _padding-left: 3px; }
#footer a:hover { color: #131a54; text-decoration: underline; background-color: #bbcbed; } 
#footernav { text-align: center; }
#footernav ol { list-style: none; margin:0; padding:10px 0; }
#footernav li { display: inline; border-right: 1px solid #99cccc; padding: 0 10px 0 8px; _padding: 0 8px; }
#copyright { color: #666; width: 782px; background: url(gif/footer-ruhof-logo.gif) left top no-repeat; padding: 6px 0 0 150px; }
#copyright p { font: normal 11px Arial, Helvetica, sans-serif; color: #666; margin: 0; padding:0; }
#copyright span { margin-right: 10px; }
.falcon { width: 932px; height: 47px; margin: 0 auto; padding: 10px 0; text-align: center; background: url(gif/bg_footer2.gif) top left repeat-y; }