/* Theme Name: Perma Pure custom styles Author: Marshall Oram Author URI: http://www.millerdesignworks.com */ /* Begin Typography & Colors */ /* base tag styles */ *{margin:0; padding:0} a img{border:none;} body{font-family:Tahoma, Arial, Helvetica, sans-serif;background:#a6a6a6 url(images/bg_grad.jpg) repeat-x 0 top;} img{} ul{} br {} object {margin:0px;padding:0;} input{} textarea{} label{} .column{} .clear{clear:both} .right{float:right;} .left{float:left;} .rightimg{float:right;} .rightimg img{margin:0;padding:0;} .left{float:left;} .no-border{border:none !important;} .indent,blockquote{margin-left:25px;} h1, h2, h3, h4, h5 {font-family:Tahoma, Arial, Helvetica, sans-serif;font-weight:normal;} h1{font-size:16px;color:#0858a6;margin:15px 0 12px 0;} h2{font-size:14px;color:#0858a6;margin:10px 0 11px 0;} h3{font-size:13px;color:#0858a6;margin:5px 0 10px 0;} h4{font-size:12px;color:#0858a6;margin:5px 0 10px 0;} h5{font-size:11px;color:#0858a6;margin:5px 0 10px 0;} p{font-size:13px;color:#555555;margin:0 0 10px 0;} p small{font-size:10px;color:#555555;} ul,ol{font-size:13px;font-family:;color:#555555;} a:link,a:visited{text-decoration:none;} td{padding:5px;font-size:11px;color:#555555;} .top-head{margin-top:0px;} li{padding-bottom:7px;} .border-grey,{border:solid 1px #d7d7d7;} /*wp image styles*/ div.wp-caption{background:#eee;padding:5px 0 5px 10px;border:1px solid #ddd;} div.wp-caption img{margin:0 0 15px 0!important;padding:0px !important;} div.wp-caption p{width:100%!important;padding:0!important;margin:0!important;} p.wp-caption-text{font-size:11px;text-align:center;padding:15px;line-height:1.25em;color:#0055a5;} .aligncenter{float:none !important;margin:5px auto !important;} .alignleft{float:left !important;clear:left;margin:0 15px 25px 0; !important;} .alignright{float:right !important;clear:right;margin:0 0 25px 15px !important;} .alignnone{float:none !important;clear:both;padding:0 !important;margin:0 !important;} .alignleft img, .alignright img{margin:0 auto !important;} div.gallery{background:#eee;padding:5px 0 5px 10px;border:1px solid #ddd;margin-left:45px !important;} div.gallery img{margin:0 !important;} /* -- END -- wp image styles*/ .linklove{display:none;} /* layout styles */ #wrapper_bg{width:100%;padding-top:23px;background:#fcebda;position:relative;} #container {width:811px;margin:0 auto;position:relative;} .logo{overflow: hidden;text-indent: -9999px;background: url(images/pp-logo.gif) no-repeat;width:239px;height:60px;margin:9px 0 0 22px;float:left;display:block;} #header-wrap{float:left;width:800px;height:124px;background: url(images/shadows_sides_black.png) repeat-y 0 0;padding:0 6px 0 6px;} #header{width:800px;height:96px;background: url() repeat-y 0 0;position:absolute;top:0;left:0;} #header-bar{float:left;clear:left;width:800px;height:28px;background:#064666;margin-top:96px;} form.search-form{height:24px;width:235px;margin:2px 0 2px 247px;float:left;} #header-bar div.search-box-bg{width:195px;height:24px;background: url(images/search-box-bg.gif) no-repeat 0 0;display:block;float:left;} input#search{width:160px;height:18px;padding:3px 3px 0 3px;background:none;border:none;color:#454f57;} input#submit{width:20px;height:24px;background:none;border:none;color:#454f57;font-size:18px;} #main{float:left;width:800px; background: url(images/shadows_sides_white.png) repeat-y 0 0;padding:0 6px;clear:left;} #home #main{width:685px;background:url(images/shadows_sides_black.png) repeat-y 0 0;padding:0 64px;} .main-wrap{width:730px;background:url(images/main_bg.gif) repeat-y 0 0;display:block;padding:0 6px 0 64px;float:left;} #home #main h1{float:left;width:auto;} #home #main #language{float:right;margin:36px 15px 0 0;} #home #main #language a:link, #home #main #language a:visited{color:#fff;font-size:12px;float:right;} #home #main #language a:hover,#home #main #language a:active{color:#0858a6;} #home #main #industry-nav{width:668px;height:292px;display:block;margin:15px 0;} #home #main #industry-nav a{width:333px;height:145px;float:left;} a:link.ind-science,a:visited.ind-science{overflow: hidden;text-indent: -9999px;background: url(images/home-block-science.jpg) no-repeat;width:133px;height:145px;margin:0 2px 2px 0;float:left;display:block;} a:hover.ind-science,a:active.ind-science{background: url(images/home-block-science-over.jpg) no-repeat;} a:link.ind-medical,a:visited.ind-medical{overflow: hidden;text-indent: -9999px;background: url(images/home-block-medical.jpg) no-repeat;width:133px;height:145px;margin:0 0 2px 0;float:left;display:block;} a:hover.ind-medical,a:active.ind-medical{background: url(images/home-block-medical-over.jpg) no-repeat;} a:link.ind-enviro,a:visited.ind-enviro{overflow: hidden;text-indent: -9999px;background: url(images/home-block-enviro.jpg) no-repeat;width:133px;height:145px;margin:0 2px 0 0;float:left;display:block;} a:hover.ind-enviro,a:active.ind-enviro{background: url(images/home-block-enviro-over.jpg) no-repeat;} a:link.ind-fuelcell,a:visited.ind-fuelcell{overflow: hidden;text-indent: -9999px;background: url(images/home-block-fuelcell.jpg) no-repeat;width:133px;height:145px;margin:0;float:left;display:block;} a:hover.ind-fuelcell,a:active.ind-fuelcell{background: url(images/home-block-fuelcell-over.jpg) no-repeat;} #main .col1{float:left;width:436px;margin:15px 40px 15px 0;} #main .col1 img.left,#main .col2 img.left{margin:0 15px 15px 0;} #main .col1 img{border:solid 1px #d7d7d7;} #main .col1 img.prod-thumb{border:none;} #main .col1 table.sm{margin:10px;} #main .col1 .row{float:left;clear:left;margin:10px 0 15px 0;width:436px;} #product #main .col1 .row{margin-top:5px;} #main .col1 .prod-block{float:left;margin:15px 20px 7px 0px;width:125px;} #main .col1 .prod-thumb{width:93px;height:82px;background:url(images/product_outline.gif) no-repeat 0 0;display:block;padding:5px 6px;margin:0 auto;} #main .col1 a:link .prod-thumb,#main .col1 a:visited .prod-thumb{background:url(images/product_outline.gif) no-repeat 0 0;} #main .col1 a:hover .prod-thumb,#main .col1 a:active .prod-thumb{background:url(images/product_outline_over.gif) no-repeat 0 0;} #main .col1 a:link h2, #main .col1 a:visited h2{color:#555;text-decoration:none;} #main .col1 a:hover h2, #main .col1 a:active h2{color:#0858a6;} #main .col1 .links-block{width:445px;background:#fcfcfb url(images/links-block-top.gif) no-repeat 0 0;display:block;padding:11px 0 0 0;margin:30px auto;float:left;} #main .col1 .links-block h2{font-weight:bold !important;font-size:16px;} #main .col1 .links-block h2 small{font-weight:normal !important;font-size:10px;} #main .col1 .links-block-bot{width:445px;height:8px;background:url(images/links-block-bottom.gif) no-repeat 0 0;display:block;float:left;clear:left;} #main .col1 .links-block img{float:left;margin:0 15px 0 30px;padding:10px 0;} div#icon-links-block{float:left;margin:7px 15px 10px 30px;background:url(images/icon-links-block.png) no-repeat 0 0;width:70px;height:71px;display:block;} div#icon-links-block.small{float:left;margin:7px 15px 10px 30px;background:url(images/icon-links-block-sm.png) no-repeat 0 0;width:35px;height:36px;display:block;} #main .col1 ul.links{float:left;margin-left:30px;padding:10px 0;width:125px;} #main .col1 ul.links li{padding:2px 0;} #main .col1 ul.links li a:link,#main .col1 ul.links li a:visited{color:#666;} #main .col2{float:left;width:216px;margin-right:6px;} #main .col2 .feature{background:url(images/hilite-bg.gif) repeat-y 0 0;width:191px;padding:15px 52px 15px 17px;float:left;} div.product-img-top{width:178px;height:11px;background:url(images/prod-sidebar-image.gif) no-repeat 0 0;display:block;margin:11px auto 0 auto;} div.product-img{width:168px;background:#fff;display:block;padding:4px 4px;margin:0 auto;border-left:1px solid #cccccc;border-right:1px solid #cccccc;overflow:hidden;} div.product-img img{hidden;margin:auto;} div.product-img-bot{width:178px;height:11px;background:url(images/prod-sidebar-bot-image.gif) no-repeat 0 0;display:block;margin:0 auto 11px auto;} #main .col2 .col2-wrap{padding:15px 64px 15px 17px;float:left;} #main .col2 form{width:190px;margin-top:10px;} #main .col2 input, #main .col2 select{width:100%;margin-bottom:15px;} .icon-block{float:left;clear:left;width:190px;} .icon-block div.icon-thermo{float:left;width:51px;height:51px;background:url(images/icon-sb-therm.png) no-repeat 0 0;display:block;margin:10px 0;} .icon-block div.icon-calc{float:left;width:51px;height:51px;background:url(images/icon-sb-calc.png) no-repeat 0 0;display:block;margin:10px 0;} .icon-block div.icon-chem{float:left;width:51px;height:51px;background:url(images/icon-sb-chem.png) no-repeat 0 0;display:block;margin:10px 0;} .icon-text {float:right;width:130px;} #main .col2 .icon-text form{width:130px;margin-top:0px;} #main .col2 .icon-text input{width:30px;margin:15px 5px 0 5px;font-size:10px;padding:2px;} #home #main .col1{float:left;width:461px;margin:15px 20px 15px 0;} #home #main .col2{float:left;width:186px;margin:15px 0;} #main #reprints .col1{float:left;width:35px;margin:0 20px 15px 0;} #main #reprints .col2{float:left;width:360px;margin:0 0u 15px 0;} #footer{float:left;width:800px; background: url(images/shadows_sides_black.png) repeat-y 0 0;padding:0 6px 0 6px; } #bottom-nav{height:38px;width:800px;background: url(images/footer-menu-banner-bg.gif) repeat-x 0 0;} #footer-cap{float:left;width:812px; height:15px;background: url(images/shadows-footer-black.png) repeat-y 0 0;} #header .col1{float:left; width:; height:;} #header .col2{float:left; width:; height:;} /* industry specific color theming styles */ .science #header-bar{background:#e9b506;} .medical #header-bar{background:#d54333;} .enviro #header-bar{background:#67b300;} .fuelcell #header-bar{background:#7eb0ff;} .science #header-bar div.search-box-bg{background: url(images/search-box-bg-orange.gif) no-repeat 0 0;} .medical #header-bar div.search-box-bg{background: url(images/search-box-bg-red.gif) no-repeat 0 0;} .enviro #header-bar div.search-box-bg{background: url(images/search-box-bg-green.gif) no-repeat 0 0;} .fuelcell #header-bar div.search-box-bg{background: url(images/search-box-bg-blue.gif) no-repeat 0 0;} .science h1,.science h2,.science h3,.science h4,.science h5, .science input#search, .science input#submit{color:#e9b506;} .medical h1,.medical h2,.medical h3,.medical h4,.medical h5, .medical input#search, .medical input#submit{color:#d54333;} .enviro h1,.enviro h2,.enviro h3,.enviro h4,.enviro h5,.enviro input#search, .enviro input#submit{color:#67b300;} .fuelcell h1,.fuelcell h2,.fuelcell h3,.fuelcell h4,.fuelcell h5, .fuelcell input#search, .fuelcell input#submit{color:#7eb0ff;} /* General page links colors */ .science #main .col1 a:link, .science #main .col1 a:visited{color:#e9b506;} .medical #main .col1 a:link, .medical #main .col1 a:visited{color:#d54333;} .enviro #main .col1 a:link, .enviro #main .col1 a:visited{color:#67b300;} .fuelcell #main .col1 a:link, .fuelcell #main a:visited{color:#7eb0ff;} #company #main .col1 a:link, #company #main .col1 a:visited{color:#0858a6;} #support #main .col1 a:link, #support #main .col1 a:visited{color:#0858a6;} #technology #main .col1 a:link, #technology #main .col1 a:visited{color:#0858a6;} .science #main .col1 a:hover, .science #main .col1 a:active{color:#0858a6;} .medical #main .col1 a:hover, .medical #main .col1 a:active{color:#0858a6;} .enviro #main .col1 a:hover, .enviro #main .col1 a:active{color:#0858a6;} .fuelcell #main .col1 a:hover, .fuelcell #main a:active{color:#0858a6;} #company #main .col1 a:hover, #company #main .col1 a:active{color:#e9b506;} #support #main .col1 a:hover, #support #main .col1 a:active{color:#e9b506;} #technology #main .col1 a:hover, #technology #main .col1 a:active{color:#e9b506;} .science #main .col1 ul.links li a:hover, .science #main .col1 ul.links li a:active{color:#e9b506;} .medical #main .col1 ul.links li a:hover, .medical #main .col1 ul.links li a:active{color:#d54333;} .enviro #main .col1 ul.links li a:hover, .enviro #main .col1 ul.links li a:active{color:#67b300;} .fuelcell #main .col1 ul.links li a:hover, .fuelcell #main .col1 ul.links li a:active{color:#7eb0ff;} .science #main .col2 ul.links li a:hover, .science #main .col2 ul.links li a:active{color:#e9b506;} .medical #main .col2 ul.links li a:hover, .medical #main .col2 ul.links li a:active{color:#d54333;} .enviro #main .col2 ul.links li a:hover, .enviro #main .col2 ul.links li a:active{color:#67b300;} .fuelcell #main .col2 ul.links li a:hover, .fuelcell #main .col2 ul.links li a:active{color:#7eb0ff;} #main #reprints .col1 a:link{color:#333;} #main #reprints .col1 a:visited{color:#666;} #main #reprints .col2 a:link{color:#333;} #main #reprints .col2 a:visited{color:#666;} .science #main #reprints .col1 a:hover,.science #main #reprints .col1 a:active{color:#e9b506;} .science #main #reprints .col2 a:hover,.science #main #reprints .col2 a:active{color:#e9b506;} .medical #main #reprints .col1 a:hover,.medical #main #reprints .col1 a:active{color:#d54333;} .medical #main #reprints .col2 a:hover,.medical #main #reprints .col2 a:active{color:#d54333;} .enviro #main #reprints .col1 a:hover,.enviro #main #reprints .col1 a:active{color:#67b300;} .enviro #main #reprints .col2 a:hover,.enviro #main #reprints .col2 a:active{color:#67b300;} .fuelcell #main #reprints .col1 a:hover,.fuelcell #main #reprints .col1 a:active{color:#67b300;} .fuelcell #main #reprints .col2 a:hover,.fuelcell #main #reprints .col2 a:active{color:#67b300;} #header-bar h1{display:none;width:227px;height:19px;margin:3px 0 5px 64px;} #home #header-bar form.search-form{margin-left:537px;} .science #header-bar h1.science{overflow: hidden;text-indent: -9999px;background: url(images/band-industrial-text.gif) no-repeat;width:227px;height:19px;float:left;display:block;} .medical #header-bar h1.medical{overflow: hidden;text-indent: -9999px;background: url(images/band-medical-text.gif) no-repeat;width:227px;height:19px;float:left;display:block;} .enviro #header-bar h1.enviro{overflow: hidden;text-indent: -9999px;background: url(images/band-enviro-text.gif) no-repeat;width:227px;height:19px;float:left;display:block;} .fuelcell #header-bar h1.fuelcell{overflow: hidden;text-indent: -9999px;background: url(images/band-fuelcell-text.gif) no-repeat;width:227px;height:19px;float:left;display:block;} #technology #header-bar h1.technology{overflow: hidden;text-indent: -9999px;background: url(images/band-technical-text.gif) no-repeat;width:227px;height:19px;float:left;display:block;} #company #header-bar h1.company{overflow: hidden;text-indent: -9999px;background: url(images/band-company-text.gif) no-repeat;width:227px;height:19px;float:left;display:block;} #support #header-bar h1.support{overflow: hidden;text-indent: -9999px;background: url(images/band-support-text.gif) no-repeat;width:227px;height:19px;float:left;display:block;} .customer-applications #header-bar h1.support{overflow: hidden;text-indent: -9999px;background: url(images/band-support-text.gif) no-repeat;width:227px;height:19px;float:left;display:block;} .reprints #header-bar h1.support{overflow: hidden;text-indent: -9999px;background: url(images/band-support-text.gif) no-repeat;width:227px;height:19px;float:left;display:block;} .key-concepts #header-bar h1.support{overflow: hidden;text-indent: -9999px;background: url(images/band-support-text.gif) no-repeat;width:227px;height:19px;float:left;display:block;} /* typographic styles */ #main .col1 h1,#main .col1 h2{font-family:Arial, Helvetica, sans-serif;font-weight:normal;} #main .col1 div.date{font-size:12px;padding-right:20px;width:55px;text-align:right;color:#000000;font-weight:normal;float:left;} #main .col1 div.title{width:361px;float:left;} #main .col1 div.title h2{margin-top:0px;} #main .col1 div.prod-block h2{font-size:13px;text-align:center;padding:5px;} #main .col2 a:link, #main .col2 a:visited{color:#0858a6;} #main .col2 a:hover,#main .col2 a:active{color:#e9b506;} #main .col2 .feature h1{font-size:13px;color:#555;font-weight:normal;width:75px;margin:10px 0 0 0;float:left;} #main .col2 .feature h1 a:link,#main .col2 .feature h1 a:visited{color:#555;text-decoration:none;} #main .col2 .feature h1 a:hover, #main .col2 .feature h1 a:active{color:#0858a6;} #main .col2 h2{font-size:12px;font-weight:normal;margin-bottom:4px !important;} #main .col2 .icon-block h2{margin-top:25px;} #main .col2 .flush h2{margin-top:0px;} #main .col2 .col2-wrap h1{font-family:Arial, Helvetica, sans-serif;font-weight:normal;} #main .col2 p{font-size:11px;padding-bottom:10px;} #main .col2 ul.sub-nav{margin:5px 0 25px 30px;} #main .col2 ul.sub-nav li{font-size:13px;color:#555;} #main .col2 ul.sub-nav li a:link,#main .col2 ul.sub-nav li a:visited{color:#555;} #main .col2 ul.sub-nav li a:hover, #main .col2 ul.sub-nav li a:active{color:#0858a6;} ul#top-nav{list-style:none;margin-left:296px;height:64px;display:block;margin-top:5px;} ul#top-nav li{padding:45px 5px 10px 5px;display:block;float:left;color:#83a3b3;} ul#top-nav li.prod{width:117px;} ul#top-nav li.support{width:102px;} ul#top-nav li.comp{width:117px;} ul#top-nav li ul.sub{display:none;margin-top:15px;margin-left:-12px;} ul#top-nav li.over ul.sub,ul#top-nav li:hover ul.sub{display:block;float:left;clear:left;width:155px;} ul#top-nav li ul.sub li{list-style:none;float:left;clear:left;display:block;width:135px;padding:10px;background:url(images/drop-menu-bg.png) repeat 0 0;border:1px solid #b0d4e4;border-top:none;} /* dark: #021823, med: #073a54 ,light:#b0d4e4 */ #home ul#top-nav li ul.sub li{border:1px solid #073a54;border-top:none;background:url(images/drop-menu-bg-light.png) repeat 0 0;} ul#top-nav li.divider{width:2px;background:url(images/top-nav-divider.gif) no-repeat 0 0;padding-right:0;height:61px;} ul#top-nav li a:link.products,ul#top-nav li a:visited.products{overflow: hidden;text-indent: -9999px;background: url(images/top-nav-prod-out.gif) no-repeat;width:83px;height:14px;float:left;display:block;} ul#top-nav li a:hover.products,ul#top-nav li a:active.products{background: url(images/top-nav-prod-over.gif) no-repeat;} ul#top-nav li a:link.support,ul#top-nav li a:visited.support{overflow: hidden;text-indent: -9999px;background: url(images/top-nav-support-out.gif) no-repeat;width:68px;height:14px;float:left;display:block;} ul#top-nav li a:hover.support,ul#top-nav li a:active.support{background: url(images/top-nav-support-over.gif) no-repeat;} ul#top-nav li a:link.company,ul#top-nav li a:visited.company{overflow: hidden;text-indent: -9999px;background: url(images/top-nav-comp-out.gif) no-repeat;width:71px;height:14px;float:left;display:block;} ul#top-nav li a:hover.company,ul#top-nav li a:active.company{background: url(images/top-nav-comp-over.gif) no-repeat;} ul#top-nav li ul.sub li a:link,ul#top-nav li ul.sub li a:visited{color:#e9b506;text-decoration:none;}/* bold blue:#0858a6; light blue:#83a3b3; yellow:#e9b506; */ .science ul#top-nav li ul.sub li{border:1px solid #e9b506;border-top:none;} .science ul#top-nav li ul.sub li a:link, .science ul#top-nav li ul.sub li a:visited{color:#e9b506;} .science ul#top-nav li ul.sub li a:hover,.science ul#top-nav li ul.sub li a:active{color:#b0d4e4;} .medical ul#top-nav li ul.sub li{border:1px solid #d54333;border-top:none;} .medical ul#top-nav li ul.sub li a:link,.medical ul#top-nav li ul.sub li a:visited{color:#d54333;} .medical ul#top-nav li ul.sub li a:hover,.medical ul#top-nav li ul.sub li a:active{color:#b0d4e4;} .enviro ul#top-nav li ul.sub li{border:1px solid #67b300;border-top:none;} .enviro ul#top-nav li ul.sub li a:link,.enviro ul#top-nav li ul.sub li a:visited{color:#67b300;} .enviro ul#top-nav li ul.sub li a:hover,.enviro ul#top-nav li ul.sub li a:active{color:#b0d4e4;} .fuelcell ul#top-nav li ul.sub li{border:1px solid #7eb0ff;border-top:none;} .fuelcell ul#top-nav li ul.sub li a:link,.fuelcell ul#top-nav li ul.sub li a:visited{color:#7eb0ff;} .fuelcell ul#top-nav li ul.sub li a:hover,.fuelcell ul#top-nav li ul.sub li a:active{color:#fff;} #company ul#top-nav li ul.sub li a:link,#company ul#top-nav li ul.sub li a:visited{color:#7eb0ff;} #company ul#top-nav li ul.sub li a:hover,#company ul#top-nav li ul.sub li a:active{color:#b0d4e4;} #technology ul#top-nav li ul.sub li a:link,#technology ul#top-nav li ul.sub li a:visited{color:#7eb0ff;} #technology ul#top-nav li ul.sub li a:hover,#technology ul#top-nav li ul.sub li a:active{color:#b0d4e4;} #support ul#top-nav li ul.sub li a:link,#support ul#top-nav li ul.sub li a:visited{color:#7eb0ff;} #support ul#top-nav li ul.sub li a:hover,#support ul#top-nav li ul.sub li a:active{color:#b0d4e4;} #bottom-nav ul{list-style:none;margin-left:64px;} #bottom-nav ul li{padding:12px 30px 10px 5px;display:block;float:left;color:#83a3b3;} #bottom-nav ul li.divider{width:2px;background:url(images/menu-divider.gif) no-repeat 0 0;padding-right:0;} #bottom-nav ul li a:link,#bottom-nav ul li a:visited{color:#83a3b3;text-decoration:none;} #bottom-nav ul li a:hover,#bottom-nav ul li a:active{color:#e9b506;} /* HOME Stylie! */ #home h1{font-family:Tahoma, Arial, Helvetica, sans-serif;color:#0858a6;font-size:18px;margin:25px 0 15px 0;} #home h1 big{font-size:24px;} #home h2, #home h3, #home h4, #home h5{font-family:Tahoma, Arial, Helvetica, sans-serif;color:#e9b506;} #home p, #home #main .col1 p{font-size:14px;color:#fff;} #home a:link,#home a:visited{color:#e9b506;text-decoration:none;} #home a:hover, #home a:active{color:#0858a6;} #main .col1 ol, #main .col1 ul{margin:5px 0 10px 25px;} #home #main .col2 p{font-size:12px;padding-bottom:10px;} #home #main .col2 a:link, #home #main .col2 a:visited{font-size:10px;} #home #main .col2 a:hover, #home #main .col2 a:active{} /*footer typo styles */ #footer p{margin:15px 0 15px 540px;color:#bdbdbd;font-size:11px;display:block;}